Лекция: Структура HTML
Термин HyperText Markup Language (HTML) – означает «язык маркировки гипертекстов» и включает в себя различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры и многое другое. Человек, изучивший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро. HTML как основа создания Web-страниц имеет прямое отношение к такому направлению изобразительного искусства, как Web-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен разместить все это в Сети, продумать связь между Web-страницами, чтобы все двигалось, откликалось на действия пользователя, поражало воображение неискушенных клиентов, а у приверженцев Сети вызывало желание создать что-нибудь свое, оригинальное в этой области.
HTML дает авторам средства для:
- публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д.
- загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке.
- разработки форм для выполнения транзакций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д.
- включения электронных таблиц, видеоклипов, звуковых фрагментов и других приложений непосредственно в документы.
Состоит html из тегов.
Тег — это элемент языка разметки гипертекста. Каждый тег выполняет свою функцию, например тег <br>отвечает за перенос текста на новую строку. Тег <img> выводит в окне бразуера картинки и.т.д. Все теги заключены в угловые скобки.[1]
Бывают одиночные теги, рассмотренные в определении:<br>,<img>, абывают парные теги.Парные теги состоят из начального,или открывающего тега, иконечного, или закрывающего тега. Например, тег <b>...</b> (устанавливает жирное начертание шрифта). Закрывающий тег пишется со слэшем.
Большинство тегов имеют атрибуты, при помощи которых можно, например, задать размер и цвет шрифта, высоту и ширину картинки и т.д. Записываются атрибуты в виде пары имя-значение, например, для тега <font> можно задать значения для изменения размера, цвета и семейства шрифта: <font color=«red» face=«Arial» size=«4»>Привет, Мир!</font>.
Html-документ состоит из заголовка <head>...</head>, в которой прописывается различная информация о веб-странице, пути к файлам со скриптами и стилями, заголовок страницы, и тела <body>...</body>, в котором мы будем записывать все то, что захотим увидеть в окне браузера (текст, картинки, таблицы, формы и т.д.), и все это заключено между тегами <html>...</html>. По правилам в первой строке html-документа следуюет записывать его тип, при помощи элемента <!DOCTYPE>. Какие бывают типы документов мы рассмотрим позже, поэтому пока выберем тип документа — html, и записывается он таким образом <!DOCTYPE html>.Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.