기본적으로 태그는 <...>로 시작하여 </...>으로 끝난다.
단, 몇가지 태그들은 마무리 태그가 없이 사용된다.
<!doctype html> : 문서 최상단에 사용하며, HTML5 언어로 작성된 웹문서라는 뜻
<html> : HTML 문서의 시작과 끝
<head> : 문서와 관련된 정보를 나열하는 부분
<body> : 웹 브라우저 화면에 표시할 내용이 들어가는 부분
<!-- --> : 주석
<head> 태그 안에 사용되는 태그
<title> : 문서의 제목
<title>문서제목</title>
<meta> : 문자 인코딩 및 문서 키워드, 요약정보
<meta charset="utf-8">
<body> 태그 안에 사용되는 태그
<hn> : 제목 표시하기 (n은 1~6. 숫자가 클수록 크기가 작아진다.)
<hn>텍스트</hn>
<p> : 텍스트 단락 만들기
<p>텍스트</p>
<br> : 줄 바꾸기
<b> : 텍스트를 진하게 표시하기
<b>텍스트</b>
<i> : 텍스트를 이탤릭체로 표시하기
<i>텍스트</i>
<img> : 이미지 추가하기
<img src="path">
<a> : 웹 문서나 외부 사이트 연결하기
<a href="url">텍스트</a>
<header> : 머리말(제목)을 지정하는 (시맨틱태그)
<header>내용</header>
<nav> : 문서를 연결하는 내비게이션 링크로 메뉴에 많이 사용 (시맨틱태그)
<nav>내용</nav>
<section> : 콘텐츠 영역 나타내기. 주제별로 콘텐츠를 묶을 때 사용. (시맨틱태그)
<section>내용</section>
<article> : 실제 콘텐츠 내용 넣기 (시맨틱태그)
<article>내용</article>
<aside> : 본문 이외의 내용 표시하기 (시맨틱태그)
<aside>내용</aside>
<footer> : 제작 정보와 저작권 정보 표시하기 (시맨틱태그)
<footer>내용</footer>
<iframe> : 외부 문서 삽입하기
<iframe src="삽입할 문서 주소" [속성 = "속성값"]></iframe>
속성
width : 인라인 프레임의 너비. 픽셀 값으로 표시.
height : 인라인 프레임의 높이. 픽셀 값으로 표시.
name : 인라인 프레임의 이름.
seamless : 프레임의 테두리를 없애서 마치 본문의 일부처럼 보이게 한다. 속성값 없이 사용.
src : 프레임에 표시할 문서의 주소를 지정.
<address> : 사이트 제작자 정보, 연락처 정보 나타내기
<address>내용</address>
'Programming' 카테고리의 다른 글
| HTML5+CSS3 - 시맨틱 태그 (0) | 2016.09.03 |
|---|---|
| HTML5+CSS3 - 웹 프로그래밍 준비 (0) | 2016.09.03 |
| HTML5+CSS3 - 퀴즈 정리 (0) | 2016.09.03 |
| HTML5+CSS3 - <head> 태그 (0) | 2016.09.03 |
| HTML5+CSS3 - lang 속성 (0) | 2016.09.03 |