고정 헤더 영역
상세 컨텐츠
본문
<doctype>
html5을 알리는 독타입 선언문
<html lang=''>
브라우저가 어떤 언어로 이루어진지 알리는 선언문 한국어는 ko
<meta>
charset = ' utf-8 ' : 모든언어를 커버하기 위해서 사용 브라우저의 문자가 깨지는걸 방지
viewport : 모바일이나 pc에서의 배율을 맞추기위해 메타태그, 미디어 쿼리에서 사용할때도 필요
<title>
<favicon>
<link rel='icon' href= ' 경로 '>
브라우저 title 옆에 아이콘을 변경하는것
이미지 확장자는 .ico 또는 .png로 ico가 호환성이 더 좋다
16x16가 표준사이즈
블록요소: 한칸에 하나의 블록만,height width설정 가능, 자동 줄바꿈
인라인요소: 딱 그 크기만큼 차지, height width설정 불가능, 줄바꿈x
<div>
대표적인 블록태그 한칸을 차지한다.
특징: 줄 바꿈
<span>
대표적인 인라인태그
특징:잘 바꿈x , width, height 먹지않음
<h1>~<h6>
제목태그
6으로 갈수록 작아짐
<p>
단락태그
div와 달리 위아래에 margin 여백이 들어가있음
<br>
줄바꿈 태그
리액트에서는 <br/>
<strong>
굵은 글씨로 변경
'HTML' 카테고리의 다른 글
| [HTML] 시멘틱 구조 (0) | 2022.05.10 |
|---|---|
| [HTML] ul, li ,ol / table 태그 (0) | 2022.05.05 |
| [HTML] form( get, post ), input 태그 (0) | 2022.04.20 |
| [HTML] 하이퍼링크 a태그 , 이미지링크 img태그 (0) | 2022.04.20 |
| 내가 사용하는 vscode 플러그인 (0) | 2022.04.16 |
