시작(복습1)

2022. 11. 8. 13:34

간단개념

-콘텐츠가 있는 태그

Ex)<div>

오픈태그 + 내용(콘텐츠) + 클로즈태그 -> 요소

-오픈태그와 클로즈 태그가 같으면 안됨.

-콘텐츠가 없는 태그

Ex) <img><meta>

-오픈,클로즈 개념이 없음. 빈태그

기본구조.

doc 입력시 최신 구조. html5

doctype

태그의 속성 : 태그를 보조. 의미,기능 등

<head> : html 문서의 정보를 작성하는 영역.

<body> : 웹 브라우저에 표시되는 영역

h(n)태그

h1~6 1이 제일 큼. 헤딩태그. 대제목,중제목,소제목등

주로 h1태그 사용. 숫자가 작을수록 중요도 증가.

h1은 가장 중요도가 높음.

그러므로 단 한 번만 사용해야함. 검색엔진 검색시 불이익을 받을 수 있음.

검색엔진이 무슨 문서인지 파악하는데 주로 활용

반드시 h1부터 순차적으로 사용해야함

-h2가 사용 안되었는데 h3가 들어가면 안됨.

역시 검색엔진이 정보 수집시 순차적으로 하기때문.

h2가 없으면 이후의 h가 없다고 판단.

단락태그.

단락이 나눠짐./하나의 단락을 표현

- p태그는 가로 한 줄을 다 사용하는 태그. 한 줄이 꽉 차면 다음 줄로 넘어감.

-웹브라우저 크기에 따라 유동적으로 줄이 변함.

스페이스바 :  

줄바꿈(Enter) :

<a> : 웹 페이지 링크 거는 태그

-한 번이라도 이동한 링크는 보라색으로 바뀜. 이동 안한건 파란

-내부 링크

: 한 문서 내에서 해당 요소의 위치로 이동하는 것.

ex)나무위키 목차.

name 클릭시 id name 위치로 이동.

-외부 링크

네이버 클릭 시 네이버로 이동.

네이버 클릭 시 네이버 새 탭창 열림

새탭 -> target ="_blank"

공부하자