HTML의 기초부터 다시 시작하는 여정

<!html>
<h1>제목 태그이다. h1~h6까지 있으며, 대표적인 시멘틱 태그로 용도에 맞게 사용하면 코드가 직관적으로 보인다.</h1>
<ul>
unordered list의 약자로, 숫자 따위로 정의되지 않은 목록 형태로 표현할 때 사용한다.
	<li>ul태그 안에는 반드시 li태그로 리스트를 표현한다.</ㅣi>
</ul>
<div>대표적인 블록 태그로, 한줄을 모두 차지하고 줄바꿈이 가능하다.</div>
<span>대표적인 인라인 태그로, 컨텐츠의 크기만큼 블록을 차지하고 줄바꿈이 불가하다.</span>

이번에 교육을 들으며 시멘틱 요소라는 개념을 처음 알게 되었다.

시멘틱의 뜻은 (의미있는, 의미가 더 있는) 등 인데,

<div class = "h1"> 보다 <h1>을 쓰는것이 낫다는 것이다.

그 이유는 시멘틱 요소가 있는 태그들은 팀으로 개발을 할때 같은 팀원들이 서로의 코드를 볼때
더욱 가독성있고 직관적으로 알아 볼 수 있고, 검색엔진이 코드를 읽어 나갈때 시멘틱 태그들을 더 우선순위로 읽어낸다는 점에서 전체적으로 코드 각각이 생명력을 더 가질 수 있다고 생각한다.

아래는 유닛 1에서 한 자기소개 페이지 이다.
유닛이 거듭될 수록 업그레이드 될 예정이다~

내일 하는 유닛2에서는 css를 통해 스타일을 입혀볼 예정이다.
전체적으로 독학을 할때 이미 알고 있는 내용들이지만, 기초 개념을 더 탄탄히 하고
얼버무리며 넘어갔던 개념들을 확실하게 알게 되는것 같아서 좋다.(inline-block의 정확한 뜻 이라든지 등등)