Приложений. Общая структура html-документа. Определение цели создания сайта



Дата12.11.2019
өлшемі75,83 Kb.
#51593
Байланысты:
Основы HTML

отображается жирным шрифтом, т.е. равносильно

Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого ячейки.



VALIGN определяет способ вертикального выравнивания содержимого ячейки.

WIDTH определяет ширину ячейки.

HEIGHT определяет высоту ячейки.

COLSPAN определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1

ROWSPAN определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1

NOWRAP блокирует автоматический перенос слов в пределах текущей ячейки

BGCOLOR определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов

BACKGROUND заполняет ячейку фоновым рисунком


Основы HTML
HTML (HyperText Markup Language, язык гипертекстовой разметки) - специальные инструкции браузеру, с помощью которых создаются Вэб-страницы.

Т.е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т.е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением .htm или .html.

Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования Вэб-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>. Большинство тэгов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.

Для более быстрого знакомства с HTML-кодом советую просматривать понравившуюся вам страницу в режиме "В виде HTML". Для этого в браузере надо выбрать пункт меню "Вид" - "В виде HTML".

После этого откроется новое окно с исходным текстом HTML-кода. Просматривая готовый код HTML, вы узнаете, как тэги языка применяются более опытными программистами. Кроме того, это один из способов преодоления различных проблем, возникающих время от времени.
Обязательные тэги

Создание абзаца, символов пробела
Обязательные тэги

Существует несколько основных тэгов HTML, которые должны присутствовать в тексте любой Вэб-страницы. Каждая Вэб-страница обязана содержать тэг , располагаемый в самом начале. Этот тэг описывает ваш документ как Вэб-страницу, выполненную в формате HTML. Непосредственно за дескриптором обычно следует тэг , который указывает на наличие текста, содержащего наименование страницы и дополнительные сведения о ней.

В раздел HEAD обычно вложен тэг </b>, служащий для обозначения наименования страницы. Наименования страниц обычно отображаются в строке заголовка окна браузера. Название Вэб-страницы может быть набрано только с помощью символов букв, цифр и пробела. </p> <p>Затем следует тэг <b><BODY></b>, который указывает на начало собственно "тела" Вэб-страницы. В этом разделе размещаются весь остальной текст, графика, таблицы и другие элементы содержимого страницы, которые увидит посетитель, обратившийся к вашему сайту.</p> <p>Пример: <br /> <br /><html> <br /> <br /><head> <br /> <br /><title>Online обучение: HTML



Текст сайта





Достарыңызбен бөлісу:
Технологии разработки Web-приложений. Общая структура HTML-документа. Определение цели создания сайта.
Язык гипертекстовой разметки документа (HyperText Markup Language (HTML)) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами web-браузеров. Большинство документов, созданных с использованием HTML, имеют стандартные элементы, такие, как заголовок, параграфы или списки. Все что необходимо, чтобы прочитать HTML-документ – это web-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров.

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

<TITLE> Заголовок документа TITLE>

Самый первый тэг, который встречается в документе, должен быть тэгом . Минимальный HTML-документ будет выглядеть так: <HTML> ...тело документа... HTML>

Тэг заголовочной части документа должен быть использован сразу после тэга . Стартовый тэг помещается непосредственно перед тэгом и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например: <br /> <br /><HTML> <br /> <br /><HEAD> <br /> <br /><TITLE> Список сотрудников

...


HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Синтаксис комментария:

Комментарии могут встречаться в документе где угодно и в любом количестве.

Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Тело документа должно находиться между тэгами и . Текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка уровня 1 следующий:



<H1> Заголовок первого уровня H1>

Заголовки другого уровня могут быть представлены в общем случае так: <Hx> Заголовок x-го уровня Hx>,

где x - цифра от 1 до 6, определяющая уровень заголовка.

Разрыв абзаца может находиться в любом месте исходного текста документа. Браузер разделяет абзацы только при наличии тэга

. Дополнительные параметры тэга

:




позволяют выравнивать абзац по левому краю, центру и правому краю соответственно.

Можно центрировать все элементы документа в окне браузера. Для этого можно использовать тэг

. Все элементы между тэгами
и
будут находиться в центре окна

Тэг
извещает браузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где браузер должен отображать их одну под другой. Например:

Дополнительный параметр CLEAR позволяет расширить возможности тэга
.

<BR CLEAR=left|right|all >

Данный параметр позволяет выполнить не просто перевод строки, а разместить следующую строку, начиная с чистой левой (left), правой (right) или обоих (all) границ окна браузера.

Существует три основных вида списков в HTML-документе:

пронумерованный , непронумерованный список описаний

В пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Пронумерованный список начинается стартовым тэгом

    и завершается тэгом
