Создание сайта. #3 Основы - HTML
    Некоторое из того, что кажется мне интересным. Сергей Лукьяненко, ЧистовикСоздание сайта. #4 Основы - CSS Февраль 04 Создание сайта. #3 Основы - HTML Комментировать Метки: , , | посмотров - 367

    Ну, собственно, вот мы и подошли к святая святых - . - это основа всей сети - ее самый низкий уровень. - язык разметки - не путать с языком программирования! Язык программирования подразумевает, что интерпретатор выполнит какие либо действий и выдаст результат, а язык разметки - только отвечает за то как именно будет выведен текст. За внешний вид вывода, так сказать.

    Википедия говорить нам - (Hypertext Markup Language - язык разметки гипертекста) - это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка (или XHTML). Язык интерпретируется браузером и отображается в виде документа, удобном для человека.

    является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

    Последнее, кстати, было для меня новостью Структура любого документа весьма проста - сначала идет тип доумента для браузера затем начинается сам документ - в первую очередь идет заголовок, где указана служебная информация и подробности (кодировка, тип документа, связанные таблицы стилей, связанные скрипты и так далее), title - заголовок страницы (то, что мы видим в заголовке окна нашего браузера) затем - body - то что выводится уже непосредственно в браузер. Размечается информация при помощи тегов. Теги бывают двух типов - открывающие и закрывающие. Еще у тегов бывают параметры. Возможны комментарии - заметки, которые не будут выведены в браузер (и, соответственно, не будут видны пользователю), но будут присутствовать в теле документа. Увидеть их можно будет просмотрев исходный код. Рассмотрим простейший документ.

    <!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    < xmlns="http://www.w3.org/1999/xhtml"> <!–открывается тег –>
    <head> <!–открывается тег head - начинается заголовок нашего документа–>
    <meta http-equiv=”Content-Type” content=”text/; charset=utf-8″ /> <!–meta тег определяет через параметры (то, что идет после имени тега но до закрывающей скобки) тип документа и его кодировку–>
    <title>Имя страницы</title> <!–с двух сторон ограниченый тегами title (обратите внимание - тегов два - открывающий и закрывающий) прописан заголовок нашей страницы–>
    <style type=”text/css”> /* стиль непосредственно для документа */
    <!–
    .style1 {font-size: smaller}
    –>
    </style> <!–закрыли тег стиля–>
    <link href=”style.css” rel=”stylesheet” type=”text/css” /> <!–и стиль подключаемый - общий для всх страниц–>
    </head> <!–закрывается head - заголовок закончился–>
    <body> <!–до закрытия этого тега идет все, что мы хотим видеть на странице–>
    <span class=”style1″>Привет мир!</span> <!–выделенный в тег span текст - когда нужно применить стиль, а текс больше ни в какие теги не заключен - применяется именно тег span–>
    </body> <!–закрылся body–>
    </> <!–закрылся - конец документа–>

    Все подробно расписано в комментариях (выделены цветом). Как видно - они бывают двух типов - для и для css (используется в примере один раз). Параметры тегов выглядят как параметр=”значение1; значение2” Значений может быть одно или несколько. Если значение одно, то просто в кавычках, если несколько - то они разделяются точкой с запятой.

    Похожие записи

    Комментировать Поиск по сайту Страницы Самое интересное Ссылкиобучение надежный бухгалтер вакансии киев с трудовой в киеве
    purchase viagra
    Bremshey теннисный стол классные
    ghi health insurance
    стратегическое планирование в интернете О чем здесь Рубрики