Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:
левой угловой скобки <;
необязательного символа слэш /, который означает, что тэг является конечным, т. е. закрывающим некоторую структуру, например </html> (символ / можно читать как конец некоторого элемента разметки, например строки или абзаца);
имени тэга, например html;
необязательных атрибутов (тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например align = «center»);
правой угловой скобки >.
Таким образом, открывающий тэг <html>, стоящий в документе HTML и означающий его начало, состоит из html и двух угловых скобок < >, а тэг </html>, указанный в конце Web-документа, содержит еще и символ слэш /, означающий, что этот тэг закрывающий, т. е. указывающий на конец документа [45, с. 293].
Атрибут align со значением «center», означает, что текст будет выровнен по центру. Например:
<html>
<head>
<title> титульный лист </title>
<style type="text/css">{font-family:"Arial";
font-size:"14pt";
color:blue;
background-image:URL(C:\Windows\Рабочий стол\ Учебник \рисунки 100.gif);
text-align: "center"}
</style>
</head>
<body>
……….
</body>
</html>.
При написании кода программы на языке HTML не играет роли формат шрифта - прописной он или строчный или нижний регистр, т. е. тэги <head>, <head> и <Head>: являются эквивалентными.
Большинство тэгов могут иметь один или несколько атрибутов - параметров, дающих дополнительную информацию о том, как броузер должен обрабатывать текущий тэг. Но атрибут не является обязательной характеристикой тэга.
Атрибут тэга состоит из имени (например, align), знака равенства (=) и значения, которое задается строкой символов (например, «center»), т. е. имеет вид align=«center». Значения атрибутов обычно заключаются в кавычки. Однако, если в этих значениях используются только символы латинского алфавита, цифры и дефисы, кавычки можно опустить и записать align = center.
Структура HTML-документа содержит следующие обязательные элементы:
тэги <html> и </html> - отмечают начало и конец документа;
тэги <head> и </head> - ограничивают заголовок;
тэги <body>... </body> - ограничивают текст программы.
В заголовке, ограниченном тэгами <head> и </head>, с помощью тэгов <title>...</title> определяется название документа, которое должно отражать его содержание и включать в себя не более шести слов. Это название отображается броузерами в строке заголовка рабочего окна программы, и поисковые системы броузеров идентифицируют документ, используя его название. Например в работе автора:
<html>
<head>
<title> титульный лист </title>
<style type="text/css">{font-family:"Arial";
font-size:"14pt";
color:blue;
background-image: URL(C:\Windows\Рабочий стол\Учебник \рисунки
\100.gif);
text-align: "center"}
</style>
</head>
<body>
…………
</body>
</html>.
Обзор команд языка HTML. Технология создания Web-документов сводится практически к аналогичным действиям по созданию документа в редакторе Word:
создание и форматирование страницы текста;
вставка рисунков;
вставка гиперссылок;
создание списков;
создание форм;
создание таблиц;
создание многооконной страницы (страницы с фреймами).
Приступая к разработке Web-страницы, необходимо сформировать на жестком диске папку для хранения страниц, например с именем Web.
Создание Web-страниц в некоторой степени аналогично созданию слайдов презентаций, т. е. сначала проводится дизайнерская работа с карандашом в руках по разработке сценария страницы.
Когда сценарий страницы продуман, можно приступить к ее созданию, для чего необходимо выполнить следующие действия:
создать папку с именем Главы на любом жестком диске компьютера;
запустить программу Блокнот (Notepad). При этом для создания HTML-кода можно использовать любой текстовый редактор, однако в этом случае следует сохранять файл в виде простого текста, чтобы избежать включения в Web-документ посторонних символов форматирования;
ввести в окно программы Блокнот (Notepad) тэги, определяющие структуру любого HTML-документа;
составить (отформатировать) документ средствами языка HTML.
Создание и форматирование страницы текста.
Правила и приемы составления кода HTML:
при создании HTML-кода допускается использовать любой регистр символов (и верхний, и нижний);
каждый тэг следует вводить с новой строки (кроме закрывающего тэга </title>);
для ввода парных тэгов можно использовать операции копирования и вставки через буфер обмена MS Windows с последующим добавлением символа слэш /.
Рассмотрим правила написания тэгов и их назначение на примере следующей структуры HTML-документа:
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>.
Первый <html> и последний </html> тэги означают соответственно начало и конец документа.
Тэги <head>... </head> определяют заголовок Web-страницы.
Теги <body>...</body> устанавливают начало и конец текстовой информации документа.
Между тегами <title> и </title> вносится название Web-страницы, которое должно быть коротким и максимально отражать ее содержание.
Так как между тэгами <body>... </body> вставляется основной текст страницы, то при составлении исходной структуры HTML-Кода между ними следует вставить пустую строку.
Для каждой Web-страницы можно задать цвет фона и цвет Текста с помощью атрибутов bgcolor и text открывающего тэга <body>.
Задать цвет как значения атрибутов можно, указав имя цвета например white - белый (в языке HTML предусмотрено шестнадцать таких имен), или с помощью цифрового обозначения, выполненного в шестнадцатеричной системе (например, «#ffffff белый), которое указывает, каким образом данный цвет формируется из основных цветов - красного, зеленого, синего. Например в практической части дипломной работы название учебника написано синим цветом.
<html>
<head>
<title> титульный лист </title>{color:blue}
</style>
</head>
<body>
<p><h1><i><big>БЕЗОПАСНОСТЬ ЖИЗНИ ДЕЯТЕЛЬНОСТИ</big></i></h1></p>
</body>
</html>.
После оформления страницу надо сохранить, для чего необходимо:
в окне программы Блокнот (Notepad) выбрать из меню Файл * Сохранить (File * Save) команду Сохранение (Save As);
открыть созданную ранее папку Главы, в которой должны сохраниться Web-файлы;
в поле ввода имени файла File name ввести имя страницы с расширением. html.
При сохранении файла необходимо указать расширение имени. html или. htm, чтобы броузер смог открыть файл для просмотра. Тогда файл будет сохранен в указанной папке и его имя появится в заголовке окна программы Блокнот (Notepad).
Для просмотра страницы в броузере необходимо открыть папку Главы, в которой был сохранен HTML-файл, и щелкнуть мышью по его значку. После чего будет запущен броузер, установленный по умолчанию, и в его окне откроется созданный документ.
Если при вводе текста между тэгaми <body>...</body> не введено никаких указаний по его форматированию, т. е. разделению на абзацы, то этот текст при просмотре страницы в браузере будет отформатирован в виде одного абзаца и выровнен по левому краю страницы. Чтобы Web-страница выглядела более привлекательно, текст следует разделять на абзацы с выделением заголовков. позволяет задавать шесть уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими требуемым уровням, например: <h1> (Текст заголовка) </h1> - заголовок раздела первого уровня, <h6> (Текст заголовка) </h6> - заголовок раздела шестого уровня. Например, название раздела в созданном автором электронном учебнике написано <h2>…</h2> шрифтом.
<html>
…………………
<body>
<p><h2> 2.1.Определители </h2></p>
………………………………
</body>
</html>.
От простого текста заголовки отличаются размером и толщиной букв. Заголовок первого уровня h1 выполняется обычно очень крупным шрифтом, а заголовок шестого уровня h6 - очень мелким.
Надо обратить внимание, что не следует путать заголовки разделов документа с заголовком страницы, определяемым директивой <head> (Заголовок страницы) </head>.
По умолчанию заголовок выравнивается по левому краю страницы, но его можно также выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге <h1> используется атрибут align = right, а для центрирования - align = center. Допускается также явное указание левостороннего выравнивания - align = left. Например, директива <hl align = center> (Текст заголовка) </hl> указывает, что текст заголовка должен быть выровнен по центру, а размер шрифта должен быть наибольшим.
Вставка рисунков. На каждую Web-страницу можно поместить любое число рисунков, используя готовые графические изображения или создавая их.
Изображения, которые необходимо разместить на Web-страницах, должны быть в таком графическом формате, который поддерживается броузером. Стандартные форматы Web-графики - GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с файлами других форматов.
Для вставки графического файла применяется одиночный тэг <img> с атрибутом src. Значение атрибута указывает полное имя файла или его адрес в Интернете.
Вставка гиперссылок. Так как HTML означает «язык гипертекста», вспомним, что же такое гипертекст?
В отличие от простого текста, который, как правило, мы читаем только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Справочные системы многих программных продуктов построены именно по принципу гипертекста. При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке - происходит переход к заранее определенному документу или фрагменту документа. На Web-страницах гипертекстовые ссылки широко используются для перехода к определенному фрагменту текущей страницы, следующей или любой странице сайта или документу другого сайта.
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 |
