TAG 02 - 제목과 글자를 다루는 태그, 기타 태그

Notice

Recent Posts

Tags more

Archives

관리 메뉴

< Code diaries />

Html

ejey 2024. 6. 6. 22:29

<body>안에 사용하는 HTML TAG를 공부해 봅시다.

Tag	Description	Meaning
<h1>~<h6>	헤딩요소. 문서의 내용중 제목을 나타낼 때에 사용하며, 보통 문서의 가장 큰제목은 '로고 - 사이트 제목' 로 분류되어 <h1>태그는 로고를 묶거나, 사이트명을 적을때에 한번만 사용하는 것이 대부분 입니다.	Heading
<p>	문단, 문장을 표현	Paragraph
<strong>	주의, 또는 강한 강조	Strong
<em>	<strong>태그보다는 약하지만 강조의 의미	Emphasis
<b>	문맥상의 살짝 강조하는 느낌에 사용 HTML5이전에는 시각적인 역할을 담당하는 태그였지만, 웹표준이 중요시 되면서 시각적인 분류태그들이 많이 없어졌는데, 그때 살아남은 태그 ^^ 큰 의미를 두지는 않습니다.	Bold
<i>	<b>와 동일	Italic
<sup>,<sub>	위첨자, 아래첨자	superscript, subscript
<del>,<ins>	정보를 지우고 다시 넣는 의미 예를 들면 59,900 -> 9,900 으로 정정할때, 또는 일정변경시 변경전, 후를 나타낼 때에 적절	delete, insert
<time>	날짜, 시간정보
<mark>	텍스트에 형광펜 효과 - 시각적인 요소로 생겨남

Tag	Description	Meaning
<blockquote>	인용문장 긴글	Block
<q>	인용문 짧은 글	Inline, "
<abbr>	줄임말, title 보조속성과 같이 사용한다. 스펠링으로 읽는 줄임말 또는 줄임말이 한단어로 사용되는 것또한 둘다 허용된다.	<acronym>은 파기됨
<pre>	공백병합이 일어나지 않는다.	코드 넣을때 <code>태그와 같이 사용
<code>	monotype 글꼴로 표시된다.
<address>	일반적인 우편물 주소가 아닌, 저작권자와 연락할 수 있는 정보를 표시하는 것으로서 보통 <footer>에 적으며, 이메일주소, 전화번호, 팩스번호등을 넣는다.

본 문서는 제가 오랫동안 일해왔던 내용을 강의와 책편집을 위해 정리해둔 내용입니다.

힘들게 만든 만큼 공부하시는 분들께 도움이 되면 좋겠습니다.

제 피드를 공유하거나 링크를 해주시는것은 감사합니다~

하지만, 출처없이 이미지나 내용만을 카피해서
포스트를 쓰신다거나 하는것은 하지말아주세요 ^^

감사합니다.

'Html' Related Articles