2장에서는 HTML의 기본 문법 태그부터 알아볼 것이다.
기본 문법 태그
웹을 지배하는 것은 인터넷을 지배하는 문법이다. 그리고 그것은 '태그'를 뜻한다.
태그는 이러한 형식으로 표현한다.
| <태그>내용</태그> |
태그란 문법과 유사한 비유적인 표현이나 일상과 밀접한 관계에 있는 용어를 통해 설명한다.
그것을 이해한다면 태그만 보아도 어떠한 뜻인지 어느정도 유추 가능하다.
그러나 태그의 의미를 모른다면 구글과 같은 검색엔진에 검색하여 그 의미를 이해할 수도 있다. (ex. html h1 tag)
태그란 HTML에서 매우 중요한 것이다. 그렇다면 어떤 태그가 중요한 태그일까?
[통계에 기반한 학습법]
태그는 150+@만큼 존재한다.
이제 기본적으로 밑천으로서 가지고 있어야 하는 태그를 스스로 판단하자.
http://www.advancedwebranking.com/html/ 에 들어가서 확인해보면
약 25~26개의 태그를 가지고 있는 웹페이지가 가장 많다.
그렇다면 25~26개의 태그만을 알아도 우리는 웹페이지를 만드는 데 무리가 없다는 것이다.
가장 많이 쓰이는 태그 랭킹 역시 확인해 볼 수 있다.
[가장 많이 쓰이는 태그 TOP 28]
1. <html>
2. <head>
3. <body>
4. <title>
5. <meta>
6. <div>
7. <a>
8. <script>
9. <link>
10. <img>
11. <span>
12. <p>
13. <li>
14. <ul>
15. <style>
16. <br>
17. <h2>
18. <input>
19. <h1>
20. <form>
21. <h3>
22. <nav>
23. <footer>
24. <header>
25. <iframe>
26. <button>
27. <strong>
28. <i>
이 28개의 태그는 의미와 용도를 확실히 알고 있도록 하자!
줄바꿈
줄바꿈을 하는 태그를 알아보자.
우선 html new line tag 를 검색엔진에 검색해보면
<br> 태그라는 것을 알 수 있다.
<br>태그는 줄바꿈이라는 시각적인 의미를 갖고 있기에 닫지 않는다. (</br>이 없다는 뜻)
또한 단락을 표현할 때 쓰는 특정한 태그가 존재한다.
html paragraph tag 를 검색엔진에 검색해보면
<p> 태그가 나온다.
<p> 태그는 <br>과 달리 열리는 태그, 닫히는 태그가 존재한다.
또한 <p>태그는 웹페이지를 더 정보로서 가치 있게 만들어준다.
=>단락이라는 의미를 코딩에서 의미론적으로 표현해주기 때문이다.
그러나 <p>태그는 자유도가 낮다는 단점이 있으며 이 단점은 후에 CSS로 보완 가능하다!
<br>태그와 <p>태그를 통해 우리가 알 수 있는 것은 의미에 맞는 태그(<p>태그)를 사용하는 것이 더 좋은 방법이라는 것이다.
'Skills > Html' 카테고리의 다른 글
| 5장. HTML 태그의 제왕과 WEB1 강의 마무리(최종편) (0) | 2022.01.27 |
|---|---|
| 4장. 부모자식과 문서의 구조 (0) | 2022.01.27 |
| 3장. HTML이 중요한 이유와 최후의 문법 - 속성 (0) | 2022.01.27 |
| 1장. HTML이란 무엇인가? (0) | 2022.01.26 |
| 웹사이트는 어떻게 만들어지는가? (0) | 2021.12.21 |
