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

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

댓글 없음:

댓글 쓰기