1.html

<!doctype html>
<html>
<head>
  <title>WEB1 - 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>
<ol>
  <li>Tom</li>
  <li>Jerry</li>
  <li>Ashie</li>
</ol>

<h2><u>HTML이란 무엇인가?</u></h2>
<strong><a href="https://en.wikipedia.org/wiki/HTML"
  target="_blank" title="html specification">HyperText Mark-up Language</a></strong>
<img src = "HTMLimg.png"><br>
"Hyper Text Mark-up Language" 의 약자.<br>
웹 페이지의 모습을 기술하기 위한 규약.<br>
프로그래밍 언어가 아니라 마크업 언어다.
헷갈리지 않도록 하자.<br>
<p style = "margin-top:40px">
웹사이트에서 흔히 볼 수 있는 htm이나 html 확장자가 바로 이 언어로 작성된 문서다.<br>
최초 제안자는 CERN의 물리학자 티머시 J. 버너스리이다.<br>
URL, HTTP, WWW의 전신인 Enquire 등도 그가 세트로 개발하고 제안했다.<br>
TCP/IP 통신규약을 만든 빈턴 G.<br>
서프(Vinton Gray Cerf)와 함께 인터넷의 아버지로 불린다</p>
<p style = "margin-top:50px">
HTML을 기술하기 위하여 사용하는 명령어의 집합을 태그(Tag)라고 한다.<br>
태그는 기본적으로 여는 태그와 닫는 태그로 구성되며, 닫는 태그 없이 단독으로 이용하는 태그도 있다. <br>
태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타내는 기능만 한다.</p>
<p style = "margin-top:45px">
그런데 태그 종류가 수십 가지가 넘는 데다, 지정가능한 옵션까지 일일이 열거하면 책 한 권 분량이 된다.
<br>따라서 일반인은 사용빈도가 높은 일부 태그만 암기하고, 나머지는 '태그사전(또는 레퍼런스)'이라고 하는 도움말 파일을 참고하는 편이다. <br>
물론 암기 범위는 고급 사용자 내지는 프로페셔널(흔히 웹 퍼블리셔라고 하는 사람들)로 갈수록 넓어진다.</p>
<p style = "margin-top:45px">
태그는 HTML의 근간이기 때문에, HTML 기반 채팅 프로그램에서도 사용할 수 있다.
<br>대표적인 예가 cafe24 채팅. 다만 보안상 문제와 수많은 테러 때문에 현재는 대부분의 태그를 막고, 일부 태그만 허용하는 상태.
<br>그림 삽입이나 페이지 링크, 음악 삽입, marquee태그 정도가 허용된다. <br>
대부분의 PHP 기반 웹 게시판에서도 원칙적으로 글 제목과 내용에 태그를 적용시킬 수 있다.
<br>다만 채팅과 같은 이유로 그 사용을 제한하는 경우가 많다.
<Br>특히 제목 부분에는 어떤 태그도 허용하지 않는 것이 일반적.</p>
</body>
</html>