프로그램/IT tip
html 기초 지식 blogger를 위한 기초 html
탐쓸
2022. 6. 28. 11:34
html이란 HyprtText Markup Language로 링크와 태그로 이루어진 문서와 구조를 나타냅니다.
css이란 폰트, 컬러, 레이아웃을 정의합니다.
반응형 웹이란 웹페이지의 ui가 디바이스 화면에 크기에 맞게 보여지도록 하는 웹입니다.
html
페이지 시작 과 구조
선언으로 시작합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>타이틀</title>
</head>
<body>
<p>이 문서는 HTML 문서입니다.</p> </body>
</html>
태그
제목 태그
<h1>h1 제목입니다.</h1>
<h2>h2 제목입니다.</h2>
<h3>h3 제목입니다.</h3>
<h4>h4 제목입니다.</h4>
<h5>h5 제목입니다.</h5>
<h6>h6 제목입니다.</h6>
태그를 기준으로 잡으면 글씨의 크기는 약 h1:0.7em, h2 :0.8em, h3 :1em, h4 :1.3em, h5 :1.7em, h6 :2.3em으로 한다.
문단 태그
<p> p 요소를 사용한 단락입니다.</p>
제목 그룹태그
헤드테그 및 레이아웃 구분을 위해 사용
<hgroup>
<h1></h1>
<h2>
</hgroup>
<hgroup>
<h1></h1>
<h2>
</hgroup>
줄바꾸기 태그
시작 테그만 있음
<br>
수평선 태그
<hr>
주석처리 태그
<!-- 주석처리 -->
html 특수 문자 엔티티(www.entitycode.com)
| 엔터티 이름 | 화면출력 | 설명 |
| < | < | less than |
| > | > | greater than |
| | non-breaking space | |
| & | & | ampersand |
| " | " | quatation |