[생활코딩] HTML 왕기초 2장 - Visual Studio Code / 글씨를 강조하는 태그

참고한 강의는 아래 강의입니다.

(생활코딩)

https://www.youtube.com/watch?v=9GkFI1ovBbU&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=6

 

아래 이미지와 같은 형태의 웹페이지를 만드는 실습이다.

나는 내 유튜브 채널을 홍보하는 웹페이지를 만드는 실습으로 진행할 것이다.

 

우선 나의 채널을 홍보하는 글인 위에 사진과 같이 빨간 네모표시가 되어진 부분을 아래 사진과 같이 작성해주었다.

 

 

 

---

 

[ 글씨 강조하기 - Bold ]

우리가 만든 웹페이지에서 글씨 내용을 강조하고 싶은 부분이 있을 때 그 부분만 볼드를 씌워주는 방법은 아래 사진과 같이 강조하고 싶은 부분의 시작점에 <strong>을 끝지점에 </strong>을 적어주는 것이다.

 

이후 실행하면 아래 사진과 같이 Bold가 적용된 것이 확인 가능하다.

그 외에도 아래 사진과 같이 <b>와 </b>도 볼드를 적용할 수 있다.

 

 

---

[ 글씨 강조하기 - 밑줄 ]

더 강조하고 싶은 글씨에 밑줄을 쳐볼 것이다.

밑줄은 영어로 Underline이므로 아래 사진과 같이 밑줄의 시작점에서 <u>를 끝지점에서 </u>를 작성해준다.

 

실행하면 다음과 같이 채널명에 밑줄이 쳐지는 것을 확인할 수 있다.

 

 

 

---

 

[ 이번 글의 내용 정리 ]

위에서 언급된 <strong> ~ </strong>등을 '태그'라고 부른다. 이 태그들은 <strong>과 같이 시작점이 되는 '열리는 태그'와 </strong>과 같이 '닫히는 태그' 로 나뉜다. * 태그는 어떠한 기능을 설명하는 방식이다.