html용어정리

<body> 문서의몸통	<header> 문서나 특정 섹션(section)의 헤더(header)를 정의
<header>	문서나 특정 섹션(section)의 헤더(header)를 정의 - 주메뉴를 감쌀때 사용 <h1>, <h2>, <h3>, <h4>, <h5>, <h6> : 문단의 제목, 숫자가 작을수록 크기가 커짐 <h1>로고</h1> : 로고는 해달 사이트의 가장 큰 제목의 의미
<nav> navigation	현재 페이지의 다른 부분과 연결되는 네비게이션 링크(메뉴,목차,인덱스)
<gnb> global navication bar	사이트전체에 동일적용되는 최상위 공통 네비게이션 (보통 상단에 위치 메인메뉴)
<div> division	가상의 레이아웃 나누기
<section>	무조건 제목태그 h 포함

태그에 쓰이는 id / class 이름 정리
id	HTML 태그의 id 속성을 CSS 선택자로 지정할때 큰속성 지정 / 중복사용 불가능 css 에서 # 사용
class	작은속성 지정 / 중복사용 가능 / 태그생략가능 css 에서 . 사용
containe	여러 개의 요소를 감싸는 div 가장기본레이아웃
wrap	<div class="wrap"> 감싸다. 감는다 - 메인페이지에서 컨텐츠를 구분하는의미 - 서브페이지는 내용이 한개이므로 사용하지않음 (중복불가)
area	wrap 보다 더 큰 영역을 감을때
grop	wrap을 감싼 area을 감을때
depth	UI 태그 메뉴의 단계(깊이) 메인메뉴 아래 서브메뉴시 사용 depth01 ,depth02 ....
inner	헤더 안 내부 규격
blind	클래스 지정된 내용 숨기기
article	외부컨텐츠 (타사이트 기사) 가져올때
aside

리스트

<ul> unordered list	순서가 필요없는 목록 / 메뉴는 무조건 리스트!
- <li> list item	ol,ul 태그 사용시 항목들을 나열할때 (ul 자식은 무조건 li만 가능)
<ol> ordered list	순서가 있는 목록 / 숫자나 알파벳 등

<dl> defintion list	정의목록. 사전처럼 용어를 설명하는 목록 - 제목이 포함된 리스트에 사용 - dl안에 dt,dd가 하나이상 들어가야함
- <dt> definition term	정의용어. 정의되는 용어의 제목을 넣을때
- <dd> definition descriptionefintion list	정의설명. 그 용어를 설명할때

a태그

<a>	하이퍼링크를 걸어주는 태그
- hyperlink	웹사이트로 링크
<a taget>	_self: 현재 페이지 (기본값) _blank: 새 탭 _parent: 부모 페이지로, iframe 등이 사용된 환경에서 쓰임 _top: 최상위 페이지로, iframe 등이 사용된 환경에서 쓰임 프레임이름: 직접 프레임이름을 명시해서 사용할 수도 있음
<img>	이미지 경로 _src : 이미지가져오기 _alt : source : 출처 근원 이미지의 이름

텍스트

<br>	줄바꿈
<p> paragraph	문단을 만들때 텍스트
- <span>	인라인 요소를 감을떄 사용 원칙이지만 글자일부를 더 감아할 경우 그냥 사용 - css 같이 쓰임 (div 줄바꿈이 되지만 span 안됨)
- <stong>	강한강조
- <em>	약한강조
- <b>	글자의 굵기 (거의사용안함)
- <i>	글자 기울이기
공백문자	<   공백문자, < <, > >, & & > 공백문자는 원칙적으로 사용하면 안되지만 테이블코딩시 필요할수있음

표

<table>	표만들기
	- <tr> 태그는 표의 행 - <td> 태그는 표의 열 <tr> 태그 하위에 위치

<form> 웹페이지에서의 입력양식

<input> type 으로 체크박스 이메일 등 여러 요소를 넣어줌

<label> input 태그 요소에 이름을 붙이는 용도

<link rel="stayleshhet' href="style.css> html 페이지의 스타일을 꾸미는 css 파일을 불러오는 링크. 필수속성

rel : relation 연결관계

(코딩을 공부하는건지 영어를 공부하는건지..😅)

util 로그인 그룹 약자

gnb 메인 메뉴 바 약자

lnb Local Navigation Bar의 약자로, GNB를 클릭하거나 마우스를 댔을 때 나오는 하위 카테고리 리스트

html 네이버 지도 넣기 id 생성 (0)	2022.11.07
html 상단 용어정리 (0)	2022.10.12
html mate 태그 description (0)	2022.10.10
html/css Open Graph 오픈그래프(미리보기) (0)	2022.10.06
active 버튼 누르는 효과 (0)	2022.09.24

jinny