HTML 첫수업

notepad++ ← html5 코딩할때 쓰는 무료배포파일. 네이버에서 다운받기 가능

*HTML 태그에 언어설정하기

*meta 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그

페이지의 설명 요약, 핵심 키워드, 제작자 등 수많은 정보를 제공할 수 있다.

닫는 태그가 없다.

charset ← 해당 문서를 어떤 방식으로 인코딩 할 수 있는지를 명시한다

UTF-8, UTF-16, UTF-32 ← 모든 언어의 문자를 지원하는 인코딩

*<TITLE>

홈페이지의 제목을 설정하는 것으로 브라우저의 제목 표시줄에 표시된다

브라우저의 즐겨찾기에 추가시 홈페이지의 제목으로 이름이 지정된다

ex) <TITLE> 홍길동의 홈페이지</TITLE>

*코멘트(주석문)

로 끝난다

주석처리 된 것은 홈페이지에 나타나지 않는다

*페이지

배경색 <body bgcolor="#0000FF"> 여기서 #0000FF 는 RGB 컬러코드

폰트색 <font color="white"> white 말고 RGB 컬러코드도 넣기 가능

*가로세로 여백추가

<body leftmargin="60" topmargin="10"> ← 이 페이지 여백은 왼쪽 60픽셀.위 10픽셀입니다

<title> - 웹 페이지 제목

<base> - 기본 경로 지정

*수평선 무게가 30이고, 폭이 100픽셀, 그림자가 없을때

수평선 두께가 15이고 폭이 브라우저 화면의 50%, 왼쪽 정렬일때

*<NOBR>

텍스트랩에 영향을 받지 않는다

본문의 길이가 브라우저 폭보다 길어도 줄을 바꾸지 않는다

문장이 긴 부분은 화면에서 보이지 않게 된다

*행 정렬

option=left, center, right

ex) <p align="left">좌로 정렬

*행 정렬 위치를 설정할 때 <h1~h6> 를 사용한다.

*<DIV>는 특정한 부분을 하나의 그룹으로 정의하는 태그로 문서를 논리적으로 분할한다

분할된 한 문단에 스타일을 적용할 수 있다.(ID, LANG, CLASS, CLEAR, NOWRAP)

CSS에서 많이 쓴다

*<pre>

문서에 나타나 있는 그대로의 형태로 문단을 보고자 할때 사용한다.

저작자표시

'HTML5 & CSS3' 카테고리의 다른 글

HTML 숙제 (0)	2021.01.25
HTML 6번째수업 (0)	2021.01.25
HTML 5번째수업 (0)	2021.01.25
HTML 4번째수업 (0)	2021.01.25
HTML 2번째수업 (0)	2021.01.25

🐠붕어의 코딩 공부 기록🐠

HTML 첫수업

'HTML5 & CSS3' 카테고리의 다른 글

댓글

티스토리툴바

HTML 첫수업

'HTML5 & CSS3' 카테고리의 다른 글

관련글

댓글

티스토리툴바