블로거를 위한 기초 html 텍스트 서식 태그

텍스트 서식 태그

 

표현태그와 의미태그

 

1. 표현태그 : 시각적 표현을 위한 태그 

2. 의미태그 : value값을 추출하기 위해 제어하는 태그

 

<b> 글씨 굵기 강조(표현태그)

 

<strong>글씨 굵어짐 강조 텍스트(의미태그)

 

<i>글씨 기울이기(표현태그)

 

<em> 글씨 기울어짐 강조 텍스트(의미태그)

 

<del> 취소선 글씨중간에 선이 그어짐(의미태그)

<ins> 삽입된 텍스트 정의 언더라인(의미태그)

 

<mark> 강조텍스트 정의 노란색음영이 표시됨(의미태그)

<small> 작은 텍스트 글씨가 작아짐(의미태그)

 

<sub> 아래첨자 (의미태그)

<sup> 위 첨자 (의미태그)

 

 

정의 태그

 

 

<abbr title="약어 정의>단어에 툴팁 표시 : 마우스를 올리면 그 단어에 대한 설명을 볼수 있도록 함

<dfn title="용어 설명>단어에 툴팁 표시 : 마우스를 올리면 그 단어에 대한 설명을 볼수 있도록 함

 

<adress> 문서작성자의 정보 정의

 

<bdo drl="ltr"> 텍스트의 적는 방향을 왼쪽에서 오른쪽으로 표시

 

<bdo drl="rtl"> 텍스트의 적는 방향을 오른쪽에서 왼쪽으로 표시

 

<blockguote cite="인용문의 출처 url> 긴 문단의 인용문을 사용할때 쓰임 " " 표시됨

<p cite="인용문의 출처 url'> 짧은 문장의 인용문을 사용할때 쓰임 " "표시됨

<cite> 인용문 정의 이텔릭체로 표현됨

 

 

 

범위태그

 

<fieldset><legend></legend></fieldset> 정렬의 속성을 정의 할 수 있음

 

<div></div> 제목, 단락, 목록, 양식등 단위를 정리하고 서식을 단위로 적용할때 사용 , 문단간 줄 바꿈은 없음

 

<pre></pre> 입력된 그대로 공백과 줄 바꿈을 그대로 표현해줌

 

<span></span> 한줄의 스타일의 적용할때 사용 

 

 

 

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

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