Web-страница (англ. Web page) — гипертекстовый ресурс Всемирной паутины, обычно написанный на языке HTML. Web-страница может содержать ссылки для быстрого перехода на другие страницы, а также статические и динамические изображения. Web - браузер - программа, демонстрирующая web-страницу. Кроме текста и изображений, web-страница может содержать медиа файлы, например звуковые файлы и видео, апплеты, а такжеbскрипты (Java. Script, VBScript), позволяющие делать содержание страницы динамическим. Контент - информационно значимое содержимое web-страницы обычно называется. Несколько Web-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками, и обычно находящихся на одном web-сервере, образуют Web-сайт. Обычно файл web-страницы имеет расширение. html или. htm.
Структура Web-страницы В элементе title находится <html> название Web-страницы <head> <title> Название Web-страницы </title> В body включаются абзацы, </head> заголовки и другие блочные и линейные элементы. <body> Информация на Web-странице </body> </html>
<title> Название Web-страницы </title>
<body> Информация на Web-странице </body>
HTML - код страницы
Теги форматирования шрифта Парные теги <b></b> - bold - полужирное начертание <i></i> - italic - курсив <u></u> - underline – подчёркнутое Теги могут применяться как по отдельности, так и в комбинации друг с другом <i></i> <b> <i> </b> - полужирный курсив
Теги форматирования шрифта Непарные теги <font size=… > - размер шрифта <font color=#. . . > - цвет шрифта <font face=“…”> - гарнитура шрифта Все три параметра – размер, гарнитура, цвет - могут содержаться в одном теге <i></i> <font size=… face=“…” color=#. . . >
Форматирование абзаца <p> - параграф – начало абзаца </p> - закрывающий тег тоже возможен, но на практике его не используют Выравнивание текста внутри абзаца <p align=“left”> - выравнивание по левому краю <p align=“right> - выравнивание по правому краю <i></i> <p align=“center”> выравнивание по центру <p align=“justify”> выравнивание по обоим краям Каждый новый абзац будет отделяться от предыдущего пробелом. Форматирование нового абзаца отменяет форматирование предыдущего. - разрыв строки внутри абзаца
Рисунки на Web-страницах Риснуки на web-страницах – этот не только фотографии и иллюстрации к содержимому, но и необычные заголовки, нарисованные шрифты, кнопки и т. д. <img src=…. . > - вставка картинки из указанного места <img src=phiz. jpg> - вставка картинки из директории (папки), где находится сама web-страница. <img src=C: Documents and SettingsMAGРабочий столphiz. jpg> - вставка картинки из директории ии произвольной директории (папки) <img src=http: //www. raska. ru/newyear/2002 -5 bw. htm > вставка картинки из интернета с сервера raska. ru
По умолчанию текст не обтекает картинку
Расположение рисунка на Web-страницах Обтекание картинок текстом < img src=phiz. jpg align=“left”> - выравнивание по левому краю < img src=phiz. jpg align=“right> - выравнивание по правому краю < img src=phiz. jpg align=“center”> выравнивание по центру
Расположение рисунка на Web-страницах Вертикальные и горизонтальные поля вокруг рисунка < img src=phiz. jpg align=“left” vspace=“ 10”> - вертикальные поля < img src=phiz. jpg align=“right hspace=“ 10”> - горизонтальные поля Задание размеров отображения рисунка < img src=phiz. jpg align=“left” width=“ 100” hight=“ 50”> - ширина 100, высота 50
Скачать презентацию Web-страница англ Web page гипертекстовый ресурс Всемирной
web_straniza_9.ppt