[웹 기초] HTML #2

HTML tags

https://www.w3schools.com/tags/ 를 참고

<br>

줄 바꿈을 의미한다.

To force<br> line breaks<br> in a text,<br> use the br<br> element.

To force
line breaks
in a text,
use the br
element.

다른 태그와 다르게 범위를 지정할 필요가 없기 때문에 <\br>와 같은 끝 태그가 없다.

<p>

단락을 정의할 때 사용된다.

<p>This is some text in a paragraph.</p>

This is some text in a paragraph.

기본적으로 각 요소 앞과 뒤에 빈 줄 하나씩 추가되는 것을 볼 수 있다.

<img>

이미지를 삽입할 때 사용된다.

<img src="/assets/img/posts/webserver/img_girl.jpg" alt="Girl in a jacket" width="300" height="360">

src=“이미지 파일 경로”
alt=“이미지 파일을 못찾았을 때 표시할 텍스트”
width=“이미지 너비”
height=“이미지 높이”

<a>

다른 페이지로 연결되는 링크를 삽입할 때 사용된다. (하이퍼링크)

<a href="https://www.naver.com">네이버 열기</a>

네이버 열기

href=“링크”
기본적으로 연결된 페이지는 현재 브라우저 창에 표시된다.

새 창으로 열고 싶을 경우

<a href="https://www.naver.com" target="_blank">새 창으로 네이버 열기</a>

새 창으로 네이버 열기

이미지를 링크로 사용할 때

<a href="https://www.naver.com" target="_blank">
  <img src="/assets/img/posts/webserver/img_girl.jpg" alt="Girl in a jacket" width="300" height="360">
</a>