HTML 정리(홈짱 보고 정리중)

[ ]Html의 기본구성

* … : HTML문서의 시작과 끝을 의미하는 태그.
* … : HTML문서의 기본 정보를 담음. 문서의 제목, 제작자, 정보
* : 문서 상단의 제목 설정. 웹브라우저의 제목 표시줄에 표시.
* : 문서의 정보 설정
* : javascript언어 등을 사용한 다양한 프로그램이 위치하는 공간
* : 문서의 장식

[ ]body태그

* 와 사이에 본문이 위치
* : 본문의 배경색 회색
* : 본문 왼쪽여백 100픽셀
* : 본문 상단여백 100픽셀

[ ]주석

*
* 실무에서 많이 사용

[ ]줄바꾸기

* html은 스페이스와 엔터를 여러번 사용하더라도 하나만 인식함.
*

첫 번째 문단

*

두 번째 문단

이렇게 하면 첫번째 문단과 두번째 문단 사이에 공백라인이 들어간다.
*
: line break 태그. 강제 줄바꿈
*
* 진유림
짱짱맨
*
태그의 남용을 피하자->가능한 글의 한문단을 의미하는

태그를 사용하고 넓게 출력 방지 위해 css사용
*

홈짱닷컴의 홈페이지 제작강좌는 초보자를 대상으로 합니다. 그러므로 가능한 쉬운 용어를 일관성 있게 사용할려고 노력하고 있습니다.

*

왼쪽정렬. 디폴트값

*
* center, right, justify(양쪽정렬)

[ ]표제(Heading)

* 볼드체로 적용되고, H1이 가장 중요한 의미 가짐(크기가 크다).
*

Heading1

*

Heading2

[ ]텍스트 관련 태그

* 물리적 태그 : 텍스트가 화면에 출력되는 형식을 지정
* 논리적 태그 : 화면에 출력되는 형식보다는 태그 자체가 가지는 의미
* 텍스트 크기
* 텍스트 색상
* 텍스트 글꼴
* 같이 쓰기
* 특수문자

[ ]링크

* 네이버
* 네이버 새창에서 열기
* 네이버 홈페이지 열기 //커서 올리면 설명 뜸

*

Published by

Yurim Jin

아름다운 웹과 디자인, 장고와 리액트, 그리고 음악과 맥주를 사랑하는 망고장스터

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s