반응형
3강. P 태그 사용법
2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag (닫힘 태그)라고 부른다.
soo0100.tistory.com
br 태그는 한줄 띄울때 사용한다.
에디터에서 한줄을 띄운다고 해서 브라우저에 한줄이 띄워지지는 않는다.
에디터에서 엔터를 쳐서 문단 내용을 줄 바꿈 한 예제이다.
<!DOCTYPE html>
<html>
<head>
<title>Here is Title Area</title>
</head>
<body>
<p>Why do we use it?
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
</body>
</html>
브라우저에서 실행해보면, 의도한 대로 줄바꿈이 되지 않는다.
br 태그를 사용하면 줄 바꿈을 할 수 있다.
br 태그는 닫힘 태그 하나로 구성이 된다. <br/> 하나만 사용한다.
<br/> 대신 <br> 이라고 사용해도 된다.
<!DOCTYPE html>
<html>
<head>
<title>Here is Title Area</title>
</head>
<body>
Why do we use it?
It is a long established fact that a reader will be distracted </br>
by the readable content of a page when looking at its layout. <br>
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
</body>
</html>
브라우저에서 실행해보면,
br 태그를 사용한 곳에서 정확히 줄 바꿈이 됨을 알 수 있다.
5강 img 태그 사용법
4강. br 태그 사용법3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태
soo0100.tistory.com
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| 6강. div 태그 사용방법 (0) | 2024.06.26 |
|---|---|
| 5강 img 태그 사용법 (1) | 2024.06.23 |
| 3강. P 태그 사용법 (1) | 2024.06.20 |
| 2강. HTML 태그란 무엇일까? (2) | 2024.06.17 |
| 1강 HTML 기본구조 (1) | 2024.06.16 |
댓글