Skip to content

Commit b0056da

Browse files
author
john.hong
committedSep 11, 2020
init code
1 parent 3f47a33 commit b0056da

File tree

6 files changed

+114
-0
lines changed

6 files changed

+114
-0
lines changed
 

‎1.html

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title>WEB1 - html</title>
5+
<meta charset="utf-8">
6+
</head>
7+
8+
<body>
9+
<h1><a href="index.html">WEB</a></h1>
10+
<ol>
11+
<li><a href="1.html">HTML</a></li>
12+
<li><a href="2.html">CSS</a></li>
13+
<li><a href="3.html">JavaScript</a></li>
14+
</ol>
15+
16+
<h2>HTML</h2>
17+
<p><a href="https://www.w3.org/TR/html51/"target="_blank" title="html5 specification">Hypertext Markup Language (HTML)<a> is <strong>the standard <u>markup</u> language</strong> for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.</p>
18+
<img src="coding.jpg" width="450px">
19+
<p style="margin-top:45px">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>
20+
</body>
21+
</html>

‎2.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title>WEB1 - CSS</title>
5+
<meta charset="utf-8">
6+
</head>
7+
8+
<body>
9+
<h1><a href="index.html">WEB</a></h1>
10+
<ol>
11+
<li><a href="1.html">HTML</a></li>
12+
<li><a href="2.html">CSS</a></li>
13+
<li><a href="3.html">JavaScript</a></li>
14+
</ol>
15+
16+
<h2>CSS</h2>
17+
<p>HTML 등의 마크업 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 언어. CSS의 C가 Cascading의 약자인데, 이는 상위 요소의 스타일 속성을 자손 요소들에게 상속시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이다.</p>
18+
</body>
19+
</html>

‎3.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title>WEB1 - JavaScript</title>
5+
<meta charset="utf-8">
6+
</head>
7+
8+
<body>
9+
<h1><a href="index.html">WEB</a></h1>
10+
<ol>
11+
<li><a href="1.html">HTML</a></li>
12+
<li><a href="2.html">CSS</a></li>
13+
<li><a href="3.html">JavaScript</a></li>
14+
</ol>
15+
16+
<h2>JavaScript</h2>
17+
<p>프로토타입기반의 객체지향 프로그래밍 언어로, 스크립트 언어에 해당된다. 특수한 목적이 아닌 이상 모든 웹 브라우저에 인터프리터가 내장되어 있다. 오늘날 HTML, CSS와 함께 웹을 구성하는 요소 중 하나다. HTML이 웹 페이지의 기본 구조를 담당하고, CSS가 디자인을 담당한다면 JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다. 웹 페이지를 자동차에 비유하자면, HTML은 자동차의 뼈대, CSS는 자동차의 외관, JavaScript는 자동차의 동력이라고 볼 수 있다.</p>
18+
</body>
19+
</html>

