Part 6-2-3. 웹 기초 : HTML #1

 

 

🌐 웹 기초

 

 지난 시간에는 HTML을 학습하기 위해 아톰과 같은 응용 프로그램을 설치하고 간단하게 Hello world를 찍어보았다. 이번 시간에는 HTML의 다양한 태그들에 대해서 배운다. 

 

---

 

🚂 Tag

 

 태그를 학습하기 전에 앞서, HTML의 태그를 정리한 https://www.w3schools.com/tags/tag_comment.asp 사이트를 통해 태그를 확인하고 이를 실습할 수 있다.

 

W3Schools.com

 

---

 

주석, 볼드, 이탤릭, 크기

 

 HTML에서 주석과 볼드, 이탤릭, 크기는 아래와 같이 사용한다.

 

<!-- HTML의 주석 -->
<!--, -->
<!-- 위와 같이 사용하여 주석을 사용한다.-->

<!-- 볼드(Bold) -->
<!-- <b>내용</b>을 통해 사용한다. -->

<!-- 이탤릭(italic) -->
<!-- <i>내용</i>을 통해 사용한다. -->

<!-- 크기(heading) -->
<!-- <h1~6>내용</h1~6>을 통해 사용한다. -->

<h1>컴투스</h1> 공동 창업자 <b>이영일</b> 대표가 설립한 <i>해긴</i>은 <u>‘홈런 클래시’</u>, ‘오버독스’, <strong>‘익스트림 골프’</strong>, ‘플레이투게더’ 등 캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기업이다.

 

 태그를 확인하다보면 중복되는 내용이 많다. 따라서 각 기능에 맞게 태그를 사용해야 한다. 예를들어 <h1>에는 Bold가 이미 들어있으므로, 중복이 되는데 이럴 때에는 기능에 맞게 태그를 사용해야 한다. 따라서 무분별하게 h1, bold를 같이 쓰면 안된다. 다른 예로는 <strong>과 <bold>는 내용이 거의 비슷한데, 이 때 각 태그의 Tip이나 주의사항을 보면 둘 차이가 어떠한 점이 있고, 어떠한 상황에서 써야하는지를 명시해주고 있다.