코딩공부)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/

 &nbsp; -> 공백 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