Разработка Web-сайта Принципы разработки Web-документов Талант

Разработка Web-сайта

Принципы разработки Web-документов Талант — способность воплотить то, что ты сознаешь Фрэнсис Скотт Фицджералъд

Анатомия Web-страниц Текст Графическое оформление Средства навигации Дополнительные компоненты

Основные элементы HTML Теги HTML заключаются в угловые скобки:

<Р ALIGN=center> <INPUT TYPE=submit VALUE= "Отправить данные"> <HR> Непарный тег также может включать в себя параметры: <HR WIDTH=75%>

Структура страницы Раздел HTML-кода Заключается между парой тегов <HTML>. . . </HTML>. Открывающий тег <HTML> помещается в самом начале каждой страницы, а закрывающий тег </HTML> — в самом конце.

Раздел заголовка заключается в пределах парного тега <HEAD> Теги заголовка </HEAD> и помещается в начале кода HTML, непосредственно после открывающего тега <HTML>.

Теги заголовка Названия страницы. например: <TITLE> 0 чepки по истории Франции </ТIТLЕ> Название учитывается отдельными поисковыми системами

Непарный тег <МЕТА> используется для представления служебной информации. Применяют этот тег для кодировки текста страницы, а также набора ключевых слов и описания страницы, используемые большинством поисковых систем при каталогизации Web-страниц:

<МЕТА NAME="Description" CONTENT="Ha этом сайте =" представлены лучшие игровые программы, доступные в Интернете. Все программы можно загрузить с нашего сайта бесплатно!"> Информация, представляемая тегом <МЕТА>, не отображается при просмотре в броузере.

Раздел основного текста страницы заключается в пределах парного тега <BODY>. . . </BODY>. Тег <BODY> имеет следующий формат: <BODY BACKGROUND="URL файла фонового рисунка" BGCOLOR="Код цвета фона" ТЕХТ="Код цвета текста" LINК="Код цвета гиперссылки" VLINK="Код цвета просмотренной гиперссылки" ALINK="Код цвета выделенной гиперссылки" > Основной текст и разметка страницы </BODY>

Параметр BACKGROUND тега <BODY> задает URL графического файла, используемого в качестве фона для HTML -страницы. Например: BACKGROUND="images/back. gif" Остальные параметры определяют цвета различных элементов страницы из стандартных названий цветов, например: BGCOLOR="indigo" TEXT="white"

Оформление Текста Абзац используется парный тег . . . </Р>. Этот тег имеет следующий формат: <Р ALIGN=center|left| right> Текст абзаца </Р> |justify|- выравнивание по ширине

Для выравнивания текста по центру также может быть использован парный тег <CENTER>. . . </CENTER>, однако указание режима выравнивания в теге <Р> предпочтительнее.

Тег <Р> также может использоваться как непарный (без закрывающего тега </Р>). В этом случае открывающий тег <Р> ставится в начале каждого абзаца: <Р>Текст абзаца 1 <Р>Текст абзаца 2 <Р>Текст абзаца 3 <Р>

Разрыв строки <Р> Использование<ВR>разрыва <ВR>строки </Р>

Заголовок теги <Нn>. . . </Нn>, где п — число от 1 до 6, соответствующее уровню заголовка. Тег <Нn> имеет следующий формат: <Нn ALIGN=center|left|right> Текст заголовка </Нn>

Например: <Н 1> определяет заголовок первого уровня, выровненный по центру. <Н 1 LIGN=center> Бесплатные игровые программы </Н 1>

Шрифт

Тег . . . определяет дополнительные параметры шрифта. Имеет следующий формат: Текст

Базовый размер шрифта может быть установлен с использованием тега <BASEFONT>. . . </BASEFONT>, имеющего следующий формат: <BASEFONT SIZE=1 2|3|4|5|6|7> Текст </BASEFONT>

Графические элементы Используется тег <IMAGE>. Является непарным и имеет следующий формат: <IMG SRC=" URL графического файла" АLТ="Замещающий текст" ALIGN=bottom|middle]top|left] right HEIGHT=Высота WIDTH=Ширина BORDER=Толщина границы НSРАСЕ=Отступ по горизонтали VSPACE=Отступ по вертикали>

Параметр SRC является обязательным и указывает URL графического файла, который должен отображаться на странице, например: SRC="http: //www. domain, ru/navigation/home. gif" SRC="images/logo. jpg" Стандартные форматы GIF и JPEG

Гиперссылки Используется тег <А>. . . </А>, имеющий следующий формат: <А HREF="URL целевого объекта" TARGET="Имя целевого фрейма или окна">Текст или объект</А> Например: HREF="http: //www. mystery. com/"