기초 태그 중 <p title> , <b> , <hr> , <pre> 4가지 태그에 대해 알아보겠습니다.
오늘 배울 태그의 종류와 내용
<p title= 내용 > : 문단의 타이틀을 지정해주는 태그로써, 설정 된 문단에 마우스를 올렸을 시, 보여줍니다.
<b></b> : 태그 사이의 내용을 BOLD (굵게) 처리해주는 태그 입니다.
<pre></pre> : 태그 사이의 내용을 작성한 그대로 브라우져에 내보내 주는 역할을 합니다.
실제 작성된 HTML 코드
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> 다른 태그들 p title, Bold, hr 등 </title>
</head>
<body>
<h3>B:DSACE의 블로그에 오신것을 환영합니다.</h3>
<p title="Welcome to B:DSACE's BLOG">
<!-- 이 Paragraph 태그의 제목 : 커서 올렸을 때 추가 설명 -->
저의 블로그에서는 저의 일상생활, 여행지 뿐만 아니라
영어와 크메르어 게다가 HTML등 IT에 대한 정보까지
다루고 있는 <b> 나름 내용있는.. 블로그..입니다...;;</b>
</p>
<hr> <!-- Horizontal Line 브라우져 전체의 수평선 삽입 -->
<pre> <!-- Pre-formatted Text : 태그안의 내용을 그대로 옮겨줍니다. -->
저의 블로그에서는 저의 일상생활, 여행지 뿐만 아니라
영어와 크메르어 게다가 HTML등 IT에 대한 정보까지
다루고 있는 <b>나름 내용있는.. 블로그..입니다...;;</b>
<!-- BOLD 굵은글씨 -->
</pre>
</body>
</html>
실제 출력된 결과
결과에서 보시다 시피, <p></p> 태그와 <pre></pre> 의 차이점을 보실 수 있습니다. P 태그에서는 아무리 엔터를 넣어도
실제 출력에서는 적용되지 않는 것을 확신하실 수 있습니다.
'IT > HTML5' 카테고리의 다른 글
[HTML기초] 9. Font 태그와 그 속성들 / font size, color, face (0) | 2015.06.23 |
---|---|
HTML 태그의 정의와 사용방법 (0) | 2015.06.22 |
[HTML기초] 8. HTML 기초 태그 / <code>,<samp>,<kbd>,<var> 태그 (0) | 2015.06.21 |
[HTML기초] 7. HTML 기초 태그 / <sup>,<sub>,<mark>,<em> 태그 (0) | 2015.06.20 |
[HTML기초] 6. HTML 기초 태그 / <i>,<strong>,<small>,<u>, <del> 태그 (0) | 2015.06.16 |
[HTML기초] 4. HTML 기초 태그 <a href>, <a>, <br>, <img> 태그 (0) | 2015.06.15 |
[HTML기초] 3. HTML 기초 태그 <h>, <p> (0) | 2015.06.14 |
[HTML기초] 2. HTML 에디터 / 메모장으로 작성하기 (0) | 2015.06.09 |
[HTML기초] 1. HTML이란? (0) | 2015.06.08 |