기타/HTML

죠부니 2019. 8. 16. 12:19

HTML의 기본적인 마크업은

doctype : 문서형식의 정의를 명시하는 문서선언

<!doctype html>

<html> :웹페이지의 표현

<head> : 눈에보이지않지만 필요정보를 담는다

<meta>

</head>

<body> : 눈에보이는 내용을 표현

</body>

</html>

기본적으로 알아야할 태그는

head 기준

meta,title,link,style,script

body기준

1. h1,h2,h3,h4,h5,h6

2. p,br,hr

3. a, img

4. ul, li

5. div,span

6. table

- table, thead,th,tbody,tr,td

7. form

- input,textarea,select

상세한내용은 mdn(https://developer.mozilla.org)을 참조해서 직접 상세내용을 찾아보는것이 좋다.

mdn에서 h1태그 검색시

–

HTML h1–h6 요소는 6단계의 문서 제목을 구현합니다. 구획 단계는 h1이 가장 높고 h6은 가장 낮습니다.

developer.mozilla.org

해당내용을 알수있으며

img태그의경우 속성값부분까지 살펴봐야한다.

HTML img 요소는 문서에 이미지를 넣습니다.

developer.mozilla.org

기본적으로는 <img src="이미지경로"> 형태로 쓰겠지만 추가정보를 보면 alt,width,height같은 잘아는 정보도있지만

sizes, srcset같은 브라우저나 모바일접속시 해상도와 사이즈에 맞는 이미지를 출력하는 형태의 기능도 있다.

해당 속성부분을 볼때 추가로 봐야할부분은 브라우저호환성인데

srcset의경우 익스플로러는 지원을 안한다.