|
Лекция 2 Тема: Технология создания Web страниц. Возможности языка html
|
| bet | 1/6 | | Sana | 21.10.2022 | | Hajmi | 44.89 Kb. | | #27742 | | Turi | Лекция |
Bog'liq informatika 2,3 Тақсимланган тизим, MB 1-top, Adabiyotshunoslik asoslari тест, BIOLOGIYA OQITISHDA MUAMMOLI TEXNOLOGIYADAN FOYDALANISH, vosiqova aziza, Amaliy ish 1 Windows
Лекция 2
Тема: Технология создания Web страниц. Возможности языка HTML
План:
1. Структура HTML - документа
2. Правила синтаксиса
3. Форматирование текста
4. Использование цвета при оформлении страницы
5. Рисунки на WEB-страничке
6. Гиперссылки
7. Таблицы
Сегодня, путешествуя по Internet, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают вас посетить их, расслабиться, задержаться на некоторое время, развлечься и узнать что-то новое.
Если вы задерживаетесь на каком-либо сайте на длительное время и даже не осознаете этого, то, по всей видимости, такой сайт очень хорошо продуман. Вернитесь обратно и попробуйте осмыслить полную картину. Можете ли вы увидеть структуру, организацию? Легко ли воспринимается информация? Понимание движения информационных потоков — это первый шаг в создании функционального, удобного в работе сайта. Если вы поймете, как работает эта концепция, и примените ее при создании собственного сайта.
Язык разметки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.
Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.
На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.
Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org.
Гипертекст - информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, в котором тема, связанная с выделенным словом рассматривается более подробно.
Отдельный документ, выполненный в формате HTML, называется:
- HTML-документом;
- Web-документом;
- Web-страницей.
Такие страницы как правило имеют расширение htm или html.
Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.
Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.
Каждая HTML-страница имеет свой уникальный URL-адрес в Интернете.
Структура URL-адреса
Url-адрес ресурса образуется объединением доменного имени компьютера, на котором он хранится, и пути поиска (пути доступа), который ведет от корневого каталога жесткого диска этого компьютера через все вложенные каталоги к файлу, представляющему ресурс.
Типичный URL для WWW имеет вид:
http://www.название.домен/имя файла
Здесь название - это часть адреса, который часто употребляется для обозначения владельца сайта, а домен - обозначение крупного "раздела" Интернета: страны, области деятельности (com) и т.д.
Структура HTML - документа
Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.
Тег - начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.
Пример: элемент, содержащий некоторый текст, ограничен начальным тегом (маркером)
и конечным тегом (маркером)
. Т.е. текст помещен между тегами как в контейнер. Здесь же можно увидеть, как осуществляется возможность вложения элементов. Тег вложен внутрь тега
, поэтому конечный тег стоит перед
. В данном примере тег
указывает на то, что текст является отдельным абзацем, а тег задает формат шрифта, в нашем случае зеленый цвет шрифта.
Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта.
В результате такого форматирования на экране компьютера мы увидим текст зеленого цвета в отдельном абзаце:
Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта.
Атрибут - параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартный или произвольный. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.
Этот текст будет выровнен по центру экрана
В данном примере атрибут align (выравнивание) расположен внутри тега
, следовательно он задает выравнивание этого абзаца. Значение атрибута равно "center", т.е. выравнивание абзаца будет по центру экрана. На экране мы увидим:
Этот текст будет выровнен по центру экрана.
Правила синтаксиса
1. Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице.
.....
..................
, например:
|
| |
