코딩공부)HTML_웹표준 3일차
index/main/sub/intro(로딩장면,바로가기,들어가기)
메인페이지(메뉴,내용(주요콘텐츠)다 갖춰있어야함)를 제외한 페이지
요즘은 인트로 잘 안씀 사용자들이 정보를 얻는데 최소한의 시간을 들이려고함
사용자의 클릭을 유도하는 페이지 -> 랜딩페이지 ->body
프로모션 페이지(상품설명,홍보,클릭유도를 위한 사전페이지)
- 파일의 이름은 : 영어,숫자,특수문자의 경우(_정도 사용할 수 있음)/한글,공백,특수문자x
entity type - 특수문자 - 띄어쓰기 자주씀
*태그의 형식
<명령어 속성="속성값">
<tag property="value">
<element attribute="value">
<a href="http://naver.com">네이버</a>
*속성의 특징
1.태그와 속성,속성과 속성은 공백으로 구분
ex) <a href="#"> --> O a명령어,href속성 구분해줘야함
<ahref="#"> --> X
2.여러 개의 속성을 사용할 수 있지만(A)
ex) A : <img src="/" width="길이" height="높이"> --> O
같은 속성을 두 번 이상 사용 불가(B)
B: <img src="/" width="30" width="400"> --> X
3.하나의 속성에는 값을 한 개만 지정
ex) <img src="/" with="300,400"> --> X
예외 태그: meta
<meta name="keyword" content="영화,한국영화,외국영화">
예외속성 = alt,title,longdec(property) (값이 여러개+한글 가능)
4.속성값은 원래의 이름이 한글인 경우를 제외하고 한글 사용 불가
ex) <img width="300"> --> O
<img width="삼백"> --> X
5.속성값에는 ""생략 가능
*주요태그
1.h(headline)
-제목표시
-1(큰 제목) ~(작은 제목)
-줄 바꿈 + 볼드체 적용
2.p(paragraph)
- 문단구분
3.br(break)
- 줄 바꿈
4.a(anchor)
- 다른 페이지로 이동(링크)
*a href="#" 이래되있으면 맨위로 올라감
참고사이트 - https://www.w3schools.com/
-> 공백 1칸
메뉴부분 - GNB(Global Navigation Bar)
어디를 클릭해도 맨위에 떠있다
메뉴 1 하단 부분 - LNB(Local Navigation Bar)
네이버 패션뷰티,연예 - tab메뉴
누르면 아래부분만 바뀌는것
<p><a href="www.naver.com" targer="_blank">네이버</a><p>
target="_"
_self
_top
_parant
_blank(창 새로 띄우기)
new(html5에서 생김)
1.목록 태그
- ul(Unordered List : 비순차목록)순서없는
- ol(Ordered List : 순차목록)순서
- dl(Definition List : 정의목록)묶음에 대한 설명 - 뜻이있는,의미가 있는
- li(List : ol,ul의 항목)
- dl(Definition Term : 목록에 대한 정의)
-dd(Definition Description:정의 목록의 항목)
Grouping Element
