HTML기본태그
<title></title> : 브라우저 상단에 제목을 표시, 사용자의 검색어가 TITLE 태그에 들어있으면 해당 검색어에 높은 순위를 부여한다. (웹 페이지를 대표할만할 제목을 간결하게 표현)
<meta> : 문서의 문자 세트, 작성자, 날짜, 키워드 및 표현 방법과 같은 메타데이터를 설정할 때 사용, 한글의 경우 문자가 깨져서 보이는 경우가 있는데 깨짐 현상을 방지하기 위해 <meta> 태그의 charset 속성을 반드시 지정해 주는 것이 좋다. (<meta charset="UTF-8">)
속성 [ charset, name, http-equiv, content ]
<body></body>: 문서의 본문을 담고 있다.
속성 [ id class, title, bgcolor, background, text, link, vlink, alink ]
<font></font> : 글자를 꾸미는데 사용한다.
속성 [ id class, title, size, color, face ]
<b></b> : Bold 의 약자, 글자를 굵게 하는 태그
<strong></strong> : 글자를 굵게 하는 태그
<i></i> : Italic 의 약자, 글자를 기울여서 표현 하는 태그
<u></u> : Underline 의 약자, 글자에 밑줄을 나타내는 태그
<PRE></PRE> : 형식유지, 입력 내용은 그대로 화면에 출력
<blockquote></blockquote> : 긴 인용문에 사용, 좌우 들여쓰기를 하기 위해서 사용
<H1></H1>~<H6></H6> : 제목 글자를 나타내는 태그, 1이 가장 큰 제목 ~ 6이 가장 작은 제목
속성 [ id class, title, style, align ]
<hr> : 문서에 수평선을 그릴 때 사용
<p> : Paragraph 의 약자, 단락을 구분할 때 사용하며 한 줄을 공백으로 띄우는 기능이 있다. ( </p>는 생략가능 )
속성 [ id class, title, style, align ]
<br> : Break line의 약자로 엔터(줄바꿈) 기능을 하는 태그이다.
속성 [ id class, title, style ]
<img> : 그림을 넣기 위한 태그 (<img src = "파일명">)
속성 [ id class, title, style, src, width, height, border, alt, hspace, vspace ]
<ol></ol> : 번호를 붙여 나열
<ul></ul> : 점을 붙여 나열
<a></a> : 하나의 문서에서 다른 문서로 연결하거나, URL, 그림이나 소리, 동영상 및 프로그램 파일 등을 불러올 때 사용하는 태그, 일반적으로 밑줄 친 파란 글자로 나온다.
속성 [ id class, title, style, align, href, name, target, border, alt ]
<frameset></frameset> : 하나의 창을 여러 개의 창틀로 나누는 역할을 함
속성 [ id class, title, style, rows, cols ]
도표 작성 태그
<table></table> : (표의 시작) 전체 표를 선언하고 각 요소를 포함한다.
속성 [ id class, title, style, width, height, bgcolor, border, cellspacing, cellpadding, align ]
<caption></caption> : 표의 제목을 나타낸다.
<th></th> : 열의 제목이 되는 셀로 굵은 글씨, 가운데에 정렬로 표현된다.
<tr></tr> : (행 표시) 표를 만들 때는 행, 행의 수만큼 tr(table row) 태그를 table안에 넣어준다
속성 [ id class, title, style, width, height, bgcolor, align, valign ]
<td></td> : (열 표시) 각 행에 들어갈 셀을 만들어 준다. td(table data)를 셀의 수만큼 만들어준다.
속성 [ id class, title, style, width, height, bgcolor, align, valign, colspan, rowspan ]
멀티미디어 태그
<enbed> : 웹페이지에 음악이나 동영상을 삽입하고자 할 때 사용
속성 [ src, width/height, autostart, hidden, volume, loop, showcontrols ]
<video> : 웹페이지에서 동영상을 볼 수 있게 해 주는 기능
속성 [ src, width, height, muted, controls, autoplay, loop, preload ]
<fieldset> </fieldset> : 관련 요소 주변에 박스 생성
<legend> </legend> : fieldset 태그의 제목 정의
<marquee></marquee> : 글자나 이미지를 흘러가게 해주는 태그
속성 [ width, height, direction, scrolldelay, scrollamount, loop ]