HTML 1-1 제목과 본문

Yumin Jung·2023년 1월 10일
0

index.html

www.(웹사이트주소)/folder/ 에 해당하는 위치에
index.html 파일과 a.html, b.html 등 다른 이름의 파일들이 있을 시

a.html 등 index.html이 아닌 이름의 파일로 작성된 페이지는
www.(웹사이트주소)/folder/a.html 과 같이
맨 끝에 파일명을 명시해야 진입할 수 있지만,

index.html로 작성한 페이지는 해당 폴더의 주소인
www.(웹사이트주소)/folder/만 입력해도 진입할 수 있다.
즉, index.html는 웹상 특정 폴더의 기본(디폴트) 페이지이다.

Emmet

웹 개발에 사용되는 emmet 잘 이용하기 ( ! 느낌표 )
(emmet cheet sheet 보기 -> https://docs.emmet.io/cheat-sheet/)

lang = ko 로 바꾸기

웹 페이지를 검색할 때나 시각장애인의 접근성을 위하여 언어를 명시해야 한다.
언어마다 폰트가 지정되어있다.

가장 기본적인 태그 방법

span 내용 /span

or

div
내용
/div

mdn사이트 이용하기

HTML CSS JS의 가장 공신력 있는 정보를 볼 수 있는 페이지이다.

h1~h6 제목 태그

숫자 커질수록 소제목이다.

p 태그

paragraph, 문단의 약자이다. 문단의 태그
p*6 =
p /p
p /p
p /p
p /p
p /p
p /p

p태그를 사용하여 내용을 구분한다. 컴퓨터가 섹션을 구분할 수 있다.

-> 태그들을 적절히 사용해야 한다. 정보의 종류에 따라 적합한 태그를 사용해야 한다.

br 태그

줄 바꿈. 엔터의 역할. 닫는 태그 없다.
br 태그는 남용하지 말자. p태그 사용할 수 있음에도 불구하고 br 태그 쓰지 않기. 구조, 특성에 따른 태그 사용하기.

hr 태그

가로줄 표시. 실전에서는 거의 쓰이지 않을 수도 있다. css로 가능하다.

nbsp;

nbsp;를 사용하여 스페이스 역할을 한다. 실제 연속된 스페이스를 사용했을 때 브라우저에서는 스페이스가 적용되지 않지만 nbsp;를 사용하여 스페이스 기능을 사용한다.

주석

개발하는 사람이 보기 위한 내용.
< !-- 내용 -->

or

ctrl + / 하면 주석처리가 된다.

profile
문과를 정말로 존중해

0개의 댓글