HyperText Markup Language

June 26, 2012

HyperText Markup Language

Что же, как и обещал, приступаем-с.

Вопросы:

Язык гипертекстовой разметки, виды и формат тегов.
Структура HTML-документа.

HTML

Разработчик: Тим Бернерс-Ли
Год разработки: 1991
Организация: CERN

HTML (HyperText Markup Language) - стандартный язык гипертекстовой разметки документов во Всемирной паутине (WWW - World Wide Web). HTML создавался как язык для обмена научной и технической документацией. Используется для создания веб-страниц.

HTML является приложением SGML (Standard Generalized Markup Language - метаязык, служащий для определения языка разметки документов). Благодаря определению небольшого числа дескрипторов, также именуемых тегами, HTML существенно упросил работу, т.к. вёрстка при помощи SGML была довольно сложной.

HTML позволил создавать относительно простой и красиво оформленный документ, первоначально был задуман как средство форматирования и структурирования документа без привязки к средству воспроизведения, но постепенно эта концепция была "забыта" в угоду графических и мультимедийных потребностей современности.

Разметка текста производится при помощи тегов. HTML не чувствителен к регистру. Теги бывают парные и одиночные. Первая часть парных тегов может содержать различные параметры, которые называют атрибутами тегов, а вторая часть таких тегов отличается от первой только наличием символа "/". Пример: <html> </html>

Обязательными тегами являются:

<html></html> является контейнером всего содержимого HTML документа.
<head></head> предназначен для хранения других данных, целью которых является помощь браузеру с работой с данными.
<title></title> определяет заголовок документа
<body></body> предназначен для хранения содержимого веб-сайта для отображения в окне браузера.

Согласно последней версии HTML5 структура документа должна быть следующей:

<!DOCTYPE html><html> <head> <title>...</title> </head><body> ...</body></html>

В отличии от HTML5 предшествующие версии HTML имели несколько доктайпов, выбор правильного был делом не лёгким. Сейчас же, благодаря совместимости HTML5 с предыдущими версиями, этот выбор делать не приходится.

Лабораторная работа #1

<html>

<head>
<title>Лабораторная работа №1</title>

</head>

<cite>Лучший способ в чём-то разобраться до конца — это попробовать научить этому компьютер (Кнут)</cite>

 



USB (англ. Universal Serial Bus1) — универсальная последовательная шина, предназначенная для подключения периферийных устройств. Шина USB представляет собой последовательный интерфейс передачи данных для среднескоростных и низкоскоростных периферийных устройств.
 
Для подключения периферийных устройств к шине USB используется четырёхпроводный кабель, при этом два провода (витая пара) в дифференциальном включении используются для приёма и передачи данных, а два провода — для питания периферийного устройства. Благодаря встроенным линиям питания, USB позволяет подключать периферийные устройства без собственного источника питания (максимальная сила тока, потребляемого устройством по линиям питания шины USB, не должна превышать 500 мА).
Предварительные версии

 USB 0.7: спецификация выпущена в ноябре 1994 года
 USB 0.8: спецификация выпущена в декабре 1994 года
 USB 0.9: спецификация выпущена в апреле 1995 года
 USB 0.99: спецификация выпущена в августе 1995 года
 USB 1.0 Release Candidate: спецификация выпущена в ноябре 1995 года
 USB 1.1 спецификация выпущена в сентябре 1998 года. Исправлены проблемы и ошибки, обнаруженные в версии 1.0. Первая версия, получившая массовое распространение
 USB 2.0 спецификация выпущена в апреле 2000 года

<hr width=400 size=5>

<h1>Песня про DOS</h1> 

 DOS. Черной пеленой экран заполнил
чистый DOS.
 Мышь. Потеряла форму, стала вдруг
квадратной мышь.
 Я разбил окно, девяносто пятое
мастдайное окно
 И поставил DOS и тогда я понял:
Это счастье — вот оно!


 Капли на очках. Странные очки,
А может слезы на лице.
 DOS очистил всё, всё, что было лишним
У меня на диске C.
 Я нажал F8 и веселый Norton
Удалял мне все подряд
 40 мегабайт, может даже больше,
Может даже 60…


 И представил я: город наводнился вдруг
Разумными людьми.
 Вышли все под DOS, а проклятый Windows
Удаляли, черт возьми!
 Позабыв про Word, MS Excel, Corel Draw
И прочий геморрой.
 Люди ставят DOS. Словно в Рай заходят в DOS,
Нормальный, чистый DOS.

<hr align=right noshade width=50% size=10>
<hr align=left noshade width=50% size=10>
Примеры поисковых систем: Google.com, Ya.ru
<h2>Какие результаты выведет на экран кусочек программного кода?</h2>

<pre>
 int x = 1, z = ++x + x;
 Console.WriteLine (x.ToString () + " " + z.ToString ());
 x = 1;
 int z1 = x + ++x;
 Console.WriteLine (x.ToString () + " " + z1.ToString ());
</pre>

</body>

</html>

<HTML>
<HEAD>
<TITLE>Лаба 2 часть 2</TITLE>
</HEAD>
<BODY bgcolor="#0A002D">

<PRE>

