HTML5 + CSS3

텍스트 관련 태그

잠이올때마다 2019. 6. 15. 17:53

p 단락을 만드는 태그

b, strong 텍스트 굵게 표시       

-> b와 strong 의 공통점  텍스트를 둘다 굵게 만든다.

-> b와 strong 의 차이점 화면 낭독기를 사용시 Strong은 중요하다고 알려주며 b는 그대로 나옴 (낭독기에서 강조 차이)

table 표를 만드는 태그

mark 형관펜으로 텍스트 를 그은것.

em, i 기울임 (이탤릭체)로 표시

-> 이해안가지면 굳이 설명하면 <em>태그는 꿈, 기술 적인 용어를 사용할때 쓴다고한다 

내가 딱히 신경 안써도 될듯 한데 의미는 그렇다. 

em,i 는 기울임 이지만 강조할때는 em을 쓰면된다. 정도

ul, ol, li 목록을 만드는 태그

ol type ="a"이라고 했을때

li목록 안에 있는 것을 기준으로 시작하며 

a부터  a, b, c , d ,e ,f g 이런식으로 나온다.

ol type ="a" start = "3"  이라고 했을때는

c,d,e,f,g 이런식으로 나온다.

a 문서와 사이트를 옮겨 다니는 링크를 만드는 태그

pre 태그는 다른 태그들은 띄어쓰기(공백)이 한번밖에 안먹히지만

얘는 여러개쓰면 다먹힌다.

  • test1
  • test2
  • test3
  • test4

이걸 사용하면 ● test1 ● test2 ● test3 ● test4 요렇게 나온다~

  1. test1
  2. test2
  3. test3
  4. test4

사용시 1. test1 2. test2 3. test3 4. test4 이런식으로 나옴

p는 한줄을 통째로 차지한다

느낌이 드는데

<hr>가로선 태그 !


 

 

 

dl , dt, dd 설명 목록 만들기

제목과 설명이 한 쌍인 설명 목록을 만든다.

뭔가 ul , li 와 비슷한 느낌이다.

 

dl 

   dt   /dt

   dd  /dd

   dd  /dd

/dl

이런형태로 사용한다.