(생활코딩) HTML 기본문법 태그 (<strong> / <u> / <h1>~<h6>)

왼쪽- 결과 (웹페이지)                               오른쪽 - 원인 (코드, 소스)

---

여기서 creating web pages 부분을 강조하고 싶으면 해당 문구 사이에 <strong>강조하고 싶은 문구</strong>입력

 

에디터에서 강조하고 싶은 문구에 <strong>후 저장.

웹 페이지 새로고침 하면 해당부분 강조되어 있음.

---

여기서 web 부분에 밑줄을 치고 싶으면 해당 문구사이에 <u>밑줄 칠 문구</u>입력 (u=underline)

 

에디터에서 밑줄치고 싶은 문구에 <u>후 저장.

웹 페이지 새로고침 하면 해당부분 밑줄 쳐져 있음. 

---

여기서, <strong>강조하고 싶은 문구</strong>에서

<storng>= 열리는 태그, </strong>= 닫히는 태그 라고한다. (둘다 태그)

---

여기서 <h1>~<h6>에 대해서 알아보자면 6단계의 구획 제목을 나타낸다.

단계는 <h1>이 제일 높고, <h6>이 제일 낮다.

 

<h1>~<h6>까지만 기능을 사용할 수 있다. 에디터에 제목으로 나타내고 싶은 부분에 <hX>후 저장.

웹 페이지 새로고침 하면 레벨에 따라 제목 단계가 달라진다. 보면 <h7>효과를 준 Heading level 7 부분에는 효과가 적용되지 않은 걸 볼 수 있다.

출처- developer.mozilla.org

접근성을 고려하여 제목은 순차적으로 해야한다.

 

출처- developer.mozilla.org

하위 구획으로 제목을 중첩해 콘텐츠의 구조를 나타낼 수 있다.