[HTML / CSS] 기본태그 모음

HTML 기본

주요 사용 태그

<h1> ~ <h6> - 제목(header>

 

<ol>, <ul> - 리스트(ordered, unordered)

 

<p> - 본문

 

<blockquote> - 인용문

 

lt;div> -  영역나눔

 

<hr/> - 줄 표시

 

<br/> - 줄 바꿈

 

<div id="값"> - 고유한 요소

 

주요 사용 시멘틱 태그

<section> - 세션태그는 주로 <h> 태그와 같이 사용한다.

 

<header> - 사이트의 앞머리, 머릿글 등 으로 사용

 

<article> - 블로그 포스틍, 뉴스 기사 등

 

<aside> - 본문과 상관없는 사이드바/배너 영역

 

<footer> - 페이지 하단

 

<nav> - 네비바, 페이지 상단 메뉴

 

<hgroup> - 제목과 관련된 부제목 하나로 묶기

HTML 태그

h	heading, header	제목을 만들때 사용하는 태그
p	pargraph	단락을 나누는 태그
b	bold	글씨를 진하게 해주는 태그
em	emphasize	글씨를 강조하는 태그
br	break line	줄을 바꿔주는 태그
img	images	이지미 소스 태그
src	source	소스 태그
alt	alternative	대체 해주는 태그
a	anchor	닻, 대체해주는 태그
href	hyper reference	하이퍼 참조 태그
rel	related	관련된 태그
ul	unordered list	순서가 없는 리스트 태그
ol	ordered list	순서가 있는 리스트 태그
li	list	리스트 태그
div	division	구획, 영역 태그
span	span	소규모 영역의 태그
table tr td	table table row table data	테이플 태그 행 태그 데이터 태그
input checkbox radio	input checkbox radio	입력값 태그 체크박스 태그 중복 가능 라디오버튼 중복 불가
placeholder	placeholder	자리표시자, 입력 안내문구
form	form	프롬 태그
audio	audio	오디오 태그
video	video	비디오 태그
embed	embed	끼워넣는 태그
iframe	iframe	동영상의 프레임을 맞추는 태그
gnb lnb	gloval navigation bar local navigation bar	전체 네비 바 태그 로컬 네비 바 태그

CSS 기본태그

width	넓이 값
height	높이 값
margin -left -right -top -bottom margin 10px 20px 30px 40px	요소 사이의 간격 왼쪽 마진 오른쪽 마진 윗 마진 아래 마진 12시-3시-6시-9시, 시계방향
padding	요소 내부의 여백
border border-top border-radius	경계선 윗 경계선 테두리(10px - 완만하게, 100% - 테두리 원모양)
font-face font-family	폰트 파일 세팅 이름 생성
position- relative absolute fixed sticky static	포지션 상대적인 위치에 따른 위치결정/현 위치에서 이동 상위요소 기준으로 이동 viewport에 고정시킨다 스크롤위치가 임계점에 이르면 position:fixed와 같이 화면박스에 고정 모든 요소가 기본적으로 static
float- left right	왼쪽 정렬 오른쪽 정렬
:hover	하이라이트 효과
:first-child :nth-child :last-child	첫번째 중간 마지막
display	이미지 마진 없앤다.
overflow: hidden	자신 영역을 벗어나는것을 숨긴다.
opacity	투명도
z-index	우선 순위
min-width max-width	최소 가로 이상 최대 가로 이하