‎Note.rtf

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{\rtf1\ansi\ansicpg949\cocoartf2511
2+
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset129 AppleSDGothicNeo-Regular;\f1\fswiss\fcharset0 Helvetica;\f2\fmodern\fcharset0 Courier;
3+
\f3\fmodern\fcharset0 Courier-Bold;}
4+
{\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red10\green82\blue135;\red83\green83\blue83;
5+
\red241\green249\blue251;\red109\green109\blue109;\red0\green0\blue255;}
6+
{\*\expandedcolortbl;;\cssrgb\c0\c0\c0;\cssrgb\c0\c40000\c60000;\cssrgb\c40000\c40000\c40000;
7+
\cssrgb\c95686\c98039\c98824;\cssrgb\c50196\c50196\c50196;\cssrgb\c0\c0\c100000;}
8+
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
9+
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
10+
11+
\f0\fs24 \cf0 1] \'c5\'c2\'b1\'d7\'c0\'c7 \'c1\'df\'bf\'e4\'bc\'ba\
12+
\'bf\'ec\'b8\'ae\'b0\'a1
13+
\f1
14+
\f0 \'b3\'d7\'c0\'cc\'b9\'f6
15+
\f1
16+
\f0 \'ba\'ed\'b7\'ce\'b1\'d7\'bf\'a1\'bc\'ad \'b1\'db\'be\'b2\'b0\'c5\'b3\'aa sns\'bf\'a1\'bc\'ad \'b1\'db\'be\'b5\'b6\'a7, \'c0\'a5 \'c6\'e4\'c0\'cc\'c1\'f6\'bf\'a1 \'bf\'a1\'b5\'f0\'c5\'cd\'b0\'a1 \'c6\'f7\'c7\'d4\'b5\'c7\'be\'ee \'c0\'d6\'b4\'d9. \
17+
\'b1\'d7 \'bf\'a1\'b5\'f0\'c5\'cd\'b0\'a1 \'c7\'cf\'b4\'c2 \'c0\'cf\'c0\'ba html \'c4\'da\'b5\'e5\'b8\'a6 generate \'c7\'cf\'b4\'c2 \'b1\'e2\'b4\'c9\'c0\'cc\'b4\'d9. \
18+
\'b1\'d7\'b8\'ae\'b0\'ed, \'b0\'cb\'bb\'f6\'bf\'a3\'c1\'f8\'bf\'a1\'bc\'ad \'b0\'cb\'bb\'f6\'c0\'bb \'c7\'d2\'b6\'a7, \'c6\'af\'c1\'a4 \'b4\'dc\'be\'ee\'b0\'a1 <h1 ~ h6> \'c5\'c2\'b1\'d7 \'be\'c8\'bf\'a1 \'b5\'e9\'be\'ee\'b0\'a1 \'c0\'d6\'b4\'c2\'b0\'cd\'b0\'fa
19+
\f2\fs26\fsmilli13200 \cf2 \expnd0\expndtw0\kerning0
20+
<
21+
\f3\b \cf3 span
22+
\f2\b0 \cf4 \cb5 \cf6 \cb1 style\cf2 =\cf7 "font-size:22px;"\cf2 >coding</
23+
\f3\b \cf3 span
24+
\f2\b0 \cf2 >
25+
\f0 \'c0\'cc\'b7\'b1\'bd\'c4\'c0\'b8\'b7\'ce
26+
\f2
27+
\f0 \'b5\'e9\'be\'ee\'b0\'a1 \'c0\'d6\'b4\'c2\'b0\'cd\'c0\'ba, \'b0\'cb\'bb\'f6\'b5\'c9 \'b6\'a7 \'c5\'ab \'c2\'f7\'c0\'cc\'b0\'a1 \'c0\'d6\'b4\'d9. \
28+
\'c0\'fc\'c0\'da\'b4\'c2 \'c1\'a6\'b8\'f1\'c0\'cc\'b6\'f3\'b4\'c2 \'bc\'ba\'b0\'dd\'c0\'cc \'b0\'ad\'c7\'d1 \'c5\'c2\'b1\'d7\'c0\'cc\'b1\'e2 \'b6\'a7\'b9\'ae\'bf\'a1 \'c0\'cc \'b9\'ae\'bc\'ad\'bf\'a1\'bc\'ad \'c0\'fa \'b4\'dc\'be\'ee\'b0\'a1 \'b4\'f5 \'c1\'df\'bf\'e4\'c7\'cf\'b4\'d9\'b0\'ed \'c6\'c7\'b4\'dc\'c0\'bb \'c7\'cf\'b0\'ed \'b0\'cb\'bb\'f6\'bc\'f8\'c0\'a7 \'bb\'f3\'c0\'a7\'bf\'a1 \'b7\'a9\'c5\'a9\'bd\'c3\'c4\'d1 \'b3\'eb\'c3\'e2\'bd\'c3\'c5\'b3 \'c8\'ae\'b7\'fc\'c0\'cc \'b3\'f4\'b4\'d9. \
29+
\
30+
\'c1\'ef, \'b0\'a2 \'bf\'a1\'b5\'f0\'c5\'cd\'bf\'a1 \'b5\'fb\'b6\'f3 \'c6\'af\'c1\'a4 \'b4\'dc\'be\'ee\'b8\'a6 \'b0\'ad\'c1\'b6\'c7\'d2 \'b6\'a7, \'c8\'c4\'c0\'da\'c3\'b3\'b7\'b3 \'b4\'dc\'bc\'f8\'c8\'f7 \'c6\'f9\'c6\'ae \'c1\'b6\'c1\'a4\'c7\'cf\'b4\'c2 \'b1\'e2\'b4\'c9\'c0\'bb \'be\'b2\'c1\'f6\'b8\'bb\'b0\'ed <h1~6> \'c5\'c2\'b1\'d7\'b8\'a6 \'b3\'d6\'be\'ee\'c1\'d6\'b4\'c2 \'b1\'e2\'b4\'c9\'c0\'cc \'c0\'d6\'b4\'c2\'c1\'f6 \'ba\'b8\'b0\'ed \'c7\'d8\'b4\'e7 \'b1\'e2\'b4\'c9\'c0\'bb \'c0\'cc\'bf\'eb\'c7\'d8\'be\'df \'c7\'d1\'b4\'d9. \
31+
\
32+
\'b6\'c7\'c7\'d1 <title> \'c5\'c2\'b1\'d7\'b4\'c2 \'c3\'a5\'c0\'b8\'b7\'ce \'b5\'fb\'c1\'f6\'b8\'e9 \'c3\'a5 \'c7\'a5\'c1\'f6\'c0\'c7 \'c1\'a6\'b8\'f1\'c0\'bb \'b6\'e6\'c7\'cf\'b9\'c7\'b7\'ce, \'c0\'cc \'c5\'c2\'b1\'d7\'b8\'a6 \'be\'b2\'c1\'f6 \'be\'ca\'b4\'c2\'b0\'cd\'c0\'ba \'bf\'a9\'b7\'af\'ba\'d0\'c0\'c7 \'c0\'a5\'c6\'e4\'c0\'cc\'c1\'f6 \'b3\'eb\'c3\'e2\'b5\'b5\'bf\'a1 \'bb\'f3\'b4\'e7\'c7\'d1 \'bc\'d5\'c7\'d8\'b8\'a6 \'c0\'d4\'c8\'f7\'b4\'c2 \'b0\'cd\'c0\'cc\'b4\'d9. \
33+
\
34+
* \'c0\'af\'bf\'eb \'b8\'b5\'c5\'a9 \
35+
\'b8\'ee\'be\'ef\'b0\'b3\'c0\'c7 \'c0\'a5\'c6\'e4\'c0\'cc\'c1\'f6\'b8\'a6 \'ba\'d0\'bc\'ae\'c7\'d8\'bc\'ad \'be\'ee\'b6\'b2 \'c5\'c2\'b1\'d7\'b0\'a1 \'b8\'b9\'c0\'cc \'bb\'e7\'bf\'eb\'b5\'c7\'be\'fa\'b4\'c2\'c1\'f6 \'ba\'b8\'bf\'a9\'c1\'d6\'b4\'c2 \'c5\'eb\'b0\'e8 \'bb\'e7\'c0\'cc\'c6\'ae\
36+
- https://www.advancedwebranking.com/html/#basic-elements-metadata}

‎coding.jpg

1.37 MB
Loading

‎index.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title>WEB1 - Welcome</title>
5+
<meta charset="utf-8">
6+
</head>
7+
8+
<body>
9+
<h1><a href="index.html">WEB</a></h1>
10+
<ol>
11+
<li><a href="1.html">HTML</a></li>
12+
<li><a href="2.html">CSS</a></li>
13+
<li><a href="3.html">JavaScript</a></li>
14+
</ol>
15+
16+
<h2>WEB</h2>
17+
<p>월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 간단히 웹(Web)이라 부르는 경우가 많다. 이 용어는 인터넷과 동의어로 쓰이는 경우가 많으나 엄격히 말해 서로 다른 개념이다. 웹은 전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스일 뿐이다. 그러나 1993년 이래로 웹은 인터넷 구조의 절대적 위치를 차지하고 있다.</p>
18+
</body>
19+
</html>

0 commit comments

Comments
 (0)
Please sign in to comment.