Студенческий сайт КФУ - ex ТНУ » Учебный раздел » Учебные файлы »Информатика

Язык разметки гипертекста

Тип: статья
Категория: Информатика
Скачать
Купить
HTML - hyper text markup language или, по-русски, язык разметки гипертекста - никакой на самом деле не язык программирования, а набор инструкций для программы-просмотрщика (броузера). Чтобы писать странички непосредственно в html-коде вам потребуется обычный текстовый редактор или, что удобнее, такая программа, как, например, HomeSite или Arachnophilia (ни в коем случае не Microsoft FrontPage или Netscape Composer - эти программы в первую очередь сделаны для опосредованного, "визуального" создания страничек, то есть в них с собственно html-кодом вы можете вовсе не иметь дело; но они могут не все, допускают кучу бесящих издержек и создают огромное количество лишних участков кода).Ещё раз: хтмл - не язык программирования. Имея "словарик", хтмл-код можно читать, как относительно связный текст. И ещё одно: "делание" страничек требует минимальных систематических знаний по хтмл-у, не надо запоминать всё, что написано в многочисленных руководствах по хтмл-у. Решайте задачи по мере их возникновения.ПоехалиЯзык хтмл состоит из т.н. "тэгов". (TAG - бирка, метка). Большая часть тэгов состоит как бы из двух частей, между которыми содержится текст, который увидит посетитель странички, свойства этого текста описываются этим тэгом. В первой части содержится само "имя" тэга и, если это нужно, некоторые параметры. Вторая часть содержит только имя тэга с предваряющей его косой чертой. Например: pre> Такая конструкция сигнализирует броузеру, что к последующему содержанию странички этот тэг (в нашем случае тэг "<pre>") уже не относится. Некоторым тэгам закрывающая часть не нужна, например, тэгу <br>, который указывает броузеру, что следующий за ним текст следует начать выводить с новой строки. Пример:<html><head><title>Стишокhead><body>Однажды, в студеную зимнюю поруСижу за решеткой, в темнице сырой.Гляжу, поднимается медленно в горуВскормленный в неволе орел молодой.И шествуя важно, в спокойствии чинном,Мой верный товарищ, махая крылом,В больших сапогах, в полушубке овчинном,Кровавую пищу клюет под окном!body>html> Разбор примера:<html> - указывает броузеру, что файл, который к нему попал - не просто текстовый, а документ html.В пределах тэга <head>...head> указывается, в основном, служебная информация, о ней - при необходимости, позже. Единственное, что следует отметить, это находящийся в этих пределах тэг <title>...title> - В нём указывается "Заголовок" странички, который выводится в синей полосе вверху окна броузера.В пределах тэга <body>...body> находится как раз то, что будет собственно в окне броузера. "Перевод" примера:<Начало документа хтмл><блок служебной информации><заголовок странички>Стишок<конец заголовка><начало тела документа>Однажды, в студеную зимнюю поруСижу за решеткой, в темнице сырой.Гляжу, поднимается медленно в горуВскормленный в неволе орел молодой.И шествуя важно, в спокойствии чинном,Мой верный товарищ, махая крылом,В больших сапогах, в полушубке овчинном,Кровавую пищу клюет под окном!<конец тела документа><конец документа хтмл> Если скопировать содержимое примера в отдельный файл, назвать этот фал "как_нибудь.htm" и открыть этот файл в броузере, вы увидите ваш стишок, записанный в одну строку. Дело в том, что хтмл не воспринимает символ перевода каретки на новую строку. Кроме того, он не воспринимает более одного пробела, поэтому не важно, сколько пробелов между словами было в исходном тексте - на экране броузера останется только один. О том, что нужно делать, когда нужно больше пробелов, будет сказано ниже.Чтобы разбить текст на строки, нужно в конце каждой строки поставить тэг <br> (о нём мы уже вскользь упоминали). Вот так: <html><head><title>Стишокtitle>head><body>Однажды, в студеную зимнюю пору<br>Сижу за решеткой, в темнице сырой.<br>Гляжу, поднимается медленно в гору<br>Вскормленный в неволе орел молодой.<br>И шествуя важно, в спокойствии чинном,<br>Мой верный товарищ, махая крылом,<br>В больших сапогах, в полушубке овчинном,<br>Кровавую пищу клюет под окном!
Другие файлы:

Расширенный язык разметки гипертекста (XHTML)
Новый язык разметки гипертекста XHTML. Валидация XHTML-документов, определение их типа. Распространённые ошибки в XHTML-разметке. Конформность пользов...

Язык разметки гипертекста (HTML)
Общая характеристика языка разметки гипертекста Hypertext Markup Language. Структура HTML-документа. Обзор основных возможностей HTML. Элементы соврем...

Каскадные таблицы стилей CSS. Верстка
HTML как язык разметки гипертекста, его структура, элементы. Каскадные таблицы стилей, их разработка. Верстка: страницы как мы их видим. Новые техноло...

Анализ гипертекста в виртуальном дискурсе на материалах Интернет-ресурсов по тематике шоу-бизнеса
Взаимосвязь гипертекста и Web-дизайна, содержание и оформление виртуального дискурса. Гипертекст как основа виртуального дискурса. Начало гипертекста,...

Языки гипертекстовой документации
Определение понятия гипертекста. Основные части документа SGML. История создания стандартного языка разметки документов HTML. Отличия синтаксиса XHTML...