Web страницы и web-сайты.структура web-страницы
Download as PPT, PDF0 likes1,814 views
Документ описывает структуру веб-страниц и веб-сайтов, создаваемых с использованием языка HTML. Он объясняет основные компоненты, такие как заголовок и содержание, а также важные теги и атрибуты, используемые для форматирования текста. Приводится пример кода веб-страницы, демонстрирующий использование различных HTML-тегов.
Web страницы и web-сайты.структура web-страницы
- 2. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере. Web-сайт – набор страниц, посвященных определенной тематике и связанных между собой с помощью гиперссылок.
- 3. Web-страница сохраняется в виде файла с разрешением .htm или .html Пример: index.htm
- 4. Структура Web-страницы HTML-теги заключаются в угловые скобки и могут быть одиночными или парными. Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением. Теги могут записываться как прописными, так и строчными буквами.
- 5. HTML – код страницы помещается в контейнер <HTML> </HTML> Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать. Структура Web-страницы
- 6. Web-страница разделяется на 2 логические части: Заголовок; Содержание. Структура Web-страницы
- 7. Заголовок страницы Заголовок страницы помещается в контейнер <HEAD></HEAD> и содержит название страницы и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.). Название страницы помещается в контейнер <TITLE></TITLE>. При просмотре оно отображается в верхней части браузера.
- 8. Содержание страницы Отображаемое содержание страницы помещается в контейнер <BODY></BODY> Тег <BODY></BODY> может иметь атрибуты. Например: bgcolor =“black” – задает цвет фона страницы; text =“white” – задает цвет текста
- 9. Форматирование текста на Web-странице Абзацы. Разделение текста на абзацы происходит с помощью контейнера <p></p> . Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта. Заголовки. Размер шрифтов заголовков задается парами тегов от <H1></H1> (самый крупный) до <H6></H6> (самый мелкий).
- 10. Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атрибутов: SIZE – определяет размер шрифта; FACE – определяет гарнитуру шрифта; COLOR – определяет цвет шрифта. Пример: <FONT FACE=“Arial” SIZE = 4 COLOR =“RED”>Пример текста</FONT> Форматирование текста на Web-странице
- 11. Выравнивание текста. Задается с помощью атрибута ALIGN. Выравнивание по левому краю: ALIGN = “left” Выравнивание по правому краю: ALIGN = “right” Выравнивание по центру: ALIGN = “center” Пример: <H1 ALIGN = “center”>текст</H1> Форматирование текста на Web-странице
- 12. Тег <b></b> . Создает жирный текст. Тег <i></i> . Создает наклонный текст (курсив). Тег <br> . Используется для перехода на новую строку. Форматирование текста на Web-странице
- 13. Пример Web-страницы <html> <head> <title> Моя первая веб - страница </title> </head> <body bgcolor = green text = gold> <font color = red> <H1 align = center text = "red">Web - страница</H1> </font> <p>Создана с помощью программы <i>Блокнот </i> <br> и языка HTML. </p> <p><b>Спасибо за внимание! </b></p> </body> </html>