html => hyper text markup languare
자료의 구조가 어떻게 생겼는지 표현하기 위한 언어
html 코드 : 글자 혹 그림 어딘가에 넣어주세요 하고 짜는 코드들
<> 를 태그라고 함. (ex : 일반 글 적을 떄 <p>여기다가 피태그</p> )
태그 없이 글 적어도 나오는데 왜 하면 안되나? html은 마크업 언어이므로, 자료가 어디에 배치되어있나 알게 하기 위한 언어. => 태그가 없으면 알기 힘듬
기본 태그 목록
<p> 글 본문 </p>
<h1> 글제목 </h1>
<img src="이미지 경로">
<a href="" > 링크 </a>
<button>버튼</button>
<ul><li> 언오더드 리스트 </li></ul>
<ol><li> 오더드 리스트 </li></ol>① 태그를 열었으면 </태그명>으로 닫아야합니다. 닫지 않아도 되는 태그도 몇개 존재합니다. <img> 이런거요
② 특정 태그는 안에 href=" ", src=" " 이런 속성을 집어넣어서 추가정보를 기입가능합니다.
href는 클릭시 이동할 링크를 기입가능하고
src는 파일 경로를 기입가능합니다.
③ 용도에 맞는 태그를 사용해야합니다.
용도에 맞는 태그를 쓰는게 강제되는 사항은 아닙니다.
<p>버튼</p> 이렇게 만든 다음에 버튼처럼 꾸며도 전혀 문제될게 없습니다.
하지만 HTML은 마크업언어기 때문에 자료의 구조를 쉽게 파악할 수 있어야하는데 그럴 때 용도에 맞는 태그 사용하는게 도움이 되고
용도에 맞는 태그를 사용하면 더욱 '웹표준'에 맞는 웹을 만들어낼 수 있습니다.