HTML_#1_기초

📔 HTML

HyperText Markup Language
웹을 이루는 기초. 뼈대. 기본 구조.

• 요소(element)로 구성되어 있으며, 태그(tag)로 요소를 만든다.
• 대소문자를 구별하지 않는다.(Javascript와 달리 관대하다!)

📔 시멘틱(sementic) 요소

'meaning of a piece of code'
(출처: developer.mozilla.org)

• 저 한줄로 관념적인 설명은 충분하게 여겨진다.
• 한 마디로 의미론적 마크업을 쓰는 것인데 이는 많은 이점이 있다.
  • 검색에 영향을 준다. SEO 참조
  • 알아보기 쉽다.
  • 웹표준을 지키기 용이하다.
  • 코딩 시 나침반 역할을 해준다.
• 종류가 몇 개 없을줄 알았는데, 백 여개가 있다. 중요한 것들만 알아두고 나머진 차차 공부하자.
  <article>, <aside>, <header>, <footer>, <main>, <nav>, <section>, <summary>

📔 기본 요소

<p>단락을 나타내는 요소</p>
<h1>제목을 나타내는 요소</h1>
	<h2>제목을 나타내는 요소</h2>
	<h3>제목을 나타내는 요소</h3>
	<h4>제목을 나타내는 요소</h4>
	<h5>제목을 나타내는 요소</h5>
	<h6>제목을 나타내는 요소</h6>
<!-- 가급적 헤딩 요소는 페이지 당 하나만 사용 -->
<ul>
	<li>순서가</li>
    <li>중요하지 않은</li>
	<li>목록</li>
</ul>

<ol>
	<li>순서가</li>
    <li>중요한</li>
	<li>목록</li>
</ol>

🩺 개선하자

• 쉽게 풀려 이만해도 되겠지라는 기분으로 공부를 덜했다. 이러면 안되는데..
• 수업의 난이도는 점점 올라갈 거고, 그와 별개로 어차피 프로그래밍 자체가 난이도는 끝이 없으니 수업 진도가 쉽든 어렵든 크게 영향 받지 않고 나만의 페이스를 찾는 게 중요하다. 아직은 내게 적절한 양을 모른다. 그걸 찾도록 하자.