1 &#60!DOCTYPE html PUBLIC &#34-//W3C//DTD
XHTML 1.0 Transitional//EN&#34 
2 &#34http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd&#34&#62
3
4 &#60html xmlns=&#34http://www.w3.org/1999/
xhtml&#34&#62
5 &#60head&#62
6 &#60meta http-equiv=&#34Content-
Type&#34 content=
7 &#34text/html; charset=us-
ascii&#34 /&#62
8 &#60script type=&#34text/
javascript&#34&#62
9 function reDo() {top.
location.reload();}
10 if (navigator.appName ==
'Netscape') {top.onresize = reDo;}
11 dom=document.
getElementById;
12 &#60/script&#62
13 &#60/head&#62
14 &#60body&#62
15 &#60/body&#62
16 &#60/html&#62
</PRE>

</BODY>

</HTML>

Лабораторная работа #2

<ul> </ul> устанавливает маркированный список, <li> - задаёт его элементы, атрибут type задаёт вид варкера
<ol> </ol> устанавливает нумерованный список, <li> - задаёт его элементы
<a></a> создаёт ссылку на внешний документ, если после href указан url адрес, или место в текущем документе, в этом случае в документе присутсвует 2 тега <a></a>, ссылка на т.н. якорь, которая задаётся через # после href и сам якорь: тег <a></a> с атрибутом name.
<dl><dt><dd></dd></dt></dl> тег <dl></dl> является контейнером пар терминов, заключаемых в тег <dt></dt>, и их определений, заключаемых в тег <dd></dd>

<html>
<head>
</head>

<body>
<ul>
<li><a href=#text>text</a>
<li><a href=#lists>lists</a>
<li><a href=#cms>cms 4 blogs</a>
<li><a href=#countries>countries</a>
</ul>
<a name=text></a>
<img src="ponedelnik1.jpg" width="200" height="200" border=5 align=right>
<h2>Аркадий и Борис Стругацкие. Понедельник начинается в субботу
Заголовок книги</h2>
Я приближался к месту моего назначения. Вокруг меня, прижимаясь к самой дороге, зеленел лес, изредка уступая место полянам, поросшим желтой осокой. Солнце садилось уже который час, все никак не могло сесть и висело низко над горизонтом. Машина катилась по узкой дороге, засыпанной хрустящим гравием. Крупные камни я пускал под колесо, и каждый раз в багажнике лязгали и громыхали пустые канистры.
Искаженное изображение
<a href=http://google.com><img src="cуmistry.jpg" width="200" height=29% align=left></a>
Справа из леса вышли двое<img src="dvoe.jpg" align=middle>, ступили на обочину и остановились, глядя в мою сторону. Один из них поднял руку. Я сбросил газ, их рассматривая. Это были, как мне показалось, охотники, молодые люди, может быть, немного старше меня. Их лица понравились мне, и я остановился. Тот, что поднимал руку, просунул в машину смуглое горбоносое лицо и спросил улыбаясь:
 -- Вы нас не подбросите до Соловца?
 Второй, с рыжей бородой и без усов, тоже улыбался, выглядывая из-за его плеча. Положительно, это были приятные люди.
 -- Давайте, садитесь, -- сказал я. -- Один вперед, другой назад, а то у меня там барахло, на заднем сиденье.
 -- Благодетель! -- обрадованно произнес горбоносый, снял с плеча ружье и сел рядом со мной.
 Бородатый, нерешительно заглядывая в заднюю дверцу, сказал:
 -- А можно, я здесь немножко того?..
 Я перегнулся через спинку и помог ему расчистить место, занятое спальным мешком и свернутой палаткой. Он деликатно уселся, поставив ружье между коленей.
 -- Дверцу прикройте получше, -- сказал я.

<hr align=centre width=80%>
<a name=lists></a>
Здесь начинаются списки:
<dl>
<dt>HTML</dt>
<dd>(от англ. HyperText Markup Language — «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме</dd>
</dl>

<dl>
<dt>CSS<dt>
<dd>(от англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.</dd>
</dl>

<dl>
<dt>PHP</dt>
<dd>(от англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста», англ. Personal Home Page Tools[2] (устар.) — «Инструменты для создания персональных веб-страниц») — скриптовый язык [3], созданный для генерирования HTML-страниц на веб-сервере и работы с базами данных. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров. Входит в LAMP — распространённый набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)).</dd>
</dl>

<a name=cms></a>
Движки для построения блог-сайтов
<ul type=square>
<li>Wordpress
<li>Textpattern
<li>b2evolution <li>Joomla
</ul>
Функции PHP для работы с массивом:
<ol type=I start=15>
<li>array_change_key_case
<li>array_chunk
<li>array_combine
<li>array_count_values
<li>array_fill
<li>array_filter
<li>array_reverse
<li>array_search
</ol>

<a name=countries></a>
Смешанный список с автоматической нумерацией. Части света
<ol>
<li>Европа
<ul type=circle>
<li>Англия
<li>Франция
<li>Италия
<li>Герамния</li></ul>
<li>Азия
<ul type=square>
<li>Китай
<li>Индия
<li>Иран</li></ul>
<li>Африка
<ol>
<li>Египет
<li>Чан
<li>ЮАР
<li>Алжир</li></ol>
<li>Америка
</ol>
<a href=http://google.com target="_self">Download Denwer</a>
<a href=http://tauclan.tk target="_blank">I have no VK account :(~</a>
</body>

</html>

Comments

Rv4FlyverJune 26, 2012 at 2:40 AM
Блин... я какой-то фигнёй занимаюсь...
ReplyDelete
Replies

Add comment

Search This Blog

Coding || 3D | blog

HyperText Markup Language

HTML

Теги

Comments

Post a Comment

Popular Posts

Требования к изображениям для Web-страниц

Сокрытие полей адресов в miniShop2