<html>
<head>
<meta charset="UTF-8">
<title>문서의 제목</title>
</head>
<body>
<p>p 태그는 위 아래로 공백이 발생</p>
<hr/>
<p>p 태그는 위 아래로 공백이 발생</p>
<hr/>
<p>p 태그는 위 아래로 공백이 발생</p>
<hr/>
</body>
</html>
<hr/> - 나눔 줄
01과 02에서 사용한 태그를 이용해 아래의 예제를 직접 작성해보자
<html> <head> <meta charset="UTF-8"> <title>메인 Page</title> </head> <body> <h2>메인 페이지</h2> <hr/> <br><small>NHH 엔터테인먼트</small>가 <b>가카오</b>를 상대로 특히 침해 소송을 벌인 것과 관련해,<br/> <br>가카오가 제기한 <mark>특허 무효</mark> 심판 3건 중 2건에서 가카오가 승소했다.<br/> <br><br/> <!--br안의 내용을 입력안하면 그냥 Enter키를 누른것과 유사--> <br>가카오는 14일 <del>NHH엔터테인먼트</del>의 특허 자회사 <ins>케이이노베이션</ins>이 보요 특허 침해로 제기한<br/> <br>특허소송과 관련해 자사가 진행한 <sup>특허 무효심판</sup>에서 승소했다고 밝혔다.<br/> </body> </html> <!--HTML은 공백(스페이스)을 입력하면 1자밖에 인식이 안된다. ' '가 ' '한칸으로 인식--> <!-- 를 사용해서 ' '한칸 이상의 공백을 여러개 입력할 수 있다.--> <!--그리고 줄바꿈은 enter을 인식하지 않기 때문에 br이나 p태그를 사용해야 한다.-->
만약 공백을 여러개 넣고 싶다면 를 여러번, 3번 하고싶다면 라고 입력하면 된다.
'HTML, CSS, JavaScript, jQuery > 02.HTML' 카테고리의 다른 글
| [HTML]02-06.iframe, 다른 사이트 참조 + 예제 (0) | 2018.10.15 |
|---|---|
| [HTML]02-05.리스트, li, ul, ol, dl(dl, dt, dd) (0) | 2018.10.15 |
| [HTML]02-04.이미지, 하이퍼링크 태그(img, a) (0) | 2018.10.15 |
| [HTML]02-03.테이블(표) 만들기, style, table, tr, th, td, colspan, rowspan (0) | 2018.10.15 |
| [HTML]02-01.기본 뼈대, 글자 효과(title, h1~6, small, mark, b, del, ins, sub, sup, p, br 태그) (0) | 2018.10.11 |