1. Введение в веб-программирование. Html- разметка Цель лекции: изучение основных аспектов html
HTML (HyperText Markup Language) переводится как
жүктеу/скачать 5.65 Mb. Pdf көрінісі
|
- Бұл бет үшін навигация:
- Привет, мир!
- . В данном случае говорят, что тег - открывающий, а тег
| HTML (HyperText Markup Language) переводится как
“язык разметки гипертекста”. Под разметкой здесь понимается структурирование, форматирование и оформление документов. HTML-страница представляет собой текстовый файл, который можно набрать в любом текстовом редакторе (например, в редакторе notepad++) и, который имеет расширение *.html или *.htm. HTML-страница состоит из элементов, которые начинаются и заканчиваются специальными пометками - тегами. Теги - это ключевые слова, взятые в угловые скобки (символы меньше “<” и “больше” “>”). Например, тег означает, что в этом месте веб-страницы нужно вставить горизонтальную линию. Большинство тегов в отличие от тега применяются парами (обрамляют фрагмент текста). Например “Привет, мир! означает, что текст “Привет мир ” должен быть выделен жирным шрифтом. Здесь тег означает включение жирного шрифта, а тег - окончание действия тега . В данном случае говорят, что тег - открывающий, а тег - закрывающий. В общем случае открывающий тег заключается в угловые скобки вот так: <тег>, а закрывающий тег заключается в такие же скобки, но перед ключевым словом ставится еще наклонная черта “/” вот так: . Веб-страница просматривается в браузере, который интерпретирует встречающиеся теги и выполняет нужные действия по разметке текста. Если какой-то тег неизвестен данному браузеру, то он просто игнорирует его. Язык HTML является стандартизированным и в теории действия всех браузеров должны соответствовать стандарту, однако на практике одна и та же веб-страница в разных браузерах может выглядеть по-разному. Причем отличия могут быть очень сильными и, иногда, даже противоречить стандарту (особенно это касается браузера Internet Explorer). Поэтому разработчик веб-страницы должен тестировать ее (предварительно просматривать) по возможности на всех основных браузерах. На рисунке 1.2 приведен пример текста самой простой веб-страницы (файл ex1_01.html) и окна браузера при просмотре данной веб-страницы (в любом файловом менеджере кликните по файлу страницы мышкой и она откроется в Интернет-браузере). Здравствуй, цифровой мир! .. Здравствуй, цифровой мир! Здравствуй, цифровой мир! А вот так выглядит греческая буква кси: ξ Здравствуй, цифровой мир! цифровой href="animated_favicon.gif" type="image/gif" > мир! А вот так выглядит греческая буква кси: ξ ). Браузер просто игнорирует эти пустые строки и их может быть сколько угодно много. В следующем примере (файл ex1_06.htm) в заголовок добавлена информация еще и об иконке страницы (отображается в заголовке вкладки браузера, в закладках, в журнале посещений). Иконка должна иметь размеры 16x16 пикселей и может быть как статичной (в формате *.ico), так и анимированной (в формате *.gif). В данном примере в заголовок добавлены иконки обоих типов (см. рисунок 1.7). Информация об иконках страницы передается браузеру внутри тега .. с помощью одиночного тега жүктеу/скачать 5.65 Mb. Достарыңызбен бөлісу:
|