<!DOCTYPE html>
<html>
<head>
<!--head태그는 웹페이지 본문을 설명해주는 태그들을 묶어주는 태그, body태그는 웹페이지의 본문을 묶어주는 태그,
html태그는 head와 body태그를 모두 묶어주는 페이지에서 하나 밖에 쓸 수 없는 최고위층 태그-->
<meta charset="utf-8">
<meta name="description" content="HTML 태그">
<meta name="kewords" content="html공부, html태그">
<meta name="author" content="개발슝이">
<title>웹페이지 제목태그</title>
</head>
<body>
<!-- "!--"태그로 열고"--"태그로 닫으면 편집기에서 코드를 지우지 않아도 웹페이에 표시 할 때 이 부분을 읽지않는다. 주석태그. -->
<h1>본문에서 제일 중요한 제목태그</h1>
<h2>숫자가 커질수록 덜 중요한 제목태그 </h2>
<h3>본문에서 세번째 큰 제목태그</h3>
<h4>본문에서 네번째 큰 제목태그</h4>
<h5>본문에서 다섯번째 큰 제목태그</h5>
<h6>본문엣 제일 덜 중요한 제목태그</h6>
<strong>글씨 두껍게 해주는 태그</strong>
<u>글씨에 밑줄 쳐주는 태그</u>
<p>단락을 나눠주는 태그</p>
줄 바꿔주는 태그<br>
<br>
이미지삽입 태그 src="이미지파일이름" width="이미지크기"<br>
<img src="img.jpg" width="30%"><br>
<a href="https://smkim9202.tistory.com/" target="_blank" title="개발슝이블로">링크첨부 태그</a><br>
href="링크주소", 새탭으로열래 target="_blank", 툴팁표시 title="툴팁표시"<br>
<ul>
<li>li 목록 태그</li>
<li>ul은 목록 묶어주는 태그(번호없이)</li>
</ul>
<ol>
<li>li 목록 태그</li>
<li>ol 목록 묶어주는 태그(번호표)</li>
</ol>
</body>
</html>
<html></html> : head태그와 body태그를 묶어주는 최고위층 태그
<head></head> : 웹페이지 본문을 설명해주는 태그들을 묶어주는 태그
<title></title> : 웹페이지의 제목태그
<meta> : 데이터를 설명해주는 태그
<body></body> : 웹페이지 본문을 묶어주는 태그
<h1></h1> : 본문 제목태그 / h6까지 있으며 숫자가 커질수록 덜 중요.
<strong></strong> : 글씨 두껍게 해주는 태그
<u></u> : 글씨에 밑줄 쳐주는 태그
<p></p> : 단락을 나눠주는 태그
<br> : 줄 바꿔주는 태그 / 엔터의 역할.
<img> : 이미지 삽입 태그 / src(이미지 경로 및 파일 이름), width(이미지크기)라는 속성들과 함께 써야함.
<a></a> : 링크 태그 / href(링크주소), target="_blank"(새탭으로 열기), title(툴팁표시)등의 속성들과 함께 사용.
<li></li> : 목록태그
<ul></ul> / <ol></ol> : 목록 태그를 묶어주는 태그 / ul은 번호 없이 ol은 번호를 표시.
<!-- 편집기에서 지우지 않아도 여기 있는 부분은 웹페이지에서는 읽지 말라고 알려주는 태그. 주석태그 -->
'프로그래밍언어 > HTML' 카테고리의 다른 글
| [HTML] semantic 태그 (0) | 2021.09.01 |
|---|---|
| [HTML] KIC campus 수강 내용 정리 (0) | 2021.08.31 |
| [HTML] HTML문서에 다른 사람들이 만들어 놓은 기능 추가하기(동영상, 댓글, 채팅, 방문자분석) (0) | 2020.11.17 |
| [HTML] <meta> 태그의 속성들 (0) | 2020.11.14 |
| [HTML] 링크달기 <a>태그로 웹사이트 만들기 (0) | 2020.11.12 |
