[HTML] html 태그(p, br, img)

html은 공백(스페이스)과 엔터를 여러번 입력하더라도 하나의 공백으로만 인식합니다. 줄바꾸기 기능을 하는 가장 일반적인 태그는 태그와 태그입니다. 하나의 문단을 의미하는 태그는 태그 사이에 위치하는 내용으로 하나의 문단을 구성합니다.

<html>
<head><meta charset="utf-8"></head>
<body>
<p>첫번째 문단</p>
<p>두번째 문단</p>
</body>
</html>

위와 같이 코딩을 하게 되면 다음과 같이 첫번째 문단과 두 번째 문단 사이에 공백라인이 들어갑니다.

br태그를 이용해서 간격을 조정할 수 있습니다. br태그는 우리가 흔히 아는 enter 연할을 합니다. 태그 하나에 줄바꿈 한줄 이라는 것입니다. 또한 태그는 다른 태그와 달리 가 없습니다.

<html>
<head><meta charset="utf-8"></head>
<body>
첫번째 문단
<br><br><br>
두번째 문단
</body>
</html>

웹페이지에 이미지를 넣고 싶을 때 사용하는 태그 입니다. html파일과 같은 위치(같은 폴더)에 img.jpg라는 사진을 넣어두고 예제를 진행해야합니다.

<html>
<body>
<img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">
</body>
</html>

이미지의 크기를 조정하고 싶으면, height나 width 속성에 값을 주면 됩니다. alt 속성은 이미지를 찾을 수 없을 때 대신 나오는 글을 보여주는 속성입니다. 또한 title 속성값은 마우스를 사진에 올려놨을 때 title 속성값이 나타나게 해줍니다.

2WEEKS