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태그 검색시
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements
–
: HTML 구획 제목 요소
HTML h1–h6 요소는 6단계의 문서 제목을 구현합니다. 구획 단계는 h1이 가장 높고 h6은 가장 낮습니다.
developer.mozilla.org
해당내용을 알수있으며
img태그의경우 속성값부분까지 살펴봐야한다.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/img
HTML img 요소는 문서에 이미지를 넣습니다.
developer.mozilla.org
기본적으로는 <img src="이미지경로"> 형태로 쓰겠지만 추가정보를 보면 alt,width,height같은 잘아는 정보도있지만
sizes, srcset같은 브라우저나 모바일접속시 해상도와 사이즈에 맞는 이미지를 출력하는 형태의 기능도 있다.
해당 속성부분을 볼때 추가로 봐야할부분은 브라우저호환성인데
srcset의경우 익스플로러는 지원을 안한다.
'기타 > HTML' 카테고리의 다른 글
| 모바일 크롬 구글번역 안뜨게 (0) | 2024.09.10 |
|---|---|
| HTML(Hypertext Markup Language) (0) | 2019.08.13 |