목차


h

제목을 나타내고 싶을 때 쓰는 태그, h1 ~ h6 갈수록 크기가 작아짐

 

<h1>안녕하세요</h1>
<h2>안녕하세요</h2>
<h3>안녕하세요</h3>
<h4>안녕하세요</h4>
<h5>안녕하세요</h5>
<h6>안녕하세요</h6>

p

문단 태그

 

<p>우리반은 PHP를 배우는 반입니다.</p>
<p>HTML도 배웁니다.</p>

 

hr

선을 넣어줌

 

<hr>

 

br

줄바꿈, VSCode에서 엔터키를 눌러도 웹페이지 에선 줄바꿈이 되지않는다. br태그를 사용

 

<p>
    띄어쓰기 
    합시다.
</p>

<p>띄어쓰기는 br태그를 이용합니다.<br>이렇게 됩니다.</p>

strong, b

강조를 위한 태그, 둘의 차이점 : TTS에서 strong태그가 강조해서 읽어줌, 시각장애인 분들을 위함,웬만하면 strong태그를 사용

 

<p>요리를 할 때는 <strong>청결</strong>이 중요합니다.</p>
<p>요리를 할 때는 <b>청결</b>이 중요합니다.</p>

em, i

글자를 기울여줌, strong, b 태그와 마찬가지로 시각장애인 분들을 위함,웬만하면 em태그를 사용

 

<em>돼지국밥</em>
<i>돼지국밥</i>

 


blockquote

인용문 태그지만, 현업에서는 쓸일없음

 

<h1>요리</h1>
<blockquote>요리는 여러 조리과정을 거쳐 음식을 만드는 것이나 그 음식을 말하며 주로 가열한 것을 말한다. 조리(調理)는 요리를 만드는 일이나 그 방법, 과정 등을 말한다.</blockquote>

 


 

abbr

마우스를 올리면 title=" "안의 값을 보여줌

 

<abbr title="aaaaaa">IOT</abbr>

cite

글자를 기울여주는 태그지만, 현업에서는 쓰이지않음

 

<p>그것은 <cite>내가 경험한</cite>최고의</p>

 


 

Github

Link

 

 

'HTML > HTML_ex' 카테고리의 다른 글

multimedia (Img, video, audio)  (0) 2023.03.08
table  (0) 2023.03.08
list  (0) 2023.03.07
ol, li  (0) 2023.03.07
semantic  (0) 2023.03.07

+ Recent posts