в HTML
Хотя существует некоторое количество команд состоящих только из tag начало команды. В этих командах tag конец команды игнорируется просмотрщиком. Стандарт языка HTML требует обязательного присутствия tag конец команды.
Замечание: Язык HTML не чувствителен к регистру. Команды языка могут набираться как прописными так и строчными буквами, т.е. команда эквивалентна команде или .
Не все команды (tag) поддерживаются всеми World Wide Web просмоторщиками. Если просмоторщик не поддерживает команду, он ее просто игнорирует.
Атрибуты
Атрибуты ставятся сразу после команды и имеют следующий формат:
Заготовка таблицы будет выглядеть так:
Команда TABLE поддерживает следующие атрибуты (далее все рассмотрено на примерах):
ALIGN — задает выравнивание текста по горизонтали и может принимать значения: BLEEDLEFT (вплотную налево), LEFT (лево) CENTER (по центру) RIGHT (вправо).
BACKGROUND — Значением атрибута служит файл, задающий фоновое изображение для таблицы. Работает не во всех браузерах.
BGCOLOR — Задает цвет фона таблицы. Работает не во всех браузерах.
BORDER — Задает ширину окантовки таблицы в пикселях. Если значение атрибута равно нулю, окантовка становится невидимой.
CELLPADDING — Задает ширину пустого пространства (в пикселях) между содержимым таблицы и ее окантовкой.
CELLSPACING — Задает интервал между ячейками таблицы (в пикселях)
HSPACE — Задает размер пустого пространства в пикселях справа и слева от таблицы.
VSPACE — Задает размер пустого пространства в пикселях над и под таблицей.
WIDTH — Задает ширину таблицы в пикселях или в процентах от ширины окна.
HEIGHT — Задает высоту таблицы в пикселях или в процентах от ширины окна.
Теперь создадим внутреннюю структуру таблицы. Горизонтальная табличная строка задается тегами , и является основой построения таблицы. Вертикальные столбцы таблицы организуются в каждой строке тегами , число пар этих тегов в строке таблицы соответствует числу столбцов.
Команда
ALIGN: BLEEDLEFT (вплотную налево), LEFT (лево) CENTER (по центру) RIGHT (вправо).
BACKGROUND;
BGCOLOR;
BORDER;
VALIGN — Задает выравнивание текста по вертикали и может принимать значения: TOP (по верхней части) MIDDLE (по средней части) BOTTOM (по нижней части) BASELINE (по базовой линии).
Команда
ALIGN: BLEEDLEFT (вплотную налево), LEFT (лево) CENTER (по центру) RIGHT (вправо).
BACKGROUND, BGCOLOR,
COLSPAN — Ячейка таблицы раздвигается на количество столбцов, указанных в значении атрибута.
NOWARP — Отключает автоматическое распределение по ячейке. Будет отображаться лишь та часть текста, которая умещается в ячейке по длине.
ROWSPAN — Ячейка таблицы раздвигается на количество строк, указанных в значении атрибута.
VALIGN ,WIDTH .
Простейшая таблица три на три ячейки в HTML выглядит следующим образом:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Введя эти команды в HTML документ, Вы получите на экране следующее изображение:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Помните, что таблица представляет собой элемент изображения, в принципе ничем не отличающийся от графического образа или строки текста. Ее можно располагать по центру, левой или правой кромке экрана точно так же, как и любой другой объект.
С помощью атрибута CELLPADDING можно задать размер пустого пространства между содержимым таблицы и ее окантовкой, как это видно в следующем примере:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
В результате его выполнения на экране мы увидим следующее:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Как видно из примера, по умолчанию таблица принимает форму содержащихся в ней строк. Ширина каждого столбца во второй и третьей строках автоматически выставляется такой же, как и в первой строке. Такое форматирование может быть изменено с помощью атрибутов COLSPAN и ROWSPAN, которые объединяют ячейки таблицы по горизонтали и по вертикали. Написав, допустим,
Первая колонка | Вторая колонка | Третья колонка | |
Первая колонка | Вторая колонка | Третья колонка | |
Первая колонка | Вторая колонка | Третья колонка |
После выполнения этот пример выглядит так:
Первая колонка | Вторая колонка | Третья колонка | |
Первая колонка | Вторая колонка | Третья колонка | |
Первая колонка | Вторая колонка | Третья колонка |
Размеры таблицы определяются введенными в нее строками (или графическими образами) только в том случае, если эти размеры никак не заданы принудительно. Их можно задать, введя в тег
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
На экране результат выполнения этих строк будет выглядеть так:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Теперь мы можем отформатировать расположение текста в каждой ячейке. Для этого используются атрибуты ALIGN и VALIGN. Следующий пример показывает возможности такого форматирования. Не забывайте, что значения атрибутов ALIGN и VALIGN нужно писать только большими буквами.
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
После выполнения этот текст выглядит так:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Вид таблицы можно модифицировать, задавая различную толщину окантовки таблицы и ее разделительных линий. Для задания толщины окантовки используется атрибут BORDER тега
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Результат выполнения этого примера будет таким:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Разделительные линии таблицы модифицируются при помощи атрибута CELLSPACING, значением которого является толщина линии в пикселях, как это видно из примера:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
При выполнении этот пример выглядит так:
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Первая колонка | Вторая колонка | Третья колонка |
Простейший фотоальбом можно создать с помощью следующих тегов:
HTML 5 Tag
The HTML tag is used for specifying a command that the user can invoke.
According to the HTML 5 specification:
A command is the abstraction behind menu items, buttons, and links. Once a command is defined, other parts of the interface can refer to the same command, allowing many access points to a single feature to share aspects such as the disabled state.
The tag was introduced (and subsequently dropped) in HTML 5.
The element has now been dropped from the HTML5 specification. Therefore, you should not use it in your HTML markup. I have decided to keep this page for information purposes only.
Attributes
HTML tags can contain one or more attributes. Attributes are added to a tag to prov >style=»color:black;» .
There are 3 kinds of attributes that you can add to your HTML tags: Element-specific, global, and event handler content attributes.
The attributes that you can add to this tag are listed below.
Element-Specific Attributes
The following table shows the attributes that are specific to this tag/element.
Attribute | Description | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
type | Specifies the type of command.
|
||||||||||||||
label | Specifies the name of the command, as shown to the user. | ||||||||||||||
icon | Specifies the URI (or IRI) of graphical image that represents the action. | ||||||||||||||
disabled | Specifies if the command is disabled or not.
This is a boolean attribute. If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute’s canonical name, with no leading or trailing whitespace (i.e. either disabled or disabled=»disabled» ).
|
||||||||||||||
checked | Indicates whether the command is selected or not.
This is a boolean attribute. If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute’s canonical name, with no leading or trailing whitespace (i.e. either checked or checked=»checked» ).
|
||||||||||||||
radiogroup | Specifies the name of the group of commands that will be toggled when the command itself is toggled, for commands whose type attribute has the value «radio». | ||||||||||||||
command | Here’s what the HTML5 specification says about the command attribute:
An element with a command attribute must have a master command and must not have any type , label , icon , disabled , checked , or radiogroup attributes. |
||||||||||||||
title | Specifies a hint describing the command, which can be shown to the user.
Global AttributesThe following attributes are standard across all HTML 5 tags.
For a full explanation of these attributes, see HTML 5 global attributes. Event Handler Content AttributesEvent handler content attributes enable you to invoke a script from within your HTML. The script is invoked when a certain «event» occurs. Each event handler content attribute deals with a different event. Here are the standard HTML 5 event handler content attributes.
For a full explanation of these attributes, see HTML 5 event handler content attributes. Основы HTML для начинающихПривет! В сегодняшней статье я постараюсь прописать самую основную и полезную информацию для тех, кто пытается разобраться с языком гипертекстовой разметки HTML. Мы выясним его назначение, в обзоре будут описаны основные тэги и команды языка HTML и принципы работы с ним. Из статьи вы узнаете для чего и как использовать HTML на практике при работе с блогом или сайтом. Основные цели и задачи HTMLНе так давно на моем блоге был обзор по основам CSS. Из него вы можете узнать, как с помощью CSS менять внешний вид страницы сайта, ее стиль. Теперь разберемся с основами HTML-верстки для начинающих. HTML – это язык гипертекстовой разметки веб-страницы, который позволяет задать ее структуру, обозначить для браузера ее основные элементы. Так, для примера, заключая текст страницы в те или иные html-теги, можно оформить абзацы, списки, таблицы. Т.е. с помощью html мы даем понять браузеру, а он, соответственно, отобразит для пользователя заданную нами структуру страницы. HTML является инструментом, так называемой, front-end разработки сайта. Что это означает? Наверняка вы уже не раз слышали, что есть такие понятия в среде создания сайтов, как front-end и back-end. Так вот, к front-end-разработке (внешний интерфейс) относятся инструменты и языки, которые отвечают за отображение сайта непосредственно для пользователя. Происходит отображение при помощи разных браузеров (Internet Explorer, Opera, Mozilla, Chrome и т.д.). Читайте о том, какой браузер самый лучший. Браузеры хорошо понимают HTML и CSS и преобразовывают полученную информацию в понятный для пользователя вид. Back-end разработка основана на серверных языках, например, PHP. С помощью кода PHP данные сайта распознаются сервером, а далее передаются браузеру после преобразования кода специальным интерпретатором. Т.е. браузер так или иначе получает сайт в виде HTML разметки и CSS стилей. Посмотреть исходный код сайта можно, к примеру, в Firebug. Из исходного кода не всегда можно определить, на каком языке программирования написан сайт, но коды стилей CSS и теги HTML вы увидите независимо от этого. С чего начать изучение HTML?Если вы серьезно настроены изучать этот язык, то советую сразу скачать какую-нибудь подробную книгу с хорошими отзывами или видео-курсы. Для начала можно посмотреть вот такое видео: Самая новая версия языка HTML, возможности которой выходят далеко за рамки только разметки структуры текста – это HTML5. Кроме того, по сравнению с HTML4, в последней версии появилось много новых тегов, изменилась семантика. Но в данной статье мы все же рассмотрим привычную четвертую версию языка HTML и ее основные теги. Для этого разберем основную структуру страницы HTML, а также иерархию тегов. Если вы не знаете с чего начать изучение HTML, тогда приведенная ниже информация даст вам базовое понимание принципов работы с языком гипертекстовой разметки. Для создания html-документа будем использовать удобный редактор Notepad++. Первое, что необходимо объявить — это тип документа со ссылкой на соответствующий ему раздел W3C: Теги HTML (шпаргалка)
HTML -документ (страничка) — документ, написанный на языке HTML. Заключается между тегами и . Значения тегов разметки документа Теги разметки — специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет. Основные теги разметки и . Между этими тегами располагается информация о документе. и . В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра. и . «Тело» документа (текст, графика и т.д.) располагается между этими двумя тегами. BGCOLOR — цвет фона ( BGCOLOR= «#000000» > ) TEXT — цвет текста LINK — цвет ссылки VLINK — цвет ссылки, уже посещенной в прошлом ALINK — цвет активной ссылки — теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
— тег, служащий для логического разделения текста горизонтальной линией. — Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа «курьер». ALIGN= LEFT — выравнивание по левому полю ALIGN= RIGHT — выравнивание по правому полю ALIGN= CENTER — выравнивание по центру и — выравнивание по левому полю и — выравнивание по правому полю и — выравнивание по центру Заголовки, служащие для выделения логических частей текста Теги для выделения текста и шрифта и — теги для выделения текста (слов, букв) жирным шрифтом. и — теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic. и — текст, расположенный между двумя этими тегами, будет подчеркнут. и — текст, расположенный между двумя этими тегами, будет мигать. SIZE= n > и — теги для изменения размера шрифта (где n — размер шрифта в пикселях px ). COLOR= «# FFFFFF » > и — теги для изменения цвета шрифта. Теги для формирования списков и — теги, показывающие начало и конец нумерованного списка и — теги, показывающие начало и конец маркированного списка. и — теги, показывающие начало и конец глоссария. — Термин глоссария, располагается без отступа от левого поля страницы. — Описание термина, располагается с отступом от левого поля страницы. Теги-команды для вставки в текст объектов не текстовой информации SRC= «file.gif» > или SRC= «file.jpg» > — команда для вставки графического изображения SRC= «file.wav» > — команда для вставки звукового фрагмента SRC= «file.avi» > — команда для вставки видео фрагмента Параметры графического изображения WIDHT — ширина картинки в пикселях HEIGHT — высота картинки в пикселях ALIGN — выравнивание ( ALIGN= LEFT — выравнивание по левому полю, ALIGN= RIGHT — по правому полю, ALIGN= TOP — по верхней границе, ALIGN= BOTTOM — по нижней границе, ALIGN= MIDDLE или CENTER — по центру) HSPACE — горизонтальный отступ от графического изображения VSPACE — вертикальный отступ ALT — альтернативный текст, служит для обозначения изображения Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет Таблица — сетка для показа данных в строках и столбцах, а также средство для форматирования текста и — теги для вставки таблицы в HTML документ BGCOLOR — цвет фона BORDER — ширина бордюра WIDHT — ширина таблицы Теги разметки таблицы и — название таблицы, имеет параметр ALIGN= TOP — выравнивание над таблицей и ALIGN= BOTTOM — под таблицей. и — Строчка таблицы. Может иметь параметры BGCOLOR — цвет фона внутри строки; ALIGN= LEFT , RIGHT , CENTER — выравнивание внутри строки; VALIGN= TOP , BOTTOM , MIDDLE — вертикальное выравнивание внутри строки таблицы. и — Столбец таблицы. Может иметь параметры BGCOLOR — цвет фона под столбцом; ALIGN= LEFT , RIGHT , CENTER — выравнивание внутри столбца; VALIGN= TOP , BOTTOM , MIDDLE — вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN — растягивание клетки на несколько строк. и — Заголовок столбца. Может иметь параметры BGCOLOR — цвет фона под названием; ALIGN= LEFT , RIGHT , CENTER — выравнивание; VALIGN= TOP , BOTTOM , MIDDLE — вертикальное выравнивание; COLSPAN , ROWSPAN — растягивание клетки на несколько столбцов или строк; WIDHT — ширина названия. Рамки-фреймы — средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-страницы или Web-сайта. и теги для создания рамки COLS — подразделяют экран на определенное количество колонок (вертикальных) ROWS — подразделяют экран на определенное количество колонок (горизонтальных) BORDCOLOR — цвет рамки BORDER — ширина бордюра FRAMEBORDER — граница рамки ( FRAMEBORDER= YES — есть граница, FRAMEBORDER= NO — нет границы, FRAMESPACING= n — ширина границы) Тег для описания рамки ( SRC= «file.htm» > ). SCROLING — параметр для регулировки полосы прокрутки: SCROLING= YES — полоса прокрутки будет всегда SCROLING= NO — полосы прокрутки не будет SCROLING= AUTO — полоса прокрутки появляется только в случае необходимости MARGINWIDHT и MARGINHEIGHT — параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки NORESIZE — параметр, указывающий на то, что размер рамки-фрейма никогда не будет меняться. TARGET — атрибут связи между фреймами. Имеет несколько значений: _BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно. _SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку. _PARENT загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. _TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы. Обработка браузеров, не поддерживающих фреймы: . Здесь располагаются фреймы . Здесь располагается текст без фреймов ТЕКСТ — тег, создающий бегущую строку DIRECTION= «left» > TEKCT — Если бегущую строку нужно направить справа налево DIRECTION= «right» > TEKCT — движение слева направо . scroll — стандартное движение от правого края к левому slide — надпись один раз пробегает от правого края к левому, где и остается. alternate — движение от правого края страницы к левому и обратно. Бесконечный цикл. LOOP= n BEHAVIOR= scroll > TEKCT — Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла. W > n > TEKCT — указать ширину участка, занимаемого бегущей строкой, где n — ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы. scrollamount= n > TEKCT — Регулировка движения надписи по экрану. Здесь n — число пикселей. scrolldelay= t > TEKCT — В данном случае переменная величина — время t — измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново. SIZE= n > ТЕКСТ — возможность указывать величину шрифта текста в строке. BGCOLOR= n > ТЕКСТ — окрасить поверхность бегущей строки в какой-либо цвет, где n можно указать в виде шестнадцатеричного числа либо написав его название HEIGHT= n > ТЕКСТ — указывает высоту бегущей строки Основные HTML-тегиТег — это специальное зарезервированное слово, заключённое в угловые скобки (например, ). Тег — основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не , а . Какими бывают теги?Большинство HTML-тегов являются парными: есть открывающий (например, ) и закрывающий тег, который от открывающего отличает слеш (/) после первой угловой скобки (например, ). Всё, что находится внутри пары тегов, называется их содержимым. Бывают и непарные (одиночные) теги, которые называются метками. Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега — Если проводить параллели с русским языком, то можно сказать, что парные теги — это кавычки или скобки, влияющие на свойства заключённого в них текста (попробуйте не закрыть кавычки вовремя), а одиночные теги (метки) — это знаки препинания (восклицательный, вопросительный или точка). Любой тег состоит из:
Основные HTML-тегиТак как теги — основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.
HTML COMMAND TagThe COMMAND tag is introduced in HTML5 and is used to define the command button, such as radio button, check box, or button. You can use the COMMAND tag in conjunction with the MENU tag. The COMMAND tag can also be used without the MENU tag, but only for specifying the keyboard shortcuts. Attributes of COMMAND tagThe following table shows the attributes of the COMMAND tag :
Example of COMMAND tagFollowing is an example of using the COMMAND tag : Тег command, атрибут commandРекомендованные сообщенияСоздайте аккаунт или войдите в него для комментированияВы должны быть пользователем, чтобы оставить комментарий Создать аккаунтЗарегистрируйтесь для получения аккаунта. Это просто! ВойтиУже зарегистрированы? Войдите здесь. Статистика пользователейСейчас на странице 0 пользователейНет пользователей, просматривающих эту страницу. Спрашивают сейчасАвтор: envoleon Автор: digenis |