728x90
반응형
<!DOCTYPE html> : 현재 문서가 HTML5로 작성된 웹 문서임을 나타냄
HTML 작성규칙 : 태그 이름은 대소문자를 구분하지 않음
본문 내 연속된 공백이나 줄 바꿈은 하나의 공백으로 처리
태그의 포함 관계를 표현하기 위해 들여쓰기 적용
태그의 쌍을 겹치지 않고 완벽히 내포시킴
종료태그를 반드시 사용
문단나누기 : <p> </p>
주석 : <!-- -->
구분선 : <hr width="가로길이" size="굵기" align="정렬" color="색상값">
줄바꿈(엔터기능) : <br>
공백 :
페이지 전체색 : <body bgcolor ="색상값" link="방문하지 않았을 때 색 지정" text="전체글씨색"> </body>
<pre> <xmp>차이 : <pre>는 눈에 보이는대로 출력, <xmp>는 태그를 문자 취급
<h> : 제목태그 <h2 align="center"> <h2> /<h1>가장 큰 제목, <h6>가장 작은 제목
글자꾸미기 : <font size="글자크기" face="글꼴" color="색상"> </font>
글자형태 : <b></b> : 굵은글자, <u></u> : 밑줄, <i></i> : 기울임
<strong></strong> : 굵은글자, <ins></ins> : 밑줄, <em></em> : 기울임
하이퍼링크 : <a></a> /<a href="연결할 파일 경로" target="열릴 창" name="책갈피 설정">
href - 연결하고자 하는 웹 사이트 url지정
target - 링크 클릭시 웹사이트가 열릴 곳 지정
ㄴtarget 속성값
_blank : 새로운 창에 연다.
_self : 현재창에 연다.
ㄴ1.책갈피 설정 : 찾아갈 곳에 name=""설정
2.하이퍼링크 설정 : 문서내의 위치 or 다른문서의 위치로 이동
<a href="#top">위로</a> / <a href="test.html"></a>
목록태그 : 순서가 없는 목록(기호) <ul></ul>, 순서가 있는 목록 <ol></ol>
type="disc" type="1"
type="circle" type="A"
type="square" type="a"
type="none" type="I" i
값 지정 : value=""
테이블태그 : <table> / <tr>행 생성, <td></td>열 생성(내용), <th></th> 셀 제목글자(가운데정렬,진하게)
<table width="가로넓이" height="세로높이" border="테두리두께" align="정렬">
셀합치기 <td rowspan=""(세로행병합), colspan=""(가로열병합)
표 제목 삽입 : <caption> (<table>태그 바로 아래 사용)
img태그 : <img src="경로" width="넓이" height="높이" border="테두리두께">
프레임 : <frameset rows="가로분할",cols="세로분할"> </frameset>
프레임 분할 : <frame src="프레임에 표시될 문서경로" name="프레임이름">
target속성 예약어 : _blank - 새 창에 띄움
_self : 자기자신의 창(현재창)에 띄움
_top : 프레임 모두 제거 후 하나의 창에 띄움
ex) <frame src="main.html" name="main">
<a href="test.html" target="main">
내부프레임 : <iframe> 프레임을 나누지 않고 하나의 문서 안에 여러개의 문서 보여줄때 사용
<iframe src="문서경로" name="프레임이름" w,h...> </iframe>
폼태그 : <form name="폼이름" action="" method="전달방식get(주소에 보임)">
<input type="폼 모양과 기능" name="입력폼 변수" value="전달값">
</form>
<form>태그
<input type=text size="칸 크기" maxlength="입력가능길이"> 이름
<input type=memo> 메모칸
<input type=password> *로 표시되는 암호 입력상자
<input type=radio> 단수체크 버튼
<input type=checkbox> 복수체크버튼
<input type=button> 일반버튼
<input type=submit> 로그인(전송)
<input type=reset> 초기화
value="고정값"
728x90
반응형