[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для вебмастера » JavaScript и языки разметки » Что такое HTML (Что такое HTML)
Что такое HTML
AdminДата: Вторник, 12.07.2011, 04:31 | Сообщение # 1
Подполковник
Группа: Пользователи
Сообщений: 102
Репутация: 5
Статус: Offline
Что такое HTML
Всемирная паутина соткана из Web-страниц (Web-pages), а эти страницы создаются при помощи языка разметки гипертекста (HyperТext Markup Language, HTML). Хотя многие, особенно новички, говорят сегодня о "Программировании (именно с большой буквы) на HTML", HTML вовсе не является языком программирования. HTML – это язык разметки. Вы используете HTML для разметки текстового документа, точно так же, как это делает редактор при помощи жирного красного карандаша. Эти пометки служат для определения формата (или стиля), который будет использован при выводе текста на экран монитора.

Общий вид HTML-файла, теги
M в аббревиатуре HTML означает "mark-up" -- разметка. Текст размечается тегами, которые являют собой ключевые слова языка, заключенные в угловые скобки "<" и ">" (больше-меньше). Чаще их употребляют парами, чтобы отметить начало и конец некоторого куска текста. Отмечают же его для для того, чтобы броузкер показывал текст на экране в заданном тегами виде.

В приведенном после горизонтальной линейки примере три пары тегов:
Code

<HTML> -- </HTML>   
Пара, которая показывает, что содержимое файла -- документ в формате HTML.   
<HEAD> -- </HEAD>   
Пара обрамляющая текст, не выводимый на экран, и предназначенный для машин.   
<BODY> -- </BODY>


Пара обрамляющая текст, выводимый на экран.

Закрывающий тег отличается от открывающего наличием косой черты "/".

Пример 1.
Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   
"http://www.w3.org/TR/html4/strict.dtd">
<HEAD>
</HEAD>
<BODY>
Так      выглядит   
простейший HTML-файл.
</BODY>
</HTML>


Создайте текстовый файл. Стандартный Блокнот вполне подойдет, но гораздо удобнее пользоваться редактором Notepad++.
Сохраните файл с расширением htm или html. Двойной щелчок по его наименованию в папке запустит браузер,
установленный по умолчанию, и в него уже будет загружен ваш HTML-документ. Обратите внимание на разницу в виде.

На вид текста на экране влияют только теги, и не влияют ни пробелы, ни разбивка текста на строки.

Code

<!DOCTYPE>


Первый тег - это идентификатор применяемого стандарта HTML. На сегодняшний актуальной является версия HTML 4.01. Она имеет три стандарта синтаксиса: строгий, переходный и с применением фреймов. В приведенном примере задано соответствие строгому синтаксису стандарта 4.01, принятому организацией W3C (атрибут "-//W3C//DTD HTML 4.01//EN"). Инструкции по данному стандарту находятся на "http://www.w3.org/TR/html4/strict.dtd".

Пример переходного синтаксиса:

Code

<!DOCTYPE HTML PUBLIC  "//W3C//DTD HTML 4.01 Transitional//EN"   
"http://www.w3.org/TR/html4/loose.dtd">


Форматирование простого текста, параграфы
Разбить текст на параграфы можно тегами

--

. В большинстве случаев, если опустить закрывающий тег

, то все равно ясно, что начало следующего параграфа означает конец предыдущего, но для остальных тегов подобное неверно.

У открывающего тега

может быть атрибут (аргумент, параметр) ALIGN (выравнивание), который принимает значения CENTER, RIGHT или
значение принятое по умолчанию (то есть когда атрибут опущен) -- LEFT. Например тег

задает параграф,
строки которого центрированы. Этот атрибут могут иметь большинство парных тегов.

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

Атрибуты


Атрибут CLEAR может быть использован, чтобы передвинуть перемещаемый образ на другой край.

передвинет образ к левому краю,
- к правому краю, в то время как

сделает то же самое и к левому и к правому краям одновременно. Например, если рядом с текстом слева встречаетс
рисунок, то можно использовать тег
для смещения текста ниже рисунка.

Текст, заключенный между тегами и , будет гарантированно располагаться в
одной строке без переноса на другую

Во избежание неприятностей с элементом вы можете предложить браузеру читателя альтернативное место
перевода строки при помощи тега ("мягкий" перевод строки). Эта инструкция будет выполнена только в
том случае, если браузер не сможет вывести вашу фразу одной строкой в пределах окна просмотра

....................................................
Обратите внимание на различие между парными тегами

--

, которые обрамляют начало и конец куска текста, и непарным тегом
, который отмечает место вставки некоторого элемента.

Вот вам пример, использующий еще и теги заголовков

--

(самый крупный),

--


и самый маленький
--
. Здесь закрывающий тег необходим.
Code

<H1 ALIGN=CENTER> Весенняя гроза</H1>
<H3 ALIGN=CENTER>Федор Тютчев</H3>
<P ALIGN=LEFT>
Люблю грозу в начале мая,<BR>
Когда весенний, первый гром,<BR>
Как бы резвятся и играя,<BR>
Грохочет в небе голубом.
<P ALIGN=CENTER>
Гремят раскаты молодые,<BR>
Вот дождик брызнул, пыль летит,<BR>
Повисли перлы дождевые,<BR>
И солнце нити золотит.
<P ALIGN=RIGHT>
С горы бежит поток проворный,<BR>
В лесу не молкнет птичий гам,<BR>
И гам лесной, и шум нагорный --<BR>
Все вторит весело громам.
<P>
Ты скажешь: ветреная Геба,<BR>
Кормя Зевесова орла,<BR>
Громокипящий кубок с неба<BR>
Смеясь, на землю пролила.
<H6 ALIGN=RIGHT> 1828,1854</H6>


Парные теги влияют на вид следующего за ними текста, непарные влияют только на место вставки.
Закрывающему тегу атрибуты не нужны.
 
Форум » Все для вебмастера » JavaScript и языки разметки » Что такое HTML (Что такое HTML)
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024
«Обращение к пользователям»,
Использование материалов разрешено только при указании источника //vk-spam.3dn.ru.
При копировании материалов ссылка на сайт - www.vk-spam.3dn.ru обязательна.
Copyright MyCorp © 2024
.