참고 영상 - 생활코딩 : WEB1 - HTML & Internet
웹사이트 만들기
<!--1.html-->
<!DOCTYPE html>
<html>
<head>
<title>WEB 1 - html</title>
<meta charset="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/TR/2011/WD-html5-20110405/index.html" target="_blank" title="html specification">Hyper Text Markup Language</a>는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다.
<p>또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.</p>
<p style="margin-top: 40px;">그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.</p>
<img src="html_image.jpg" width="100%">
</body>
</html>
<!--2.html-->
<!DOCTYPE html>
<html>
<head>
<title>WEB 1 - CSS</title>
<meta charset="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><a href="https://www.w3.org/Style/CSS/specs.en.html" target="_blank" title="css specification">Cascading Style Sheets</a>는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다.
<p>CSS는 오픈 웹의 핵심 언어 중 하나이며, W3C 명세가 다양한 브라우저의 표준으로 작동하고 있습니다.</p>
<p style="margin-top: 40px;">W3C는 CSS 명세의 버전을 올리지 않고, 대신 주기적으로 CSS 명세 안정판의 스냅샷을 생성하고 있습니다.</p>
</body>
</html>
<!--3.html-->
<!DOCTYPE html>
<html>
<head>
<title>WEB 1 - JavaScript</title>
<meta charset="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><a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/JavaScript_technologies_overview" target="_blank" title="JavaScript specification">JavaScript</a>는 상호작용성을 추가하여 풍부한 웹 애플리케이션을 만듭니다.
<p>웹 브라우저 맥락에서 포괄적으로 쓰이는 용어로서의 "JavaScript"는 사실 매우 다른 요소 여럿을 포함하는 것입니다.</p>
<p style="margin-top: 40px;">그 중 하나는 핵심 언어(ECMAScript)고, 다른 하나는 DOM(Document Object Model)을 포함한 Web API입니다.</p>
</body>
</html>
<!--index.html-->
<!DOCTYPE html>
<html>
<head>
<title>WEB 1 - Welcome</title>
<meta charset="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>WEB?</h2>
<p><a href="https://developer.mozilla.org/ko/docs/Glossary/World_Wide_Web" target="_blank" title="WEB specification">World Wide Web</a>은 인터넷을 통해 접근 가능한 공용 웹페이지의 상호연결 시스템입니다.
<p>웹은 인터넷과 다르며, 인터넷을 기반으로 한 수많은 응용 프로그램 중 하나입니다.</p>
<p style="margin-top: 40px;">오늘날 우리가 "웹"이라고 알고 있는 시스템은 다양한 구성요소로 이루어져 있습니다.</p>
</body>
</html>
Today I Learned