2020. 4. 11.

[HTML] body 동영상 강의 정리

HTML

HTML(HyperText Markup Language)

웹브라우저를 통해서 볼 수 있는 문서를 제작하는 언어
HTML문서는 인터넷만 연결되어 있다면 누구나 웹브라우저만으로 이미잔 동영상을 볼 수 있도록 제작된 문서

윈도우 운영체제를 사용하는 컴퓨터에서는 인터넷 익스플로러가 기본으로 설치되기 때문에 HTML문서는 가장 호환성이 높은 문서이며 다른 고가의 프로그램이 필요하지 않다
웹에서 볼 수 있는 문서들은 HTML 말고도 여러가지가 있지만 HTML을 사용하지 않고서는 웹브라우저상에서 보여질 수 없다.

HTML문서는 웹브라우저에 의해 인식되고 그 결과를 사용자에게 제공하는 방식을 갖고 있기 때문에 일반 텍스트 문서와는 다른 방식으로 작성해야 한다.

htm101_01 html C 0 파일 | E:/기트리%20자료/전자%20과정/html/직접%20해본거/htm101-01.hm| 안녕하세요 만나서 반갑습니다. htm101 01.html - Windows 쬐모장 파일코 편집(旦 서식(흐) 보기U 드듣-랄 안녕하세요 만나서 반갑습니다. Ln 1, CO 1 100% Windows (CRLF) 口 니TF-8

HTML은 엔터와 하나를 초과한 두개이상의 공백을 인식하지 못한다.


HTML 기본구조

UTF-8로 저장시 크롬에서 동작하지만
Explorer에서 동작하지 않는다.
ANSI로 저장해야 동작함


HTML은 모두 태그로 구성되어 있다.
HTML은 종료태그가 있다면 종료태그를 넣어줘야 한다.

<HTML>
<HEAD>
메타태그 및 문서의 정보가 들어가는 부분입니다.
<TIITLE>문서의 제목이 들어갑니다.</HTML>
<BODY>
문서의 내용이 들어갑니다.
</BODY>
</HTML>


HTML 시작과 종료
HEAD 기본 정보, 기본 설정, 검색키워드 삽입
 -메타태그 작성자의 정보
 -TITLE 문서의 제목

BODY 내용, 내용의 설정

크게 머리(HEAD)와 몸(BODY)으로 나눠짐

(3 HTML 젓 번싸 감과 - C 0 파일 | E:/기트리%20자료/전자%20과정/html/직접%20해본거/htm101-02.hm| HTML 젓시간입니다. 반갑습니다. htm101 0기-ltml - Windows 쬐모장 파일코 편집(旦 서식(흐) 보기U 드듣-랄 <html> <head> <title>HTML 첫번째 강좌 - AA*</title> </head> <bodY> HTML 젓시간입니다. 반갑습니다. 口 </bodY> </html>l Ln 8 CO 8 100% Windows (CRLF) 니TF-8

Title 이름
아까와 다른건 창의 이름이 바꼇다.

(3 HTML 젓 번져 강좌 ~ (3 HTML 젓 번싸 감과 - C 0 파일 | E:/기트리%20자료/전자%20과정/html/직접%20해본거/htm101-03.hm| HTML 젓시간입니다. 반갑습니다. 그 htm101 03.html - Windows 쬐모장 파일코 편집(旦 서식(흐) 보기U 드듣-랄 <html> <head> <title>HTML 첫번째 강좌 - AA*</title> </head> <body bgcolor= pink"> HTML 젓시간입니다. 반갑습니다. 口 </bodY> </html> Ln 6, Col 21 100% Windows (CRLF) LITF-8

Bgcolor 바탕색깔
바탕색이 바뀐다

(3 HTML 젓 번져 강좌 ~ (3 HTML 젓 번져 강좌 ~ (3 HTML 젓 번싸 감과 - C 0 파일 | E:/기트리%20자료/전자%20과정/html/직접%20해본거/htm101-04.170m| HTML 젓시간입니다. 반갑습니다. htm101 04.html - Windows 쬐모장 파일코 편집(旦 서식(흐) 보기U 드듣-랄 <html> <head> <title>HTML 첫번째 강좌 - </head> <body background="bg 이수〉 HTML 젓시간입니다. 반갑습니다. 口 ^ A*</title> </bodY> </html> Ln 5 Col 26 100% Windows (CRLF) LITF-8

Background 배경이미지
같은 경로에 이미지파일이 있을경우에는 이미지파일이름만 넣어줘도 실행이 된다.

HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습 HTML 젓시간입니다. 반갑습니 -사간합나二H?막갑습니 HTML 젓 번져 강좌 ~ 卜 니다. 반갑습 卜 니다. 반갑습 (3 HTML 젓 번싸 감과 - C 0 파일 | E:/기트리%20자료/전자%20과정/html/직접%20해본거/htm101-04.170m| 口 心 htm101 04.html - Windows 쬐모장 파일(旦 편집(旦 서식(O) 보기U 드듣-랄 HTML HTML 젓 HTML 젓 HTML 젓 HTML 젓 다. 니다. 반갑습 卜입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다. HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> 1 27, CO 1 100% Windows (CRLF) LITF-8

<p>태그를 넣어주면 한줄씩 내려온다.

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩htm101 05]ntml e HTML 젓 번져 강좌 ~ 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습 HTML -첫시그卜이니다 바갑습나 -二苅次1간입t나雺〔반갑 습나다 . 검 htm101 05.html - Windows 쬐모장 파일(旦 편집(旦 서식(O) 보기U 드듣-랄 <html> <head> <title>HTML 첫번째 강좌 - AA*</title> HTML 첫 HTML 첫 HTML 첫 HTML 첫 HTML 첫 다. 반갑습니다. 다. 반갑습 F. 다. 반갑습 卜입니다l 반갑습니다. </head> <body background= bg.gif" bgproperties="fixed"> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> HTML 젓시간입니다. 반갑습니다.<p> Ln 8 Col 24 100% Windows (CRLF) ANSI HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다. HTML 첫시간입니다l 반갑습니다.

bgproperties="fixed"
스크롤과 함께 배경이미지가 고정되어 보임
크롬에서는 안됨

HTML _ HTML _ HTML htm101_06.htmI - Windows < html > < head> <title>HTML — <body background "bg.gif" topmargin HTML Ch. Ch. < </bodp Ln 10, col 8 100% "0" leftmargin Windows (CRLF) ANSI


topmargin="0"
상단 여백을 0으로 설정한다.
leftmargin="100"
왼쪽 여백을 100으로 설정한다.

HTML _ HTML htm101_07.html - Windows < html > < head> <title>HTML — <body bgcolor="black" text—"yellow"> HTML Ch. Ch. < </bodp Ln 2. cal 3 Windows (CRLF) ANSI

text="yellow"
전체 글씨체 색을 노란색으로 설정한다.

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩htm101 08html e HTML 젓 번져 강좌 ~ e HTML 젓 번져 강좌 ~ 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) HTML 첫시간입니다l 반갑습니다 htm101 08.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> <head> <title>HTML 첫번째 강좌 - AA*</title> </head> <body background="bg.gif" text="pink"> <!--이 부분은 상단부분입니다.--> HTML 젓시간입니다. 반갑습니다.<p> </bodY> </html>l Ln 11, CO 8 100% Windows (CRLF) 7=국석… 口 ANSI

<!--주석부분입니다.-->
화면에 보이지 않음 스크립트에 설명을 넣을때 사용함

시간:
라벨: ,

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)