. Каждый элемент списка начинается с тэга
  • . Например:

    Тэг

      может иметь параметры: <OL TYPE=A|a|I|i|1 START=n>, где: TYPE означает вид счетчика:

      A - большие латинские буквы (A,B,C...); a - маленькие латинские буквы (a,b,c...); I - большие римские цифры (I,II,III...); i - маленькие римские цифры (i,ii,iii...); 1 - обычные цифры (1,2,3...), START=n - число, с которого начинается отсчет

      Для непронумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера настраивает пользователь браузера.

      Пронумерованный список начинается стартовым тэгом

        и завершается тэгом
      . Каждый элемент списка начинается с тэга
    1. . Тэг
        может иметь параметр
          . Тип тэга
            определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square).

            Для вставки графического изображения применяется тэг. Атрибуты тэга :



            src="URL" URL - адрес файла изображения.

            alt="text" Текст, который будет отображаться вместо изображения, при невозможности его вывода.

            align Выравнивание изображения. Может принимать значения:

            left - выравнивание изображения по левой границе;

            right - выравнивание изображения по правой границе;

            top - выравнивание текста по верхней границе изображения;

            middle - выравнивание текста по центру изображения;

            bottom - выравнивание текста по нижней границе изображения;

            texttop - выравнивание текста по верхний границе изображения, относительно самых высоких символов;



            absmiddle - выравнивание середины строки относительно середины изображения;

            baseline - выравнивание нижней рамки изображения относительно базовой линии текстовой строки;

            absbottom - выравнивание нижней границы изображения относительно нижней границы текущей строки.

            height - Высота картинки в пикселях.

            width - Ширина картинки в пикселях.

            border - Ширина рамки вокруг картинки в пикселях (только NN).

            hspace - Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по горизонтали.

            vspace - Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали.

            Сделать фон страницы можно с помощью атрибута background тэга например: <body background="bgr.gif">

            Большинство браузеров позволяет включать в документ фоновый рисунок, который будет отображаться на фоне всего документа.

            Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:



            <BODY BACKGROUND="picture.gif">

            Чтобы задать цвета, необходимо включить в тэг дополнительные параметры:



            <BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">,

            где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:



            BGCOLOR - Цвет фона документа

            TEXT - Цвет простого текста документа

            LINK - Цвет ссылки

            Цвет задается шестизначным числом в шестнадцатеричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому. Например:



            <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">

            Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.

            HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в документах. Вот короткий список стилей, поддерживаемых большинством браузеров:


              • bold (жирный)

              • italic (наклонный)

              • mono spaced (type writer - с использованием фиксированных шрифтов)

            Bold <B> Этот текст жирный B> Этот текст жирный

            Italic <I> Этот текст наклонный I> Этот текст наклонный

            Mono spaced <TT> Этот текст с непроп. шрифтом TT>

            Этот текст с непроп. шрифтом.

            Комбинирование стилей позволяет отображать в одной строке несколько элементов различными стилями.

            Можно изменять размер шрифта при помощи тэга <FONT SIZE=+|- n>. Шрифт может иметь размер от 1 до 7.

            Можно изменить цвет шрифта при помощи тэга <FONT COLOR="#xxxxxx>

            Таблица объявляется с помощью тэгов:



            TABLE - создаёт таблицу;

            CAPTION - задаёт заголовок таблицы;

            TR - создаёт новый ряд (строку) ячеек таблицы;

            TD и TH - создаёт ячейку с данными в текущей строке.

            Таблицы в HTML формируются построчно. Для этого, с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

            Основным тэгом, применяемым при создании таблицы, является тэг <TABLE>. В тэге <TABLE> могут использоваться следующие атрибуты

            :ALIGN - горизонтальное выравнивание таблицы. Возможные значения: left, center, right. Значение по умолчанию - left.



            VALIGN - вертикальное выравнивание содержимого таблицы. Возможные значения: top, bottom, middle.

            BORDER - ширина внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет.

            CELLPADDING - расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащейся в ней информации.

            CELLSPACING - расстояние (в пикселах) между границами соседних ячеек.

            WIDTH - ширина таблицы.

            HEIGHT - высота таблицы.

            BGCOLOR - цвет фона ячеек таблицы.

            BACKGROUND - фоновый рисунок таблицы .

            Тэг заголовка таблицы <CAPTION> имеет единственный допустимый параметр <ALIGN>.

            Атрибуты: top помещает заголовок над таблицей (значение по умолчанию), Bottom помещает заголовок под таблицей

            Table Row - создаёт новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH

            Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right



            VALIGN определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle.

            BGCOLOR определяет цвет фона для всех ячеек данного ряда

            Table Data & Table Head - элемент TD создаёт ячейку с данными в текущей строке. Элемент TH также создаёт ячейку, но определяет её как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Текст находящийся между тэгами
  • тексттекст




    ©engime.org 2024
    әкімшілігінің қараңыз

        Басты бет