본문 바로가기
프로그램/IT tip

html 기초 지식 blogger를 위한 기초 html

by 탐쓸 2022. 6. 28.

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)

엔터티 이름 화면출력 설명
&lt; less than
 &gt; > greater than
 &nbsp;   non-breaking space
 &amp; & ampersand
 &quot; quatation

 

 

댓글

방명록