웹사이트 완성! 야호

yarimu · Jan 30, 2024 · ceaf339 · ceaf339
commit ceaf339
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 0 deletions.
diff --git a/1.html b/1.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<head>
+<title>WEB1 - HTML</title>
+<meta charest="utf-8"> 
+</head>
+<body>
+    <h1><a href="index.html">WEB</a></h1>
+<ol>
+    <li><a href="1.html">HTML</a></li>
+    <li><a href="2.html">CSS</a></li>
+    <li><a href="3.html">JavaScript</a></li>
+</ol>
+<h2>HTML</h2>
+<p><a href="https://www.w3.org/" target="_blank" title="w3c page">Hypertext Markup Language (HTML) </a>is the standard markup 
+language for <strong>creating <u>web</u> pages</strong> and web applications.
+
+프로그래밍 언어가 아니라 마크업 정보를 표현하는 마크업 언어로
+문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함한다. 
+보면 알겠지만 애초에 이름 HTML의 ML이 마크업 언어라는 뜻이다. 
+웹사이트에서 흔히 볼 수 있는 htm이나 html 확장자가 바로 이 언어로 작성된 문서다.
+<img src="coding.jpg" width="100%">
+최초 제안자는 CERN의 물리학자 티머시 J. 버너스리이다. 
+URL, HTTP, WWW의 전신인 Enquire 등도 그가 세트로 개발하고 제안했다.</p> </body>
diff --git a/2.html b/2.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<head>
+<title>WEB1 - html</title>
+<meta charest="utf-8"> 
+</head>
+<body>
+    <h1><a href="index.html">WEB</a></h1>
+<ol>
+    <li><a href="1.html">HTML</a></li>
+    <li><a href="2.html">CSS</a></li>
+    <li><a href="3.html">JavaScript</a></li>
+</ol>
+<h2>CSS</h2>
+<p>HTML 등의 마크업 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 스타일 시트 언어.
+
+    CSS의 C가 Cascading[1]의 약자인데, 
+    이는 상위 요소의 스타일 속성을 자손 요소들에게 상속시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이다. 
+    다만 예외로 마진, 패딩, 보더 등의 박스모델 관련 속성은 상속되지 않는다. 물론 inherit 값을 줘서 강제로 상속시킬 순 있다.</p> </body>
diff --git a/3.html b/3.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<head>
+<title>WEB1 - html</title>
+<meta charest="utf-8"> 
+</head>
+<body>
+    <h1><a href="index.html">WEB</a></h1>
+<ol>
+    <li><a href="1.html">HTML</a></li>
+    <li><a href="2.html">CSS</a></li>
+    <li><a href="3.html">JavaScript</a></li>
+</ol>
+<h2>JavaScript</h2>
+<p>우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다.
+     ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다.
+    HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 
+    자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 
+    예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다.</p> </body>
diff --git a/coding.jpg b/coding.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<head>
+<title>WEB1 - Welcome</title>
+<meta charest="utf-8"> 
+</head>
+<body>
+    <h1><a href="index.html">WEB</a></h1>
+<ol>
+    <li><a href="1.html">HTML</a></li>
+    <li><a href="2.html">CSS</a></li>
+    <li><a href="3.html">JavaScript</a></li>
+</ol>
+<h2>HTML</h2>
+<p>우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, 
+    ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 
+    자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 
+    예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다.
+
+    자바스크립트를 이용하면 웹에 풍부한 효과를 넣을 수 있지만, 2000년대 초반만 해도 자바스크립트는 개발자들에게 무시당하는 언어였다. 별다른 기능도 없고, 
+    성능도 별로 좋지 않았기 때문이다. 하지만 최근 몇 년 사이에 다양한 자바스크립트 프레임워크와 라이브러리가 생기면서 자바스크립트 생태계는 크게 확장되고 있으며, 그 위상도 점점 높아지고 있다.
+    [네이버 지식백과] 자바스크립트 [Javascript] - 웹을 풍부하게 만들어주는 작고 가벼운 언어 (용어로 보는 IT, 이지현)</p> </body>