Пособие по Web Essentials
Содержание
Глава I. Введение
Что такое HTML?
HTML — это язык гипертекстовой разметки, используемый для отрисовки элементов на веб-странице. 1991 год положил начало эпохи гипертекстовых инструментов, которая продолжается даже сейчас. Безусловно, мы можем создать сайт лишь с помощью HTML, однако без дополнительных инструментов мы не сможем придать ей ни красивый вид, ни необходимую функциональность.
HTML не является языком программирования, и это важно отметить. Языки программирования используются для написания программ, которые способны принимать различные запросы от пользователя, манипулировать данными и даже отправлять их на сервер при необходимости. Говоря о языках разметки, мы подразумеваем лишь некоторую схему, которую можно сравнить с хранилищем данных. В случае HTML такая схема представляет собой информацию о том, какие элементы мы хотим видеть на нашей странице, какой текст там должен быть, о используемой кодировке и многом другом, что позволяет браузеру понять, чего же мы всё-таки от него хотим.
Минутка истории
Мы всё ещё можем узнать, как выглядела самая первая страница, просмотреть её код и удивиться его архаичности. Вы можете нажать на эту ссылку, чтобы взглянуть на неё.
Большая часть из элементов, использованных в этом непременно старом коде уже давно потеряли свою актуальность: они либо были заменены, либо улучшены, либо вообще потеряли всякий смысл в реалиях Web 3.0
Что ж, узрите же вид HTML 1.0 — самого древнего языка разметки.
<HEADER>
<TITLE>The World Wide Web project</TITLE>
<NEXTID N="55">
</HEADER>
<BODY>
<H1>World Wide Web</H1>The WorldWideWeb (W3) is a wide-area <A NAME=0 HREF="WhatIs.html"> hypermedia</A> information retrieval initiative aiming to give universal access to a large universe of documents. <P> Everything there is online about W3 is linked directly or indirectly to this document, including an <A NAME=24 HREF="Summary.html">executive summary</A> of the project, <A NAME=29 HREF="Administration/Mailing/Overview.html">Mailing lists</A> , <A NAME=30 HREF="Policy.html">Policy</A> , November's <A NAME=34 HREF="News/9211.html">W3 news</A> , <A NAME=41 HREF="FAQ/List.html">Frequently Asked Questions</A> .
<DL>
<DT>
<A NAME=44 HREF="../DataSources/Top.html">What's out there?</A>
<DD> Pointers to the world's online information, <A NAME=45 HREF="../DataSources/bySubject/Overview.html"> subjects</A> , <A NAME=z54 HREF="../DataSources/WWW/Servers.html">W3 servers</A>, etc.
<DT>
<A NAME=46 HREF="Help.html">Help</A>
<DD> on the browser you are using
<DT>
<A NAME=13 HREF="Status.html">Software Products</A>
<DD> A list of W3 project components and their current state. (e.g. <A NAME=27 HREF="LineMode/Browser.html">Line Mode</A> ,X11 <A NAME=35 HREF="Status.html#35">Viola</A> , <A NAME=26 HREF="NeXT/WorldWideWeb.html">NeXTStep</A> , <A NAME=25 HREF="Daemon/Overview.html">Servers</A> , <A NAME=51 HREF="Tools/Overview.html">Tools</A> , <A NAME=53 HREF="MailRobot/Overview.html"> Mail robot</A> , <A NAME=52 HREF="Status.html#57"> Library</A> )
<DT>
<A NAME=47 HREF="Technical.html">Technical</A>
<DD> Details of protocols, formats, program internals etc
<DT>
<A NAME=40 HREF="Bibliography.html">Bibliography</A>
<DD> Paper documentation on W3 and references.
<DT>
<A NAME=14 HREF="People.html">People</A>
<DD> A list of some people involved in the project.
<DT>
<A NAME=15 HREF="History.html">History</A>
<DD> A summary of the history of the project.
<DT>
<A NAME=37 HREF="Helping.html">How can I help</A> ?
<DD> If you would like to support the web..
<DT>
<A NAME=48 HREF="../README.html">Getting code</A>
<DD> Getting the code by <A NAME=49 HREF="LineMode/Defaults/Distribution.html"> anonymous FTP</A> , etc. </A>
</DL>
</BODY>Если же вы хотите не только лишь созерцать древнее да гулять по музею Сети, но и сравнить тогдашние стандарты с тем, что имеем сейчас, код ниже в этом вам безусловно поможет. Пока что вы, может, и не поймёте его, но в будущем сможете вернуться сюда и просмотреть, что изменилось: что убрали, что добавили, что улучшили.
<!DOCTYPE html>
<html>
<head>
<title>The World Wide Web project</title>
</head>
<body>
<header>
<h1>World Wide Web</h1>
</header>
<nav>
<ul>
<li><a href="WhatIs.html">Hypermedia</a></li>
<li><a href="Summary.html">Executive summary</a></li>
<li><a href="Administration/Mailing/Overview.html">Mailing lists</a></li>
<li><a href="Policy.html">Policy</a></li>
<li><a href="News/9211.html">W3 news</a></li>
<li><a href="FAQ/List.html">Frequently Asked Questions</a></li>
</ul>
</nav>
<section>
<h2>What's out there?</h2>
<p>Pointers to the world's online information, <a href="../DataSources/bySubject/Overview.html">subjects</a>, <a href="../DataSources/WWW/Servers.html">W3 servers</a>, etc.</p>
</section>
<section>
<h2>Help</h2>
<p>On the browser you are using</p>
</section>
<section>
<h2>Software Products</h2>
<p>A list of W3 project components and their current state. (e.g. <a href="LineMode/Browser.html">Line Mode</a>, X11 <a href="Status.html#35">Viola</a>, <a href="NeXT/WorldWideWeb.html">NeXTStep</a>, <a href="Daemon/Overview.html">Servers</a>, <a href="Tools/Overview.html">Tools</a>, <a href="MailRobot/Overview.html">Mail robot</a>, <a href="Status.html#57">Library</a>)</p>
</section>
<section>
<h2>Technical</h2>
<p>Details of protocols, formats, program internals, etc.</p>
</section>
<section>
<h2>Bibliography</h2>
<p>Paper documentation on W3 and references.</p>
</section>
<section>
<h2>People</h2>
<p>A list of some people involved in the project.</p>
</section>
<section>
<h2>History</h2>
<p>A summary of the history of the project.</p>
</section>
<section>
<h2>How can I help?</h2>
<p>If you would like to support the web...</p>
</section>
<section>
<h2>Getting code</h2>
<p>Getting the code by <a href="LineMode/Defaults/Distribution.html">anonymous FTP</a>, etc.</p>
</section>
</body>
</html>Вопросы
Прочитав главу, убедитесь, что можете с уверенностью ответить на следующие вопросы: