6 как называется команда языка html

Таблица основных тегов html с примерами

Несмотря на то, что сейчас можно создавать отличные сайты на конструкторах в визуальном режиме, использование языка HTML остаётся важным навыком разработчика. Даже если вы не пишете шаблон с нуля, может возникнуть необходимость отредактировать его или вставить виджет стороннего сервиса — через HTML-код.

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

Базовые теги

<!—. —> — тег для добавления комментариев в документ. Помещённые внутри него теги не интерпретируются браузером.

<!DOCTYPE> — показывает браузеру тип документа, сообщает его версию и язык.

<html></html> — корневой тег, который сообщает браузеру, что это HTML-документ. Все остальные элементы помещаются внутри него.

<head></head>— контейнер, в который помещаются метаданные документа, не видимые пользователям, но считываемые поисковыми роботами: например, <title> или <style>.

<body></body> — тег, обрамляющий видимую пользователям часть документа. Всё, что вы укажите внутри этого контейнера, отобразится на странице. Тег <body> имеет несколько атрибутов, позволяющих управлять цветами.

<body bgcolor=?> — цвет фона документа в формате RGB.

<body text=?> — цвет текста.

<body link=?> — цвет гиперссылок.

<body vlink=?> — цвет гиперссылок, по которым уже переходили.

<body alink=?> — цвет гиперссылок при нажатии.

<title></title>— метатег, который задаёт название страницы, отображаемое на вкладке браузера.

<header></header> — определяет содержимое блока с вводной информацией сайта или группой ссылок.

Форматирование текста

<h1></h1>. <h6></h6>. — теги заголовков, от самого большого к самому маленькому.

<b></b> — жирный текст без придания важности выделенному фрагменту.

<strong></strong> — расставление акцентов в тексте путём выделения его фрагментов полужирным начертанием.

<i></i> — выделение текста курсивом без придания важности.

<del></del> — зачёркивает текст, помечая его удалённым.

<s></s> — отображает перечёркнутый текст.

<ins></ins> — подчёркивает текст, визуально выделяя внесённые изменения.

<u> — подчёркивание без дополнительного акцентирования внимания.

<em></em> — расставление акцентов путём выделения фрагментов текста курсивом.

<mark></mark> — выделение частей текста жёлтым маркером.

<tt></tt> — имитация текста, набранного на печатной машинке.

<small></small> — отображение фрагмента с меньшим кеглем шрифта, чем у остального текста.

<sub></sub> — подстрочное начертание символов.

<sup></sup> — надстрочное начертание символов.

<address> — добавление контактов или подписи автора. При открытии в вею-браузере выделяется курсивом.

<pre></pre> — вывод неформатированного текста с сохранением пробелов и особенностей переносов.

<br> — переносит текст на другую строку без создания абзаца.

<blockquote> </blockquote> — отступы с обеих сторон для оформления цитаты или врезки.

<dl></dl> — контейнер для размещения термина и его определения.

<dt> — добавление термина.

<dd> — добавление определения понятия

<dfn> — выделение термина курсивом. Последующий текст должен раскрывать понятие.

<abbr> — указывает, что текст является аббревиатурой или акронимом. Для добавления пояснения используется атрибут title.

<li> — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).

<a></a> — добавление гиперссылки в текст. Имеет обязательный атрибут href, в котором указывается ссылка или якорь. Внутри контейнера помещается текст, при нажатии на который происходит переход на другую страницу или другое место на этой же странице.

<code></code> — выделение фрагмента кода с помощью шрифта monospace.

Встраивание элементов

<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:

<img src="name" align=?> — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.

<img src="name" border=?> — позволяет настроить в пикселях толщину рамки вокруг изображения.

<picture></picture> — контейнер для расположения элемента <img> без <source>, который даёт браузеру возможность самостоятельно выбрать подходящую картинку.

<audio></audio> — вставка звукового контента.

<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).

<source></source> — указывает местоположение файла для <video>, <audio> и <picture>

<track> — формирует субтитры для <video> и <audio>.

<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.

<hr size=?> — устанавливает высоту линии.

<hr width=?> — устанавливает ширину линии.

<hr noshade> — убирает тень у линии.

<hr color=?> — задаёт цвет линии.

Работа с таблицами

<table></table> — размещает таблицу. Все остальные теги для форматирования таблиц должны находиться внутри это контейнера.

<thead></thead> — определяет заголовок.

<tbody></tbody> — отмечает тело таблицы.

<th></th> — указывает на заголовок ячейки.

<tr> — создание одной строки.

<tfoot></tfoot> — показывает нижний колонтитул.

<caption></caption> — вставляет подпись. Указывается после тега <table>.

<col> — позволяет указать ширину и другие параметры одной или нескольких колонок.

Создание форм и кнопок

<form></form> — создание форм на странице. С помощью HTML описывается только внешний вид, для выполнения функций требуется запуск соответствующих скриптов на сервере.

<button></button> — создаёт интерактивную кнопку. Внутри контейнера нужно поместить текст или изображение.

<select multiple name="NAME" size=?></select> — формирует меню с поддержкой скроллинга.

<select name="NAME"></select> — создаёт ниспадающее меню.

<option></option> — описывает каждый отдельный пункт меню.

<input> — формирует поля для добавления пользовательских данных.

<output> — выводит результаты вычислений, сделанных с помощью скрипта.

<label> — оформляет пометку для поля, созданного тегом <input>.

<textarea></textarea> — создаёт большие поля для ввода текста.

1. Как называется программа для просмотра Web-страниц на экране?
2. Как называется текст, содержащий активные ссылки на другие документы?
3. Как называется документ, включающий текст, рисунки, звук и видео, где каждый элемент может быть гиперссылкой?
4. Отметьте все расширения, принадлежащие статическим Web-страницам.
5. Какой язык используется для создания статических Web-страниц?
6. Как называется команда языка HTML?
7. Каким термином называется парный тэг языка HTML?
8. Какой тип Web-страниц используется на сайтах, работающих с базами данных?
9. Отметьте все свойства, характерные для статических Web-страниц.
10. Отметьте все правильные утверждения.
11. Какая служба Интернета предназначена для просмотра Web-страниц?
12. Отметьте все программы-браузеры в этом списке.

Постройте столбчатые диаграммы: у Пети по математике четыре пятёрки, у Зины три пятёрки, а у Игоря — шесть пятёрок.

помогите пожалуйста срочно разобраться. Если можно чертеж

с углом 4 3. Постройте столбчатые диаграммы: у Пети по математике четыре пятёрки, у Зины три пятёрки, а у Игоря — шесть

Постройте столбчатые диаграммы: у Пети по математике четыре пятёрки, у Зины-три пятёрки, а у игоря-шесть пятёрок.

Начертите круговую диаграмму точка радиус круга 6 см. На клумбе выросла 20 гладиолусов, 8 астр и 8 хризантем.

Постройте столбчатые диаграммы у Пети по математике четыре пятёрки У Зины три пятёрки а Игоря шесть пятёрок

CdCl₂, Fe(NO₃)₂
CuI, NaNO₃

Какие профессионализмы могут использоваться не только в лингвистике и филологии?

Выбери верные варианты ответа.

чёрного или белого выебать

Найти емкость системы конденсаторов, состоящей из двух последовательных и двух параллельных соединений проводников. Емкость каждого конденсатора 0,5 мкФ.

Уявіть, що одного дня ви прокинулись у світі без правил. Люди можуть робити все, що їм заманеться! Поясніть, яким би був світ. Використовуйте свою фантазію!

Кто не видел белого медведя? В зоопарках он – обычный гость. Нет нужды описывать, каков он на вид. Напомним лишь, что у него только нос черный, сам медведь белый и зимой, и летом (а не как, скажем, песец или заяц-беляк – те лишь зимой белые). Подошвы лап у белого медведя густой шерстью поросли, а пальцы примерно на половину своей длины соединены плавательными перепонками.

Плавают и ныряют белые медведи отлично. Две минуты могут пробыть под водой, но погружаются в нее редко глубже двух метров. Далеко в открытом море не раз видели белых медведей, даже медведиц с медвежатами. Плывут со скоростью 5 километров в час, не беспокоясь, что ни земли, ни льдов нигде вблизи не видно.

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

Тюлени – главная охотничья добыча белого медведя весной. За год ловит и съедает он примерно 50 тюленей. Летом меню его более разнообразно. Ловит он рыбу на мелкой воде, на берегу – леммингов, песцов, лакомится яйцами птиц. Когда голоден, ест ягоды, водоросли, мхи, лишайник, грибы.

Белый медведь – самый могучий из сухопутных хищных зверей. Лев и тигр в сравнении с ним легковесы: средний вес медведиц 310 килограммов, медведей-самцов – 420 килограммов. Если медведь матерый и хорошо упитанный, то он может весить целую тонну!

Акимушкин И.И. Мир животных: Млекопитающие, или звери. – М., 1988 г

IV. Тест по русскому языку

1. В тексте про белых медведей больше всего предложений:

а) повествовательных; б) вопросительных

2. Восклицательное предложение находится:

а) в начале текста; б) в конце текста

3. Вопросительное предложение находится

а) в начале текста; б) в конце текста

4. Выпиши из второй части текста (из второго абзаца) первое предложение. Разбери его по членам предложения. Что ты можешь сказать о сказуемых? Они являются

а) родственными словами; б) однородными членами предложения

5. Что можно сказать о глаголах, которыми выражены сказуемые? Эти глаголы:

а) I спряжения; б) II спряжения

6. Эти глаголы стоят в форме:

а) настоящего времени; б) будущего времени; в) прошедшего времени

7. Эти глаголы стоят в форме:

а) единственного числа; б) множественного числа

8. Эти глаголы стоят в форме:

а) 1-го лица; б) 2-го лица; в) 3-го лица; г)нельзя определить лицо

9. Эти глаголы стоят в форме:

а) ж.р.; б) м.р.; в) ср.р.; г) нельзя определить род

10. Найди во второй части текста (во втором абзаце) все слова, которые являются родственными существительному, являющемуся подлежащим в первом предложении. Запиши их столбиком, поставив в начальную форму. У тебя получилось:

а) два слова; б) три слова

11. Найди во второй части текста (во втором абзаце) другую форму слова, которое является подлежащим в первом предложении. Выпиши такое словосочетание с формой этого слова, из которого можно определить его падеж. Этот падеж:

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

2. Основные сведения о языке html

Команды языка HTML, называемые тегами (или управляющими кодами), представляют собой зарезервированные последовательности символов, начинающиеся с  (знака меньше) и заканчивающиеся  (знаком больше). В большинстве случаев теги используются симметричными парами. При этом завершающий тег отличается от открывающего символом / (знак дроби). Например, если у нас есть гипотетический атрибут форматирования текста, управляемый кодом Х, и мы хотим применить его к словам «Это мой текст», HTML — последовательность кодов и собственно текста будет выглядеть так:

ХЭто мой текст/Х

HTML команды можно разбить на следующие группы:

команды структуры определяют документ HTML в целом и указывают начала и концы его логических частей;

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

команды форматирования заголовков обеспечивают оформление заголовков и подзаголовков шести различных уровней;

команды форматирования символов;

команды форматирования списков;

команды вставки графики;

команды связей.

Многие команды HTML, помимо своего названия, содержат в открывающем теге так называемые атрибуты тега — специальные параметры, определяющие тот или иной вариант представления текста. Обычно они записываются только в открывающем теге сразу после названия команды. Например:

<X A1=’’B1’’ A2=’’B2’’ A3=’’B3’’. AN=’’BN’’> Текст </X>, где X — тег команды HTML, A1,A2. AN — атрибуты тега, B1, B2, . BN — значения атрибутов.

3. Структура документа html

Структура документа HTML имеет вид:

Документ HTML содержит операторы, которые могут занимать одну или несколько строк.

В начале и конце всего документа помещаются теги соответственно HTML и /HTML.Они обозначают текст как действительный документ на языке разметки гипертекста. Эти коды ограничивают ту часть документа, которую должна обработать и отобразить программа просмотра Web.

Между кодами HEAD и HEAD помещается раздел заголовка документа. Как и HTML, HEAD служит только для формирования общей структуры документа. Заголовок может содержать другие операторы и занимать несколько строк. Например, помощью тегов TITLE и /TITLE задается заголовок страницы, который отображается в заголовке главного окна браузера. Каждый документ HTML должен иметь строку заголовка. Эта строка идентифицирует документ и отображается браузером не только в заголовке главного окна, но и в других местах, например, в списке посещенных страниц.

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

Добро пожаловать в мир серверов WWW!

Помимо обычных текстовых строк в теле документа могут располагаться таблицы, графические изображения, ссылки на другие страницы и т.д. — словом, все, что вы можете найти на страницах серверов WWW.

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

Один из самых полезных для дизайна — атрибут, определяющий фон страницы:

background = «Путь к файлу фона»,

Например, BODY background = «C:\dir1\fon.jpg»>,

Необходимо отметить, что web-браузеры могут воспринимать графические изображения только в виде файлов в формате .gif или .jpg.

Более простое оформление фона сводится к заданию его цвета:

Например, BODY bgcolor = «# 0000FF»> — синий фон.

Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного (RR), зеленого (GG) и синего (BB) цветов соответственно.

Для задания цвета основного текста используется атрибут

text ,

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

Цвет текста использованных гиперссылок задается атрибутом

vlink .

BODY bgcolor text link vlink =»#808080″.> -синий фон с красными гипертекстовыми ссылками, белым текстом и серыми использованными ссылками.

Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют, в первую очередь, назначение Web- страницы и фантазия разработчика.

Самое основное: команды HTML и их значение.

Указывает программе просмотра страниц что это HTML документ.

Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

Определяет видимую часть документа

Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)

Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)

Указание для поисковых роботов как следует сканировать данную страницу

Указание для поисковых роботов относится ли данная страница к мировым

Указание для поисковых роботов как следует сканировать данную страницу

Указание автора странички

Описание содержащийся информации (для поисковых машин)

Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)
Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.

Ключевые слова странички (для поисковых машин)

Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет.

Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет.

Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB — пример: 00FF00 — зеленый цвет.

Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет.

Устанавливает цвет гиперссылок при нажатии.

Теги форматирования текста

Обрамляет предварительно отформатированный текст.

Создает самый большой заголовок

Создает заголовоки промежуточных размеров

Создает самый маленький заголовок

Создает жирый текст (нерекомендованный)

Создает наклонный текст (нерекомендованный)

Создает текст — имитирующий стиль печатной машинки. (нерекомендованный)

Создает текст — имитирующий стиль печатной машинки. (рекомендованный)

Название переменных отображается курсивом

Выделение цитат курсивом

Отображается курсивом в виде отдельного абзаца

Наклонный текст (воспринимается посковыми роботами как выделение)

Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)

Устанавливает размер текста в пределах от 1 до 7.

Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Создает гиперссылку на другие сайты.

Указывает в каком окне открывать гипер-ссылку.

параметры

Значение

Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно

Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку

Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы

Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы

При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна.

Создает гиперссылку на другую страницу.

Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.

Создает гиперссылку на метку текущей страници.

Отмечает часть текста, как метку для гипперссылок на странице.

Создает гиперссылку на метку другой страници.

Создает новый параграф

Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

Запрещает перевод строки.

Указывает где разбивать строку для переноса при необходимости.

Вставляет перевод строки.

Создает отступы с обеих сторон текста.

Создает список определений.

Определяет каждый из терминов списка

Описывает каждое определение

Создает нумерованный список

Определяет каждый элемент списка и присваивает номер

Создает ненумерованный список

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

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

Добавляет изображение в HTML документ

Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

Устанавливает толщину рамки вокруг изображения

Устанавливает поля сверху и снизу

Устанавливает поля сбоков

Всплывающая подсказка при наведении на имедж

Добавляет в HTML документ горизонтальную линию.

Устанавливает высоту (толщину) линии

Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

Создает линию без тени.

Задает линии определенный цвет. Значение RRGGBB.

Определяет строку в таблице.

Определяет отдельную ячейку в таблице.

Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

Определяет подпись таблицы

Задает толщину рамки таблицы.

Задает расстояние между ячейками таблицы.

Задает расстояние между содержимым ячейки и ее рамкой.

Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

Устанавливает высоту таблицы в пикселах или процентах от высоты документа.

Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.

Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)

Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)

Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).

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

Предваряет тег <body> в документе, содержащем фреймы;

Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.

Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.

Определяет единичный фрейм или область в таблице фреймов.

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

Определяет какой из HTML документов будет показан во фрейме.

Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.

Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1.

Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1.

Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть «yes,» «no,» или «auto». Значение по умолчанию для обычных документов — auto.

Препятствует изменению размеров фрейма пользователем.

Ифрейм и его атрибуты

Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.

Определяет какой из HTML документов будет показан в ифрейме.

Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .

Устанавливает поля сверху и снизу с наружи от ифрейма

Устанавливает поля сбоков с наружи от ифрейма

Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.

Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.

Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть «yes,» «no,» или «auto». Значение по умолчанию для обычных документов — auto.

Определяет ширину ифрейма

Определяет высоту ифрейма;

Текст всплывающей подсказки

Создает скроллингуемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

Указывает каждый отдельный элемент меню

Создает ниспадающее меню