Какой тег определяет тело документа html: HTML теги по категориям

Содержание

HTML теги по категориям

= Новое в HTML5.

Тег Описание
<!DOCTYPE>  Определяет тип документа
<html> Определяет HTML-документ
<head> Определяет сведения о документе
<title> Определяет заголовок документа
<body> Определяет тело документа
<h2> to <h6> Определяет заголовки HTML
<p> Определяет абзац
<br> Вставка одного разрыва строки
<hr> Определяет тематическое изменение содержания
<!—…—> Определяет комментарий
Тег Описание
<acronym> Не поддерживается в HTML5. Использовать <abbr> Вместо.
Определяет акроним
<abbr> Определяет аббревиатуру или акроним
<address> Определяет контактные данные автора/владельца документа/статьи
<b> Определяет полужирный текст
<bdi> Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за его пределами
<bdo> Переопределяет текущее направление текста
<big> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет большой текст
<blockquote> Определяет раздел, который цитируется из другого источника
<center> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет центрированный текст
<cite> Определяет название работы
<code> Определяет часть кода компьютера
<del> Определяет текст, который был удален из документа
<dfn> Представляет определяющий экземпляр термина
<em> Определяет подчеркнутый текст 
<font> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет шрифт, цвет и размер текста
<i> Определяет часть текста в альтернативный голос или настроение
<ins> Определяет текст, вставленный в документ
<kbd> Определяет ввод с клавиатуры
<mark> Определяет выделенный/выделенный текст
<meter> Определяет скалярное измерение в пределах известного диапазона (датчика)
<pre> Определяет предварительно отформатированный текст
<progress> Представляет ход выполнения задачи
<q> Определяет краткое предложение
<rp> Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby
<rt> Определяет объяснение/произношение символов (для восточно-азиатских типографии)
<ruby> Определяет аннотацию Ruby (для восточно-азиатских типографий)
<s> Определяет текст, который больше не является правильным
<samp> Определяет выборку выходных данных из компьютерной программы
<small> Определяет меньший текст
<strike> Не поддерживается в HTML5. Использовать <del> or <s> Вместо.
Определяет текст зачеркивания
<strong> Определяет важный текст
<sub> Определяет текст с подстрочным текстом
<sup> Определяет текст с надписью
<template> Определяет шаблон
<time> Определяет дату и время
<tt> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет телетайп текст
<u> Определяет текст, который должен быть стилистически отличается от обычного текста
<var> Определяет переменную
<wbr> Определяет возможный разрыв строки
Тег Описание
<form> Определяет HTML-форму для ввода данных пользователем
<input> Определяет элемент управления вводом
<textarea> Определяет многострочный элемент управления вводом (область текста)
<button> Определяет нажатую кнопку
<select> Определяет раскрывающийся список
<optgroup> Определяет группу связанных параметров в раскрывающемся списке
<option> Определяет параметр в раскрывающемся списке
<label> Определяет метку для <input> Элемента
<fieldset> группирует связанные элементы в форме
<legend> Определяет заголовок для <fieldset> Элемента
<datalist> Задает список предварительно заданных параметров для элементов управления вводом
<output> Определяет результат вычисления
Тег Описание
<frame> Не поддерживается в HTML5.
Определяет окно (фрейм) в фрейме
<frameset> Не поддерживается в HTML5.
Определяет набор фреймов
<noframes> Не поддерживается в HTML5.
Определяет альтернативное содержимое для пользователей, которые не поддерживают рамки
<iframe>
Определяет встроенный фрейм
Тег Описание
<img> Определяет изображение
<map> Определяет изображение на стороне клиента-карты
<area> Определяет область внутри изображения-карты
<canvas> Используется для рисования графики, на лету, с помощью сценариев (обычно JavaScript)
<figcaption> Определяет заголовок для <figure> Элемента
<figure> Указывает автономное содержимое
<picture> Определяет контейнер для нескольких ресурсов изображения
<svg> Определяет контейнер для графики SVG
Тег Описание
<audio> Определяет звуковое содержимое
<source> Определяет несколько мультимедийных ресурсов для элементов мультимедиа (<video>, <audio> И <picture>)
<track> Определяет текстовые дорожки для элементов мультимедиа (<video> И <audio>)
<video> Определяет видео или фильм
Тег Описание
<a> Определяет гиперссылку
<link> Определяет связь между документом и внешним ресурсом (наиболее используемым для связывания с таблицами стилей)
<nav> Определяет навигационные ссылки
Тег Описание
<ul> Определяет неупорядоченный список
<ol> Определяет упорядоченный список
<li> Определяет элемент списка
<dir> Не поддерживается в HTML5. Использовать <ul> Вместо.
Определяет список каталогов
<dl> Определяет список описания
<dt> Определяет термин/имя в списке описания
<dd> Определяет описание термина/имени в списке описания
<menu> Определяет список/меню команд
<menuitem> Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню
Тег Описание
<table> Определяет таблицу
<caption> Определяет заголовок таблицы
<th> Определяет ячейку заголовка в таблице
<tr> Определяет строку в таблице
<td> Определяет ячейку в таблице
<thead> Группирует содержимое заголовка в таблице
<tbody> Группирует содержимое тела в таблице
<tfoot> Группирует содержимое нижнего колонтитула в таблице
<col> Задает свойства столбца для каждого столбца в <colgroup> Элемента
<colgroup> Задает группу из одного или нескольких столбцов в таблице для форматирования
Тег Описание
<style> Определяет сведения о стиле для документа
<div> Определяет раздел в документе
<span> Определяет раздел в документе
<header> Определяет заголовок документа или раздела
<footer> Определяет нижний колонтитул для документа или раздела
<main> Указывает основное содержимое документа
<section> Определяет раздел в документе
<article> Определяет статью
<aside> Определяет содержание в стороне от содержимого страницы
<details> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать
<dialog> Определяет диалоговое окно или окно
<summary> Определяет видимый заголовок для <details> Элемента
<data> Связывает данное содержимое с машинно-читаемым переводом
Тег Описание
<head> Определяет сведения о документе
<meta> Определяет метаданные HTML-документа
<base> Указывает базовый URL-адрес/цель для всех относительных URL-адресов в документе
<basefont> Не поддерживается в HTML5. Вместо этого используйте CSS.
Задает цвет, размер и шрифт по умолчанию для всего текста в документе
Тег Описание
<script> Определяет сценарий на стороне клиента
<noscript> Определяет альтернативное содержимое для пользователей, которые не поддерживают сценарии на стороне клиента
<applet> Не поддерживается в HTML5. Использовать <embed> или <object> Вместо.
Определяет встроенный апплет
<embed> Определяет контейнер для внешнего (не HTML) приложения
<object> Определяет внедренный объект
<param> Определяет параметр для объекта

Введение в HTML — тест 2

Главная / Программирование / Введение в HTML / Тест 2 Упражнение 1:
Номер 1
Какой тэг определяет документ HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) META &nbsp



Номер 2
Какой тэг определяет тело документа HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) META &nbsp



Номер 3
Какой тэг определяет заголовок документа HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) ISINDEX &nbsp



Упражнение 2:
Номер 1
Какой тег используется для индексирования документов в поисковых системах?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) META &nbsp



Номер 2
Какой тег служит для именования документа в World Wide Web?

Ответ:

&nbsp(1) BASE &nbsp

&nbsp(2) META &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) TITLE &nbsp



Номер 3
Какой тег служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной форме?

Ответ:

&nbsp(1) BODY &nbsp

&nbsp(2) META &nbsp

&nbsp(3) BASE &nbsp

&nbsp(4) TITLE &nbsp



Упражнение 3:
Номер 1
Найдите ошибочное определение гиперссылки.

Ответ:

&nbsp(1) <a HREF="intuit.htm" TARGET="left">intuit</a> &nbsp

&nbsp(2) <a HREF="intuit.htm">intuit</a> &nbsp

&nbsp(3) <a TARGET="intuit.htm" href="new">intuit</a> &nbsp



Номер 2
В каких примерах правильно организован синтаксис тега BASE?

Ответ:

&nbsp(1) <BASE HREF="http://www.intuit.ru/intro.html" TARGET=new> &nbsp

&nbsp(2) <BASE HREF="http://www.intuit.ru/intro.html"> &nbsp

&nbsp(3) <BASE A HREF=intuit.ru/intro.html> &nbsp



Номер 3
Какой тэг содержит управляющую информацию, 
которую браузер использует для правильного отображения и обработки 
содержания тела документа?

Ответ:

&nbsp(1) ISINDEX &nbsp

&nbsp(2) HEAD &nbsp

&nbsp(3) META &nbsp

&nbsp(4) BODY &nbsp



Упражнение 4:
Номер 1
Запретить кэширование документа можно с помощью...

Ответ:

&nbsp(1) <META HTTP-EQUIV="Pragma" CONTENT="cache"> &nbsp

&nbsp(2) <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> &nbsp

&nbsp(3) <META HTTP-EQUIPT="Pragma" CONTENT="no-cache"> &nbsp

&nbsp(4) <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> &nbsp



Номер 2
Какие функции можно реализовать с помощью элемента разметки META?

Ответ:

&nbsp(1) запрет кэширования документа&nbsp

&nbsp(2) поддержка скриптов&nbsp

&nbsp(3) запрет на хранение документа после пересылки&nbsp



Номер 3
Найдите правильный способ привязки внешней таблицы стилей к документу.

Ответ:

&nbsp(1) <LINK REL="stylesheet" href="../css/style.css" TYPE="text/css"> &nbsp

&nbsp(2) <LINK HREF="stylesheet" href="../css/style.css" TYPE="text/css"> &nbsp

&nbsp(3) <LINK REL="stylesheet" rel="../css/style.css" TYPE="text/css"> &nbsp



Упражнение 5:
Номер 1
Какой из приведенных тегов описывает тело классической модели документа?

Ответ:

&nbsp(1) <HEAD> &nbsp

&nbsp(2) <BODY CONTENT> &nbsp

&nbsp(3) <BODY> &nbsp

&nbsp(4) <HTML> &nbsp



Номер 3
Какой тэг предназначен для размещения описателей стилей?

Ответ:

&nbsp(1) STYLE &nbsp

&nbsp(2) HEAD &nbsp

&nbsp(3) BODY &nbsp

&nbsp(4) ISINDEX &nbsp



Упражнение 6:
Номер 1
Какой тэг служит для размещения кода JavaScript?

Ответ:

&nbsp(1) STYLE &nbsp

&nbsp(2) META &nbsp

&nbsp(3) SCRIPT &nbsp



Номер 2
Выберите вариант корректного описания синтаксиса тега SCRIPT.

Ответ:

&nbsp(1) <SCRIPT TYPE="тип_языка_программирования">текст программы</SCRIPT> &nbsp

&nbsp(2) <SCRIPT TYPE=тип_документа>текст программы</SCRIPT> &nbsp

&nbsp(3) <SCRIPT NAME=язык_программирования>текст программы</SCRIPT> &nbsp



Номер 3
Укажите неверные варианты описания синтаксиса тега SCRIPT.

Ответ:

&nbsp(1) <SCRIPT TYPE=тип_языка_программирования>текст программы</SCRIPT> &nbsp

&nbsp(2) <SCRIPT TYPE=тип_документа >текст программы</SCRIPT> &nbsp

&nbsp(3) <SCRIPT NAME=язык_программирования>текст программы</SCRIPT> &nbsp



Основы работы с HTML — тест 1

Главная / Интернет-технологии / Основы работы с HTML / Тест 1 Упражнение 1:
Номер 1
Какой тег определяет документ HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) CODE &nbsp



Номер 2
Какой тег определяет тело документа HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) CODE &nbsp



Номер 3
Какой тег определяет заголовок документа HTML?

Ответ:

&nbsp(1) HTML &nbsp

&nbsp(2) BODY &nbsp

&nbsp(3) HEAD &nbsp

&nbsp(4) CODE &nbsp



Упражнение 2:
Номер 1
Выберите самый крупный заголовок:

Ответ:

&nbsp(1) <h2>Заголовок</h2> &nbsp

&nbsp(2) <h3>Заголовок</h3> &nbsp

&nbsp(3) <h4>Заголовок</h4> &nbsp



Номер 2
Выберите самый мелкий заголовок из представленных ниже:

Ответ:

&nbsp(1) <h2>Заголовок</h2> &nbsp

&nbsp(2) <h3>Заголовок</h3> &nbsp

&nbsp(3) <h4>Заголовок</h4> &nbsp

&nbsp(4) <H5>Заголовок</H5> &nbsp



Номер 3
Как произвести выравнивание заголовка по обоим (левому и правому) краям?

Ответ:

&nbsp(1) <h2 align="justify"> &nbsp

&nbsp(2) <h2 align="left"> &nbsp

&nbsp(3) <h2 align="right"> &nbsp

&nbsp(4) <h2 align="center"> &nbsp



Упражнение 3:
Номер 3
Какой тег вставляет горизонтальную линейку?

Ответ:

&nbsp(1) BR &nbsp

&nbsp(2) P &nbsp

&nbsp(3) HR &nbsp

&nbsp(4) LINE &nbsp



Упражнение 4:
Номер 3
Сколько пустых строк введется между словами "hello" и "world" в коде <p>hello</p><p>world</p>?

Ответ:

&nbsp(1) 1&nbsp

&nbsp(2) 2&nbsp

&nbsp(3) 3&nbsp

&nbsp(4) 4&nbsp



Упражнение 5:
Номер 1
Какой атрибут тега BODY позволяет задать цвет фона страницы?

Ответ:

&nbsp(1) color &nbsp

&nbsp(2) set &nbsp

&nbsp(3) bgcolor &nbsp

&nbsp(4) clr &nbsp



Номер 2
Укажите вариант корректной установки цвета фона страницы?

Ответ:

&nbsp(1) <body bgcolor="yellow"> &nbsp

&nbsp(2) <body color="yellow"> &nbsp

&nbsp(3) <body cl="yellow"> &nbsp

&nbsp(4) <head bgcolor="yellow"> &nbsp



Номер 3
Какой тег определяет комментарий?

Ответ:

&nbsp(1) BR &nbsp

&nbsp(2) P &nbsp

&nbsp(3) <!-- --> &nbsp

&nbsp(4) <!> &nbsp



Ответы на тесты Интуит «Основы работы с HTML»



Выберите самый мелкий заголовок из представленных ниже:

  • <h3>Заголовок</h3>
  • (Правильный ответ) <H5>Заголовок</H5>
  • <h2>Заголовок</h2>
  • <h4>Заголовок</h4>

Сколько пустых строк введется между словами «hello» и «world» в коде <p>hello</p><p>world</p>?

  • 3
  • 2
  • 4
  • (Правильный ответ) 1

Какой тег определяет тело документа HTML?

  • HTML
  • HEAD
  • (Правильный ответ) BODY
  • CODE

Какой тег вставляет горизонтальную линейку?

  • P
  • BR
  • (Правильный ответ) HR
  • LINE

Какой тег определяет комментарий?

  • BR
  • (Правильный ответ) <!— —>
  • <!>
  • P

Какой тег определяет документ HTML?

  • (Правильный ответ) HTML
  • CODE
  • HEAD
  • BODY

Укажите вариант корректной установки цвета фона страницы?

  • <body cl=»yellow»>
  • <head bgcolor=»yellow»>
  • (Правильный ответ) <body bgcolor=»yellow»>
  • <body color=»yellow»>

Как добавить всплывающую подсказку для элемента INS?

  • <INS datetime=»1994-11-05T08:15:30-05:00″
    style=»text»>любой текст</INS>
  • (Правильный ответ) <INS datetime=»1994-11-05T08:15:30-05:00″
    title=»text»>любой текст</INS>
  • <INS datetime=»1994-11-05T08:15:30-05:00″
    cite=»text»>любой текст</INS>

В каком примере текст будет помечен как образец?

  • <STRONG>это образец</STRONG>
  • (Правильный ответ) <SAMP>это образец</SAMP>
  • <VAR>это образец</VAR>

В каком примере обозначен акроним?

  • (Правильный ответ) <ACRONYM title=»и так далее»>и тд.</ACRONYM>
  • <ABBR title=»Abbreviation»>abbr.</ABBR>
  • <CITE title=»World Wide Web»>WWW</CITE>

Как выделить переменную в тексте кода?

  • <P><KBD>var a;</KBD> это переменная
  • <P><CITE>var a;</CITE> это переменная
  • <P><ABBR>var a;</ABBR> это переменная
  • (Правильный ответ) <P><VAR>var a;</VAR> это переменная

В каком примере описан подиндекс?

  • (Правильный ответ) <SUB>этот текст отображен подиндексом</SUB>
  • <SUBINDEX>этот текст отображен надиндексом</SUBINDEX>
  • <SUP>этот текст отображен подиндексом</SUP>

Укажите вариант, в котором значение атрибута rows соответствует его значению по умолчанию:

  • <FRAMESET rows=»35%, 65%»>
  • (Правильный ответ) <FRAMESET rows=»100%»>
  • <FRAMESET rows=»25%, 75%»>

Какие разделы содержат набор фреймов?

  • <BODY>
  • (Правильный ответ) <FRAMESET>
  • <TITLE>

Определите корректно описанную последовательность вложенности элементов:

  • <BODY><FRAME></FRAME></BODY>
  • <BODY><FRAMESET></FRAMESET></BODY>
  • (Правильный ответ) <FRAMESET><FRAME></FRAMESET>

В каком элементе находится базовый URL c высшим приоритетом?

  • <META>
  • (Правильный ответ) <BASE>
  • <A>

В каком примере определяется гиперссылка и одновременно создается именованный якорь?

  • (Правильный ответ) <A name=»first» href=»http://www.intuit.ru/index.html»>…</A>
  • <A type=»first» href=»http://www.intuit.ru/index.html»>…</A>
  • <A rev=»first» href=»http://www.intuit.ru/index.html»>…</A>

Укажите вариант, в котором полоса прокрутки будет отображаться всегда:

  • <FRAME scrolling=»no»>
  • (Правильный ответ) <FRAME scrolling=»yes»>
  • <FRAME scrolling=»auto»>

В каком примере определена таблица фреймов с двумя строками и тремя столбцами?

  • <FRAMESET rows=»25%,65%,15%» cols=»50%,50%»>
  • <FRAMESET rows=»50%,50%» cols=»50%,50%»>
  • (Правильный ответ) <FRAMESET rows=»25%,75%» cols=»33%,34%,33%»>

Какой элемент позволяет описать базовый URL?

  • <LINK>
  • (Правильный ответ) <BASE>
  • <A>

Выберите корректно описанные гиперссылки:

  • (Правильный ответ) <A href=»http://www.intuit.ru/help»>
  • <HYPERLINK href=»http://www.intuit.ru/course.html#first»>
  • (Правильный ответ) <A href=»http://www.intuit.ru»>

Внутри какого элемента может присутствовать тег А?

  • (Правильный ответ) <BODY>
  • <HEAD>
  • <TITLE>

В какой таблице ширина промежутков между ячейками составит 20 пикселей?

  • (Правильный ответ)
    <table cellspacing=»»20″»> <tr > <td>text</td> <td>text</td> </tr></table>
  • <table gridspacing=»»20″»> <tr > <td>text</td> <td>text</td> </tr></table>
  • <table cellpadding=»»20″»> <tr > <td>text</td> <td>text</td> </tr></table>

Какой из приведенных фрагментов кода выводит таблицу с тремя строками?

  • <table><tr> <td></td> <td></td> <td></td></tr></table>
  • <table><tr> <td rowspan=3> </td></tr></table>
  • <table><tr> <td colspan=3> </td></tr></table>
  • (Правильный ответ)
    <table><tr> <td></td></tr><tr> <td></td></tr><tr> <td></td></tr></table>

В какой таблице текст выравнен по правому краю ячеек?

  • <table align=»»left»»> <tr align=»»right»»> <td>text</td> <td>text</td> </tr> <tr> <td>text</td> <td>text</td> </tr></table>
  • (Правильный ответ)
    <table align=»»left»»> <tr align=»»right»»> <td align=»»right»»>text</td> <td align=»»right»»>text</td> </tr> <tr align=»»left»»> <td align=»»right»»>text</td> <td align=»»right»»>text</td> </tr></table>
  • <table align=»»center»» width=»»300″»> <tr align=»»left»»> <td>text</td> <td>text</td> </tr> <tr> <td>text</td> <td>text</td> </tr></table>

В каких случаях атрибут выравнивания align имеет более высокий приоритет?

  • <TABLE align=»left»>
  • <COL align=»left»>
  • (Правильный ответ) <TH align=»left»>

Что определяет атрибут BORDER у элемента разметки TABLE?

  • вид границы
  • (Правильный ответ) ширину границы
  • ширину ячейки
  • расстояние между ячейками
  • расстояние от содержания до границы ячейки

В каких примерах корректно описан элемент TR?

  • <TR><TD>ячейка1</TR></TD>
  • (Правильный ответ) <TR><TH>ячейка1</TH><TH>ячейка2</TH></TR>
  • (Правильный ответ) <TR><TD>ячейка1</TD></TR>

Что определяет атрибут BACKGROUND у элемента разметки TABLE?

  • ширину ячейки
  • вид границы
  • (Правильный ответ) фоновое изображение
  • расстояние от содержания до границы ячейки
  • расстояние между ячейками

С какого элемента начинается список определений?

  • (Правильный ответ) <DL>
  • <UL>
  • <OL>

В каких примерах элементы неупорядоченного списка, маркируются пустыми кружками?

  • <OL type=»circle»>
  • <DL type=»circle»>
  • (Правильный ответ) <UL type=»circle»>

Как устанавливается номер текущего элемента списка?

  • <LI value=»i»>
  • (Правильный ответ) <LI value=»1″>
  • (Правильный ответ) <LI value=»10″>

В каком примере неупорядоченный список вложен в упорядоченный список?

  • <UL><LI> А<LI> Б<OL><LI> В<LI> Г</OL></UL>
  • <DL><DT> А<DD> Б<UL><LI> В<LI> Г</UL></DL>
  • (Правильный ответ)
    <OL><LI> А<LI> Б<UL><LI> В<LI> Г</UL></OL>

Какой из приведенных примеров нумерует список заглавнымии римскими цифрами?

  • <UL type=»i»>
  • (Правильный ответ) <OL type=»I»>
  • <DL type=»i»>

В каких примерах список определений использован корректно?

  • (Правильный ответ)
    <DL><DT> А<DD> Б<UL><LI> …первый элемент списка…<LI> …второй элемент списка…</UL></DL>
  • <DL><DT> А</DT><DD> Б</DD><DL><DT> В</DT><DD> Г</DD></DL></DL>
  • (Правильный ответ)
    <DL><DT>Hacker</DT><DD>a clever programmer</DD></DL>

Для выбора файла можно использовать код:

  • <form> Выбрать файл: <input file=»»checked»» size=»»80″»></form>
  • <form> Выбрать файл: <input type=»»url»» size=»»80″»></form>
  • (Правильный ответ)
    <form> Выбрать файл: <input type=»»file»» size=»»80″»></form>

Значение защищенного поля (пароля) тега input задается:

  • значением password атрибута user
  • (Правильный ответ) значением password атрибута type
  • атрибутом password

Отметьте верное утверждение:

  • (Правильный ответ) значение текстового поля тега input по умолчанию задается атрибутом value
  • ширина текстового поля тега input задается атрибутом length
  • минимальная ширина текстового поля тега input задается атрибутом minlength

Отметьте верные утверждения:

  • (Правильный ответ) максимальное количество символов разрешенных в тексте input задается атрибутом maxlength
  • ширина текстового поля тега input задается атрибутом width
  • (Правильный ответ) ширина текстового поля тега input задается атрибутом size

Отметьте верное

  • код textarea rows=»7″ cols=»30″ задает 6 видимых строк и 29 столбцов
  • (Правильный ответ) для описания текстовой многострочной области используется тег textarea
  • (Правильный ответ) количество видимых строк и столбцов текстовой многострочной области задаются атрибутами rows и cols

Как определить ссылку на полное описание изображения?

  • <A src=»sitemap.gif» longdesc=»http://www.intuit.ru/index.html»>
  • <APPLET src=»sitemap.gif» longdesc=»http://www.intuit.ru/index.html»>
  • <IFRAME src=»sitemap.gif» longdesc=»http://www.intuit.ru/index.html»>
  • (Правильный ответ) <IMG src=»sitemap.gif» longdesc=»http://www.intuit.ru/index.html»>

Укажите корректные примеры использования карт изображений:

  • (Правильный ответ) <AREA href=»search.html» alt=»Search» shape=»rect» coords=»184,0,276,28″>
  • (Правильный ответ) <AREA href=»guide.html» alt=»Access Guide» shape=»rect» coords=»0,0,118,28″>
  • (Правильный ответ) <AREA href=»shortcut.html» alt=»Go» shape=»circle» coords=»184,200,60″>
  • <AREA href=»top10.html» alt=»Top Ten» shape=»polygon» coords=»276,0,276,28,100,200,50,50,276,0″>

Какой тег описывает клиентские карты изображений?

  • <PARAM>
  • (Правильный ответ) <MAP>
  • <OBJECT>

Какой атрибут тега IMG определяет размещение ресурса изображения?

  • valign
  • align
  • (Правильный ответ) src

Как прижать объект к левому краю, чтобы последующий текст обтекал объект справа?

  • <IMG align=»justify»
  • (Правильный ответ) <IMG align=»left»>
  • <IMG align=»center»

В каком примере описан документ как набор фреймов?

  • <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN»
    «http://www.w3.org/TR/html4/strict.dtd»>
  • (Правильный ответ) <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN»
    «http://www.w3.org/TR/html4/frameset.dtd»>
  • <!DOCTYPE HTML PUBLIC «-//W3C//ENTITIES Symbols//EN//HTML»
    «http://www.w3.org/TR/html4/HTMLsymbol.ent»>

Выберите самый крупный заголовок:

  • <h4>Заголовок</h4>
  • (Правильный ответ) <h2>Заголовок</h2>
  • <h3>Заголовок</h3>

Укажите абсолютный URL:

  • (Правильный ответ)
    <A href=»http://www.intuit.ru/help/index.html#first»>
  • (Правильный ответ)
    <A href=»http://www.intuit.ru»>

  • <LINK href=»http://www.intuit.ru/course.html»>

С помощью какого элемента можно однократно установить целевой фрейм для нескольких ссылок?

  • (Правильный ответ) <BASE>
  • <FRAME>
  • <LINK>

Помощь с дистанционным обучением

Получи бесплатный расчет за 15 минут

Основы WEB программирования | Вопросы с ответами

Вопросы с ответами (тест) по дисциплине «Основы WEB программирования».

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.
+ <а HREF=»адрес файла»> IМG SRC=»imаgе.gif»>
— <а HREF=»imаgе.gif»>
— <а HREF=»адрес файла»> <IМG=»imаgе.gif»>
— <а HRF=»адрес файла»> <IМG=»imаgе.gif»>
— <а HREF=»адрес файла»> <IМG=»imаgе»>

2. Найдите ошибочное определение гиперссылки.
— <а HREF=»аlехfinе.htm» ТАRGЕТ=»lеft»> аlехfinе
+ <а ТАRGЕТ=»аlехfinе.htm» HREF=»nеw»> аlехfinе
— <а HREF=»аlехfinе.htm»> аlехfinе
— <а ТАRG=»аlехfinе.htm» HREF=»nеw»> аlехfinе
— <а HREF=»аlехfinе»> аlехfinе

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+ <tаblе сеllsрасing=»20″>
— <tаblе gridsрасing=»20″>
— <tаblе сеllраdding=»20″>
— <tаblе gridsрасing=»40″>
— <tаblе сеllраdding=»20p»>

4. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

8. Какой атрибут тега <iМg> задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

9. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? <bАse href=»/»<а»>httр://аlехfinе.ru»> <ВОDY> <А HRЕF=»dос1.html»>Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+ <ТН аlign=»lеft»>
— <СОL аlign=»lеft»>
— <ТАВIЕ аlign=»lеft»>
— <ОL аlign=»lеft»>
— <UL аlign=»lеft»>

12. Какой атрибут принадлежит тегу <АREА>?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

13. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— <А HREF=»#m1″>ссылка
— <А HREF=m1>ссылка
+ <А HREF=»2.html#m1″>ссылка
— <А HREF=m2>ссылка
— <А HREF=»2.html&&m1″>ссылка

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ <sСripТ Тype=»тип_языка_программирования»>текст программы
— <sСripТ nАМЕ=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»>текст программы
— <sСripТ lang=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»

16. Какой из приведенных фрагментов кода создает переключатель?
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>
+ <inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»2″>
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>

17. В какой таблице текст выровнен по центру ячеек?
— <tаblе аlign=»»сеntеr»» 300″»>
— <tаblе аlign=»»lеft»»>
+ нет правильного ответа
— <tаblе аlign=»»lеft»»>
— <tаblе аlign=»»right»»>

18. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

19. В каком примере корректно описан элемент ТR?
+ <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1ячейка2<ТD>
— <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1&ячейка2<ТD>
— <ТR> <ТD>ячейка1<TR>

20. Какой атрибут тега <iМg> указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

21. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

22. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

23. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

24. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

25. Какой из тэгов является тэгом нумерованного списка в HTML?
+ <ol>
— <il>
— <num>
— <nil>
— <numsp>

26. Каким тегом объявляется web-страница?
+ <html> </html>
— <head> </head>
— <title> </title>
— <body> </body>
— <bady> </body>

27. Каким тегом объявляется заголовок web-страницы?
— <html> </html>
+ <head> </head>
— <title> </title>
— <body> </body>
— <tutle> </tutle>

28. В какой тег заключается основное содержание web-страницы?
— <html> </html>
— <head> </head>
— <title> </title>
+ <body> </body>
— <hood> </hood>

29. В какой тег заключается название web-страницы?
— <html> </html>
— <head> </head>
+ <title> </title>
— <body> </body>
— <html> </html>

30. Какой код для пустой web-страницы правильный?
— <html> <head> <title> </head> <body> </body> </html>
+ <html> <head> <title> </title> </head> <body> </body> </html>
— <html> <head> <title> <body> </body> </html>
— <html> <head> <title> </title> </head> <body> </body>
— <html> <head> <title> </title> </head> <body> </body>

31. В каком коде абзац «Системы счисления» выровнен по центру
— <body> <h4 align = «center»> Системы счисления </h4> </body>
+ <body> <р align = «center»> Системы счисления </р> </body>
— <body> <font align = «center»> Системы счисления </font> </body>
— <body> <font align = «left»> Системы счисления </font> </body>
— <body> <font align = «right»> Системы счисления </font> </body>

32. Какой html -код задает вывод текста в две строки
— <p> Информационные <br> технологии </br></p>
— <p> <br> Информационные технологии </br></p>
+ <p> Информационные <br> технологии </p>
— <p> Информационные <br> технологии <br></br></p>
— <p> <br><br> Информационные технологии </br></p>

33. Каким тегом задается вставка изображения на web-страницу?
— <font color=»…»> </font>
+ <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

34. Каким тегом задается вставка гиперссылки на web-страницу?
— <font color=»…»> </font>
— <img src=»…»>
+ <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

35. Каким тегом задается цвет текста на web-странице?
+ <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <img color=»…»>

36. Каким тегом задается метка на web-странице?
— <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
+ <a name=»…»></a>
— <img color=»…»>

37. HTML (HYPER TEXT MARKUP LANGUAGE) является:
+ Одним из средств при создании Web-страниц
— Системой программирования
— Графическим редактором
— Системой управления базами данных
— Системой управления банком данных

38. Инструкция браузеру, указывающая способ отображения текста:
— Программный код
+ Тэг
— Файл
— Кегль
— Сервлет

39. Программа для создания Web-страницы с использованием языка HTML:
— MS Word
— Paint
— Калькулятор
+ Блокнот
— Браузер

40. Web-страница (документ HTML) представляет собой:
— Текстовый файл с расширением txt или doc
+ Текстовый файл с расширением htm или html
— Двоичный файл с расширением com или exe
— Графический файл с расширением gif или jpg
— Графический файл с расширением png или jpg

41. Программа для просмотра гипертекстовых страниц называется:
— Сервер
— Протокол
— HTML
+ Браузер
— Клиент

42. Способ организации информации на Web-сервере называется:
— Файлом
— Гиперссылкой
+ Web-сайтом
— Мультимедиа
— Мегассылкой

43. Гипертекст — это:
— Текст очень большого размера
— Текст, в котором используется шрифт большого размера
+ Структурированный текст, где возможны переходы по выделенным меткам
— Текст, в который вставлены объекты с большим объемом информации
— Текст, в который вставлены картинки большого размера

44. Гиперссылки на Web-странице могут обеспечить переход…
— только в пределах данной web-страницы
— только на web-страницы данного сервера
— на любую web-страницу данного региона
+ на любую web-страницу любого сервера Интернет
— только в пределах данного клиента

45. Тэг — это:
+ Инструкция браузеру, указывающая способ отображения текста
— Текст, в котором используются спецсимволы
— Указатель на другой файл или объект
— Фрагмент программы, включённой в состав Web-страницы
— Фрагмент программы, включённой в состав Сервлета

46. Какие тэги указывают браузеру, что это HTML документ?
— <body></body>
— <title></title>
— <p></p>
+ <html></html>
— <tutle></tutle>

47. Какие теги определяют видимую часть документа?
+ <body></body>
— <p></p>
— <html></html>
— <title></title>
+ <bady></bady>

48. Какие тэги помещают название документа в оглавление программы просмотра web-страниц?
+ <title></title>
— <body></body>
— <h2></h2>
— <img src=”name”>
— <h2n1></h2n1>

49. Какие тэги задают размер заголовка?
— <p></p>
— <img src=”name”>
— <body></body>
+ <h2></h2>
— <img size=”500px”>

50. Какие тэги создают гиперссылку на другие документы?
— <body></body>
— <p></p>
+ <a href=”URL”></a>
— <img src=”name”>
— <img rev=”name”>

51. Какие тэги создают абзац в документе?
+ <p></p>
— <body></body>
— <img src=”name”>
— <html></html>
— <ht></ht>

52. Какой тэг добавляет изображение в HTML документ?
— <title></title>
+ <img src=”name”>
— <html></html>
— <br>
— <bh>

53. Какой из вариантов содержит ошибку:
— <a href=”page.html”>Ссылка
— <a href=”page.html#17?>Ссылка
+ <a href=”page.html”#top>Ссылка
— <a href=”page.html#top”>Ссылка
— Нет правильного ответа

54. Размер окна браузера 1000 пикселей. На страницу добавили блок с шириной 40%.
Затем в этот блок добавили таблицу с шириной 50%. Какова будет ширина таблица в пикселях?
— 215 пикселей
— 250 пикселей.
— 500 пикселей.
+ 200 пикселей.
— Нет правильного ответа

55. Требуется написать химическую формулу тетрасульфида димышьяка (As2S4). Каким образом это можно сделать?
— As<sup>2S<sup>4
— As<pow>2S<pow>4
+ As<sub>2S<sub>4
— As<sup>2S<sup>4
— Нет правильного ответа

56. Какой из представленных вариантов является валидным по XHTML 1.1:
+ <img src=”foto.jpg” alt=”Изображение” />
— <img src=”foto.jpg” title=”Изображение”>
— <img src=”foto.jpg” alt=”Изображение”>
— <img src=”foto.jpg” title=”Изображение” />
— Нет правильного ответа

57. Какой из представленных ниже HTML-кодов НЕ является валидным XHTML 1.1:
+ <u>Подчёркнутый текст</u>
— <i>Курсив</i>
— <p>Текст</p>
— <p style=”font-size: 1000%;”>Текст</p>
— Нет правильного ответа

58. Какой тег нужно добавить для переноса строки, сохранив при этом валидность XHTML 1.1?
— <hr />
— <hr>
+ <br />
— <br>
— Нет правильного ответа

59. Необходимо сделать ширину таблицы на всю страницу (либо родительского контейнера). Как ему нужно написать тег <table>?
— <table>
+ <table width=”100%”>
— <table width=”auto”>
— <table width=”100?>
— Нет правильного ответа

60. На сайте внутри папки pages находится файл page.html. А внутри папки images находится файл foto.jpg. Причём папки images и pages лежат в корне сайта.
Как правильно написать путь к foto.jpg из файла page.html:
— pages/images/foto.jpg
+ ../images/foto.jpg
— ../images/pages/foto.jpg
— images/foto.jpg
— Нет правильного ответа

61. Какую конструкцию необходимо использовать, чтобы появлялась всплывающая подсказка с текстом “Подсказка”.
Какой валидный код XHTML 1.1 для этого используется?
— <img src=”foto.jpg” alt=”Подсказка” />
— <img src=”foto.jpg” alt=”Подсказка” title=”Изображение” />
+ <img src=”foto.jpg” alt=”Изображение” title=”Подсказка” />
— <img src=”foto.jpg” title=”Подсказка” />
— Нет правильного ответа

62. Как правильно задать ссылку на адрес электронной почты:
— <a href=”email:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— <a href=”Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— <a href=”mail:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
+ <a href=”mailto:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— Нет правильного ответа

63. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+ <tаblе сеllsрасing=»20″>
— <tаblе gridsрасing=»20″>
— <tаblе сеllраdding=»20″>
— <tаblе gridsрасing=»40″>
— <tаblе сеllраdding=»20p»>

64. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

65. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

66. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

67. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

68. Какой атрибут тега <iМg> задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

69. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

70. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? <bАse href=»/»<а»>httр://аlехfinе.ru»> <ВОDY> <А HRЕF=»dос1.html»>Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

71. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+ <ТН аlign=»lеft»>
— <СОL аlign=»lеft»>
— <ТАВIЕ аlign=»lеft»>
— <ОL аlign=»lеft»>
— <UL аlign=»lеft»>

72. Какой атрибут принадлежит тегу <АREА>?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

73. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

74. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— <А HREF=»#m1″>ссылка
— <А HREF=m1>ссылка
+ <А HREF=»2.html#m1″>ссылка
— <А HREF=m2>ссылка
— <А HREF=»2.html&&m1″>ссылка

75. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ <sСripТ Тype=»тип_языка_программирования»>текст программы
— <sСripТ nАМЕ=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»>текст программы
— <sСripТ lang=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»

76. Какой из приведенных фрагментов кода создает переключатель?
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>
+ <inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»2″>
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>

77. В какой таблице текст выровнен по центру ячеек?
— <tаblе аlign=»»сеntеr»» 300″»>
— <tаblе аlign=»»lеft»»>
+ нет правильного ответа
— <tаblе аlign=»»lеft»»>
— <tаblе аlign=»»right»»>

78. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

79. В каком примере корректно описан элемент ТR?
+ <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1ячейка2<ТD>
— <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1&ячейка2<ТD>
— <ТR> <ТD>ячейка1<TR>

80. Какой атрибут тега <iМg> указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

81. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

82. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

83. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

84. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

85. Какой из тэгов является тэгом нумерованного списка в HTML?
+ <ol>
— <il>
— <num>
— <nil>
— <numsp>

86. Каким тегом объявляется web-страница?
+ <html> </html>
— <head> </head>
— <title> </title>
— <body> </body>
— <bady> </body>

87. Каким тегом объявляется заголовок web-страницы?
— <html> </html>
+ <head> </head>
— <title> </title>
— <body> </body>
— <tutle> </tutle>

88. В какой тег заключается основное содержание web-страницы?
— <html> </html>
— <head> </head>
— <title> </title>
+ <body> </body>
— <hood> </hood>

89. В какой тег заключается название web-страницы?
— <html> </html>
— <head> </head>
+ <title> </title>
— <body> </body>
— <html> </html>

90. Какой код для пустой web-страницы правильный?
— <html> <head> <title> </head> <body> </body> </html>
+ <html> <head> <title> </title> </head> <body> </body> </html>
— <html> <head> <title> <body> </body> </html>
— <html> <head> <title> </title> </head> <body> </body>
— <html> <head> <title> </title> </head> <body> </body>

91. В каком коде абзац «Системы счисления» выровнен по центру
— <body> <h4 align = «center»> Системы счисления </h4> </body>
+ <body> <р align = «center»> Системы счисления </р> </body>
— <body> <font align = «center»> Системы счисления </font> </body>
— <body> <font align = «left»> Системы счисления </font> </body>
— <body> <font align = «right»> Системы счисления </font> </body>

92. Какой html -код задает вывод текста в две строки
— <p> Информационные <br> технологии </br></p>
— <p> <br> Информационные технологии </br></p>
+ <p> Информационные <br> технологии </p>
— <p> Информационные <br> технологии <br></br></p>
— <p> <br><br> Информационные технологии </br></p>

93. Каким тегом задается вставка изображения на web-страницу?
— <font color=»…»> </font>
+ <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

94. Каким тегом задается вставка гиперссылки на web-страницу?
— <font color=»…»> </font>
— <img src=»…»>
+ <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

95. Каким тегом задается цвет текста на web-странице?
+ <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <img color=»…»>

96. Каким тегом задается метка на web-странице?
— <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
+ <a name=»…»></a>
— <img color=»…»>

97. HTML (HYPER TEXT MARKUP LANGUAGE) является:
+ Одним из средств при создании Web-страниц
— Системой программирования
— Графическим редактором
— Системой управления базами данных
— Системой управления банком данных

98. Инструкция браузеру, указывающая способ отображения текста:
— Программный код
+ Тэг
— Файл
— Кегль
— Сервлет

99. Программа для создания Web-страницы с использованием языка HTML:
— MS Word
— Paint
— Калькулятор
+ Блокнот
— Браузер

100. Web-страница (документ HTML) представляет собой:
— Текстовый файл с расширением txt или doc
+ Текстовый файл с расширением htm или html
— Двоичный файл с расширением com или exe
— Графический файл с расширением gif или jpg
— Графический файл с расширением png или jpg

Комментарии:

Добавить комментарий

Скелет HTML-документа | Марафон HTML+CSS

HTML-документ состоит из «дерева» тегов. Далее приведён минимально необходимый набор тегов, который служит основой любого HTML-документа, как фундамент для дома.

Объявление типа документа#

<!DOCTYPE > — это не тег, а обязательная инструкция объявления типа документа. Она нужна для того, чтобы сообщить браузеру в какой версии HTML написан документ.

По доктайпу браузер определяет версию HTML и правильно отображает страницу. Объявление типа документа должно быть самым первым что видит браузер во время обработки HTML-документа.

Раньше у HTML были версии, последняя это HTML5. Сейчас HTML Living Standard это единая спецификация языка HTML в которой отказались от версий, она просто обновляется. Если говорят о HTML5, то это тоже самое что «современный HTML» или HTML Living Standard, только короче.

Элементы верхнего уровня#

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

Тег

<html>#

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

Атрибут lang указывает на каком языке написан текст страницы. Это необходимо для ассистивных технологий, таких как скринридеры и т. п.

Тег

<head>#

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

Тег

<body>#

Содержит контент будущей веб-страницы. Контент, который должен отображаться на странице, следует располагать именно внутри этого тега.

Теги заголовка документа#

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

Заголовок страницы#

Текст размещенный внутри тега <title> отображается во вкладке браузера. Длина заголовка должна быть не более 60 символов, чтобы полностью поместиться в заголовке. Текст заголовка должен содержать краткое описание содержимого веб-страницы.

Метаданные#

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

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

Краткое описание содержания помогает поисковым системам лучше проиндексировать страницу.

Мета-теги которые понимает Google

Поток документа#

Поток это вертикальный и горизонтальный порядок отображения элементов на странице. Вертикально поток идёт сверху вниз, и, по умолчанию, элементы отображаются на странице в том порядке, в котором они указаны в HTML-документе. Горизонтально поток идёт слева направо (или справа налево, для восточных стран).

Все элементы, без исключения, это прямоугольные области занимающие определённое место в так называемых «строках», как слова предложения на листе в линейку. Есть два основных типа элементов — блочные и строчные.

Блочный элемент (block-level element) — занимает всю строку целиком, вне зависимости от объёма его контента, поэтому несколько блочных элементов визуально идут друг за другом сверху вниз.

Строчный элемент (inline element) — занимает место по своему содержимому, поэтому несколько строчных элементов могут располагаться на одной строке. Когда в строке не хватает места для вмещения строчного элемента, он переносится на новую.

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

Строение тела документа | Учебник HTML5

Строение тела документа.

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

Большинство уже рассмотренных элементов нужны для определения структуры HTML-документа, которую смогут распознать любые браузеры и новые устройства. Мы узнали, что с помощью тега <body> объявляется тело видимой части документа, тег <header> включает в себя важную информацию о теле, тег <nav> определяет средства навигации, тег <section> описывает содержимое самого документа, а в теги <aside> и <footer> заключается вспомогательная информация. Но ни один из указанных элементов не объявляет непосредственно содержимое документа. Все они относятся исключительно к описанию структуры документа.

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

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

<link rel=»stylesheet» href=»mystyles. css»>

</head>

<body>

<header>

<h2>Это главный заголовок веб-сайта</h2>

</header>

<nav>

<ul>

<li>домой</li>

<Н>фотографии</Н>

<li>видео</li>

<Н>контакты</Н>

</ul>

</nav>

<section>

<article>

Это текст моей первой статьи </article>

<article>

Этот текст моей второй статьи </article>

</section>

<aside>

<blockquote>Статья номер 1</blockquote>

<blockquote>Статья номер 2</blockquote>

</aside>

<footer>

Copyright &copy; 2010-2011 </footer>

</body>

</html>

Как вы видите в коде листинга 1.15, теги <article> располагаются между тегами <section> — статьи принадлежат разделу, частью которого они являются. Можно сказать, что тег <article> — дочерний элемент тега <section>, так же как все элементы внутри тега <body> являются дочерними элементами тела документа. Как и все дочерние элементы тела документа, теги <article> следуют один за другим, так как они независимы друг от друга, что и показано на рис. 1.4.

повторяем основы-

Как уже говорилось, документ HTML имеет древовидную структуру, корнем которой является элемент <html>. Элемент структуры может быть предком, потомком или братом другого элемента, в зависимости от того, какое место относительно друг друга они занимают в дереве. Например, в обычном HTML-документе элемент <body> является потомком элемента <html> и братом элемента <head>. Для обоих элементов, <body> и <head>, элемент <html> является родителем или предком.

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

Группирует связанные друг с другом фрагменты информации, независимо от характера этой информации.

<header> «/header>

<nav> </nav>

Как любая независимая часть документа, содержимое каждого элемента <article> обладает собственной структурой. При определении этой структуры мы можем пользоваться преимуществами, которые дает нам универсальность тегов <header> и <footer>, рассмотренных ранее. Это переносимые теги, и их можно использовать не только в теле документа, но и внутри любого его раздела.

Листинг 1.16. Построение структуры элемента <article>

<! DOCTYPE html>

<html lang=»ru»>

<head>

<meta charset=»utf-8″>

<link rel=»stylesheet» href=»mystyles. css»>

</head>

<body>

<header>

<h2>Это главный заголовок веб-сайта</h2>

</header>

<nav>

<ul>

<li>домой</li>

<Н>фотографии</Н>

<li>видео</li>

<li>контакты</li>

</ul>

</nav>

<section>

<article>

<header>

h2>Заголовок статьи 1</h2>

</header>

Это текст моей первой статьи <footer>

<р>комментарии (0)</p>

</footer>

</article>

<article>

<header>

h2>Заголовок статьи 2</h2>

</header>

Это текст моей второй статьи <footer>

<р>комментарии (0)</p>

</footer>

</article>

</section>

<aside>

<blockquote>Статья номер 1</blockquote>

<blockquote>Статья номер 2</blockquote>

</aside>

<footer>

Copyright &copy; 2010-2011 </footer>

</body>

</html>

Обе статьи в листинге 1.16 описаны с помощью элемента <article>, и у каждой статьи задана своя структура. Вначале определен тег <header> с заголовком <h2>. Далее идет основное содержимое, то есть текст статьи. Завершает каждую статью тег <footer> с указанием количества комментариев.

<hgroup>

Внутри каждого элемента <header> — в начале тела документа и в начале каждой статьи — мы использовали тег <h2> для описания заголовка. В принципе, тега <h2> достаточно для создания заголовка части документа. Но иногда нам нужно добавить подзаголовок или другую вспомогательную информацию, чтобы пояснить назначение веб-страницы или какого-то ее раздела. Очень удобно, что элемент <header> может содержать другие элементы, например: оглавление, формы поиска, короткие текстовые фрагменты и логотипы.

Для создания заголовков мы можем использовать теги <h>: <h2>, <h3>, <h4>, <h5>, <h5> и <h6>. Однако для ускорения обработки документа и для того, чтобы во время его интерпретации не создавались множественные разделы и подразделы, эти теги необходимо группировать. Для этого в HTML5 используется элемент <hgroup>.

Листинг 1.17. Использование элемента <hgroup>

<! DOCTYPE html>

<html lang=»ru»>

<head>

<meta charset=»utf-8″>

<meta name=»description» content=»Это пример HTML5″>

<link rel=»stylesheet» href=»mystyles. css»> </head>

<body>

<header>

<h2>Это главный заголовок веб-сайта</h2> </header>

<nav>

<ul>

<li>домой</li>

<Н>фотографии</Н>

<li>видео</li>

<li>контакты</li>

</ul>

</nav>

<section>

<article>

<header>

<hgroup>

<h2>Заголовок статьи 1</h2> <h3>подзаголовок статьи 1</h3> </hgroup>

<p>опубликовано 10.12.2011</p> </header>

Это текст моей первой статьи <footer>

<p>комментарии (0)</p>

</footer>

</article>

<article>

<header>

<hgroup>

<1п1>Заголовок статьи 2</h2> <h3>подзаголовок статьи 2</h3> </hgroup>

<p>опубликовано 15.12.2011</p> </header>

Это текст моей второй статьи <footer>

<p>комментарии (0)</p>

</footer>

</article>

</section>

<aside>

<blockquote>Статья номер 1</blockquote>

<blockquote>Статья номер 2</blockquote>

</aside>

<footer>

Copyright &copy; 2010-2011 </footer>

</body>

</html>

Необходимо соблюдать иерархию тегов <h>, то есть сначала должен быть объявлен тег <h2>, затем для подзаголовка тег <h3> и т. д. Но в отличие от предыдущих версий HTML, в HTML5 теги <h> можно использовать в каждом разделе и заново строить такую иерархию. В листинге 1.17 мы добавили подзаголовок и метаданные в каждую статью и сгруппировали заголовок и подзаголовок с помощью <hgroup>. Иерархия тегов <h2> и <h3> используется в каждом элементе <article>.

Элемент <hgroup> следует добавлять только в том случае, если в одном теге <header> есть заголовки разных уровней.

Данный элемент может содержать только теги <h> — вот почему в нашем примере метаданные находятся за его пределами. Если в вашем коде используется только тег <h2> или тег <h2> с метаданными, то эти элементы группировать не нужно. Например, в заголовке тела документа элемент <hgroup> отсутствует, потому что элемент <h> только один. Элемент <hgroup> предназначен исключительно для группировки тегов <h>, на что и указывает его название.

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

привести к формированию нескольких концептуальных разделов. Элемент <hgroup> был создан специально для группировки тегов <h>, чтобы избежать ошибок интерпретации HTML-кода браузерами.

повторяем основы-

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

<figure> и <figcaption>

Элемент <figure> предназначен для более точного определения содержимого документа. До его появления невозможно было объявить содержимое, которое представляет собой изолированную частью документа: иллюстрации, рисунки, видео и т. п. Как правило, такие элементы являются частью основного раздела, но их можно спокойно удалять из документа, не нарушая его структуру. Если такая информация присутствует в документе, то она определяется тегом <figure>.

Листинг 1.18. Использование элементов <figure> и <figcaption>

<! DOCTYPE html>

<html lang=»ru»>

<head>

<meta charset=»utf-8″>

<meta name=»description» content=»Это пример HTML5″>

<link rel=»stylesheet» href=»mystyles. css»>

</head>

<body>

<header>

<h2>Это главный заголовок веб-сайта</h2>

</header>

<nav>

<ul>

<li>домой</li>

<Н>фотографии</Н>

<li>видео</li>

<Н>контакты</Н>

</ul>

</nav>

<section>

<article>

<header>

<hgroup>

<h2>Заголовок статьи 1</h2>

<h3>подзаголовок статьи 1</h3>

</hgroup>

<р>опубликовано 10.12.2011</p>

</header>

Это текст моей первой статьи <figure>

<img src=»http://minkbooks.com/content/myimage.jpg»> <figcaption>

Это изображение для первой статьи </figcaption>

</figure>

<footer>

<р>комментарии (0)</p>

</footer>

</article>

<article>

<header>

<hgroup>

<h2>Заголовок статьи 2</h2>

<h3>подзаголовок статьи 2</h3>

</hgroup>

<р>опубликовано 15.12.2011</p>

</header>

Это текст моей второй статьи <footer>

<р>комментарии (0)</p>

</footer>

</article>

</section>

<aside>

<blockquote>Статья номер 1</blockquote> <blockquote>Статья номер 2</blockquote>

</aside>

<footer>

Copyright &copy; 2010-2011 </footer>

</body>

</html>

В листинге 1.18 в первой статье сразу после текста мы добавили изображение (<img src=»http://minkbooks.com/content/myimage.jpg»>). Это

Распространенный прием, текст часто сопровождается изображениями или видео. Теги <figure> определяют эти визуальные дополнения и помогают отличать их от остальной информации документа.

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

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

HTML: тег


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

Описание

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

Синтаксис

В HTML синтаксис тега :

  <тело>
  

Атрибуты

В дополнение к глобальным атрибутам, ниже приводится список атрибутов, относящихся к тегу :

Атрибут Описание Совместимость с HTML
alink Цвет текста выбранных гиперссылок Устарело в HTML 4.01, Устарело в HTML5, используйте CSS
фон Изображение для использования в качестве фона Устарело в HTML 4.01, Устарело в HTM L5, используйте CSS
bgcolor Цвет фона Устарело в HTML 4.01, Устарело в HTML5, используйте CSS
ссылка Цвет текста непосещенных гиперссылок Устарело в HTML 4.01, Устарело в HTML5, используйте CSS
после печати Функция вызова пользователя распечатала документ HTML5
до отпечатка Функция для вызова, когда пользователь запрашивает распечатку документа HTML5
до выгрузки Функция вызова при выгрузке документа HTML5
onblur Функция для вызова, когда документ потерял фокус HTML5
ошибка Функция для вызова при сбое документа HTML5
onfocus Функция для вызова, когда документ находится в фокусе HTML5
в обмен на Функция для вызова, когда часть идентификатора фрагмента адреса документа изменилась HTML5
загрузка Функция для вызова при загрузке документа HTML5
в сообщении Функция для вызова, когда документ получил сообщение HTML5
в сети Функция вызова при сбое связи по сети HTML5
онлайн Функция вызова при восстановлении связи в сети HTML5
onpopstate Функция для вызова, когда пользователь просматривает историю сеансов HTML5
дальше Функция, вызываемая при переходе пользователя вперед в истории отмен HTML5
по размеру Функция, вызываемая при изменении размера документа HTML5
на складе Функция вызова при изменении области хранения HTML5
онундо Функция для вызова, когда пользователь переместился назад в истории отмены HTML5
под нагрузкой Функция для вызова при выгрузке документа HTML5
текст Цвет текста переднего плана Устарело в HTML 4.01, Устарело в HTML5, используйте CSS
vlink Цвет текста посещенных гиперссылок Устарело в HTML 4.01, Устарело в HTML5, используйте CSS

Примечание

  • HTML-элемент находится внутри тега .
  • Наиболее распространенными элементами, помещаемыми в тег HTML , являются: теги

    ,

    ,

    , .

    Совместимость с браузером

    Тег имеет базовую поддержку в следующих браузерах:

    • Хром
    • Android
    • Firefox (Gecko)
    • Firefox Mobile (Gecko)
    • Internet Explorer (IE)
    • Edge Mobile
    • Opera
    • Opera Mobile
    • Safari (WebKit)
    • Мобильный Safari

    Пример

    Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

    Документ HTML5

    Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть так:

      
    
    
    
    
     Пример HTML5 от www.techonthenet.com 
    
    
    
     

    Заголовок

    Это содержание.

    В этом примере документа HTML5 тег содержит два элемента — заголовок в теге

    и абзац в теге

    .

    HTML 4.01 Переходный документ

    Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть так:

      
    
    
    
    
     HTML 4.01 Transitional Example by www.techonthenet.com 
    
    
    
     

    Заголовок

    Это содержание.

    В этом примере переходного документа HTML 4.01 тег содержит два элемента — заголовок в теге

    и абзац в теге

    .

    Переходный документ XHTML 1.0

    Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть так:

      
    
    
    
    
     Переходный пример XHTML 1.0 
    
    
    
     

    Заголовок

    Это содержание.

    В этом примере переходного документа XHTML 1.0 тег содержит два элемента — заголовок в теге

    и абзац в теге

    .

    Строгий документ XHTML 1.0

    Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть так:

      
    
    
    
    
     Строгий пример XHTML 1.0 от www.techonthenet.com 
    
    
    
     

    Заголовок

    Это содержание.

    В этом примере XHTML 1.0 Strict Document тег содержит два элемента — заголовок в теге

    и абзац в теге

    .

    XHTML 1.1 Документ

    Если вы создали новую веб-страницу в XHTML 1.1, ваш тег может выглядеть так:

      
    
    
    
    
     XHTML 1.1 Пример с сайта www.techonthenet.com 
    
    
    
     

    Заголовок

    Это содержание.

    В этом примере документа XHTML 1.1 тег содержит два элемента — заголовок в теге

    и абзац в теге

    .

    HTML-тег

    HTML-тег

    Тег определяет содержимое веб-страницы (текст, изображения, ссылки и т. Д.)). Он помещается внутри элемента после элемента . В HTML-документе мы можем использовать только один тег .

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

    Синтаксис¶

    Тег состоит из пар. Контент записывается между открывающим () и закрывающим () тегами.

    Пример HTML-тега

    : ¶
      
    
      
         Название документа 
      
      
        

    Содержание документа

    Попробуйте сами »

    Результат¶

    Пример тега HTML

    , используемого со свойствами цвета и высоты строки CSS: ¶
      
    
      
         Название документа 
        <стиль>
          тело {
            цвет: # 444444;
            высота строки: 1.5;
          }
        
      
      
         

    Пример тега HTML body

    Lorem ipsum, или «lipsum», как его иногда называют, - это фиктивный текст, используемый при разметке печатных, графических или веб-дизайнов. Этот отрывок приписывается неизвестному наборщику 15 века, который, как полагают, скремблировал отрывки из книги Цицерона De Finibus Bonorum et Malorum для использования в сборнике образцов шрифта.

    Попробуйте сами »

    Атрибуты¶

    Тег поддерживает глобальные атрибуты и атрибуты событий.

    Как стилизовать тег

    ?

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

    :
    • Свойство CSS font-style устанавливает стиль шрифта. нормальный | курсив | косой | начальная | наследовать.
    • Свойство CSS font-family определяет приоритетный список из одного или нескольких названий семейств шрифтов и / или родовых названий семейств для выбранного элемента.
    • Свойство CSS font-size устанавливает размер шрифта.
    • Свойство CSS font-weight определяет, должен ли шрифт быть жирным или толстым.
    • Свойство CSS text-transform управляет регистром текста и заглавными буквами.
    • Свойство CSS text-decoration задает украшение, добавленное к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

    Раскрашивание текста в теге

    :
    • Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.
    • Свойство CSS background-color устанавливает цвет фона элемента.

    Стили макета текста для тега

    :
    • Свойство CSS text-indent определяет отступ первой строки в текстовом блоке.
    • Свойство CSS text-overflow указывает, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается.
    • CSS свойство white-space определяет, как обрабатывается белое пространство внутри элемента.
    • Свойство CSS word-break определяет, где строки должны быть разорваны.

    Другие свойства, на которые стоит обратить внимание по тегу

    :


    Спасибо за ваш отзыв!

    Считаете ли вы это полезным? Да Нет


    Статьи по теме

    Мы используем файлы cookie для улучшения взаимодействия с пользователем и анализа посещаемости веб-сайта.Принимаю

    HTML-тег тела

    — javatpoint

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

    должен быть вторым элементом после тега или должен быть помещен между тегами и . Этот тег требуется для каждого HTML-документа и должен использоваться только один раз во всем HTML-документе.

    Синтаксис

    Разместите здесь свой Контент ……..

    Ниже приведены некоторые характеристики тега

    Дисплей Рядный
    Начальный тег / Конечный тег И начальный, и конечный тег
    Использование Строительный

    Пример

    Тег тела

    Пример тега body

    Этот абзац написан между тегом body

    Проверить это сейчас

    Выход:

    Атрибут

    Атрибуты, специфичные для тегов

    Атрибут Значение Описание
    Алинк цвет Определяет цвет активной ссылки в документе.(Не поддерживается в HTML5)
    фон URL Определяет фоновое изображение для документа. (Не поддерживается в HTML5)
    bgcolor цвет Определяет цвет фона содержимого. (Не поддерживается в HTML5)
    ссылка цвет Определяет цвет непосещенной ссылки. (Не поддерживается в HTML5)
    текст цвет Определяет цвет текста в документе.(Не поддерживается в HTML5)
    vlink цвет Определяет цвет посещенной ссылки. (Не поддерживается в HTML5)
    загрузка Вызов функции при загрузке страницы
    под нагрузкой Вызов функции, когда пользователь покидает страницу
    onfocus Вызов функции, когда документ получает фокус пользователя.
    onblur Вызов функции, когда документ теряет фокус пользователем.

    Глобальный атрибут

    Атрибут поддерживает глобальный атрибут в HTML.

    Атрибут события

    Атрибут поддерживает атрибуты событий в HTML.

    Поддерживающие браузеры

    HTML-тег

    — GeeksforGeeks

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

    Синтаксис:

    Вниманию читателя! Не прекращайте учиться сейчас. Освойте все важные концепции HTML с помощью Web Design for Beginners | Курс HTML .

      Содержимое тела ...  

    Атрибуты: В теге есть много атрибутов, которые обесцениваются по сравнению с HTML5, и перечислены ниже:

    • фон : Он содержит URL-адрес фонового изображения.Он используется для установки фонового изображения.
    • bgcolor : Используется для указания цвета фона изображения.
    • alink : Используется для указания цвета активной ссылки.
    • ссылка : Используется для указания цвета посещенных ссылок.
    • текст : Определяет цвет текста в документе.
    • vlink : Определяет цвет посещенных ссылок.

    Пример: Использование тега HTML body. Все содержимое помещается внутри тега body.



    HTML

    < html >

    <

    0

    корпус h2 > GeeksforGeeks h2 >

    < h3 > тег тела h3 >


    03 p < p > Это текст абзаца p >

    корпус >

    html >

    Выход:

    Пример 2: Пример для sh Следите за функционированием тега Body вместе с его реализацией CSS.

    HTML

    < html >

    < корпус стиль = цвет фона- : seagreen " >

    < h2 > GeeksforGeeks h2 >

    < h3 > Тег тела HTML h3 >

    < p > Это тег раздела p >

    корпус >

    < / html >

    Выход:

    Поддерживаемые браузеры:

    • Google Chrome
    • Internet Explorer
    • Firefox
    • Opera
    • Safari

    HTML-тег body - Studytonight

    HTML tag используется для определения основного раздела HTML-документа.Тег содержит основное содержимое документа . Тег помещается после закрывающего тега . Это один из тегов HTML по умолчанию, который используется при создании документа HTML.

    • Тег включает текста, , изображений, , гиперссылок, , списков , абзацев, , заголовков, и т. Д., и все остальное, что может быть частью веб-страницы HTML.

    • Тег , - это , второй прямой дочерний элемент элемента HTML (тег ), второй после тега .

    • Тег используется для отображения основного содержимого веб-сайта , которое видно посетителям, посещающим веб-сайт в браузере. Важно отметить, что вы не можете использовать несколько пар тегов внутри одного HTML-документа.

    Все, что вы видите на веб-странице в окне браузера, находится внутри тега .

    HTML

    Тег - синтаксис и использование

    Для тега требуются как открывающий (начальный) тег , так и закрывающий (конечный) тег .

    Ниже приведен синтаксис для использования тега :

      <тело>
        
      

    HTML

    Атрибуты тега

    HTML тег поддерживает глобальные атрибуты и атрибуты событий, а некоторые из общих атрибутов событий приведены ниже:

    Атрибут Описание
    после печати Он вызывает функцию после того, как пользователь напечатал документ.
    до отпечатка Он вызывает функцию, когда пользователь запрашивает печать документа.
    перед выгрузкой Он вызывает функцию, когда документ готовится к выгрузке.
    на хэш-обмене Он вызывает функцию, когда хеш-часть URL-адреса изменяется для текущей веб-страницы. Например, если studytonight.com/code/html/web-beginner#1 изменится на studytonight.com / code / html / web-beginner # 2
    под нагрузкой Он вызывает функцию, когда страница завершает загрузку.
    onfocus Он используется для вызова функции, когда посетитель фокусируется на текущей странице.
    без нагрузки Используется для вызова функции, когда посетитель покидает страницу.
    Размытие Он используется для вызова функции, когда веб-страница теряет фокус.
    ошибка : этот атрибут используется для вызова функции, когда веб-страница не загружается.
    в сообщении Он используется для вызова функции, когда документ получил сообщение.
    по размеру Используется для вызова функции при изменении размера документа.
    дальше Он используется для вызова функции, когда пользователь продвинулся вперед в истории отмены транзакций.
    onlanguagechange Этот атрибут используется для вызова функции при изменении предпочтительного языка.
    на складе Этот атрибут используется для вызова функции при изменении области хранения.
    наундо Он используется для вызова функции, когда пользователь переместился назад в истории отмены транзакций.
    в сети Вызывает функцию при потере интернет-соединения.
    онлайн Вызывает функцию при восстановлении интернет-соединения.

    В HTML 4 были некоторые другие атрибуты, такие как rightmargin , topmargin , leftmargin , bottommargin , vlink , ссылка , текст и т. Д., Доступные в тег, но они были устаревшими в HTML 5 .

    HTML

    Базовый пример тега

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

    Стиль CSS по умолчанию для HTML

    тег

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

      кузов
    {
        дисплей: блок;
        маржа: 8 пикселей;
    }  

    Браузер Поддержка тега HTML

    Все браузеры поддерживают его , тем не менее, для этого раздела следующие браузеры поддерживают этот атрибут:

    • Firefox 1+

    • Google Chrome 1+

    • Internet Explorer 2+

    • Apple Safari 1+

    • Opera 2.1+



    Что такое HTML-теги и как их использовать?

    Что такое элементы HTML?

    Элементы - это строительные блоки HTML, которые описывают структуру и содержимое веб-страницы. Они являются «разметкой» языка разметки гипертекста (HTML).

    В синтаксисе HTML угловые скобки («<» и «>») используются для хранения имени элемента HTML. Элементы обычно имеют открывающий тег и закрывающий тег и предоставляют информацию о содержимом, которое они содержат.Разница между ними в том, что закрывающий тег имеет косую черту.

    Давайте рассмотрим некоторые конкретные примеры тегов HTML.

    p Элемент

    Тег

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

    Использование

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

    Пример

      
      
         Пример абзаца 
      
      
        

    Это абзац. Это первый из многих.

    Это еще один абзац. Он появится в отдельной строке.

    Вы также можете вложить элемент привязки в абзац.

    Пример

      

    Вот ссылка на freeCodeCamp .

    Элементы заголовка

    Есть шесть элементов заголовка -

    ,

    ,

    ,
    ,
    ,
    .

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

    Например,

    Элемент

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

    элементы имеют меньшую важность и должны быть ниже элемента более высокого уровня

    .

    Пример

      

    Это основной заголовок.

    Это подзаголовок h3.

    Это подзаголовок h4.

    Это подзаголовок h5.
    Это подзаголовок h5.
    Это подзаголовок h6.

    a Элемент

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

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

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

    • Непосещенная ссылка подчеркнута и синего цвета
    • Посещенная ссылка подчеркнута и фиолетового цвета
    • Активная ссылка подчеркнута и красного цвета

    Примеры

      freeCodeCamp 
      

    Вы также можете создать ссылку на другой раздел на той же странице:

       

    В начало

    Изображение также можно превратить в ссылку, заключив тег в тег :

       
      

    Элементы списка

    В HTML есть два основных типа списков: упорядоченные (

      ) и неупорядоченные (
        ). Все списки должны содержать один или несколько элементов списка (
      • ).

        Неупорядоченный список

        Неупорядоченный список начинается с тега

          , а элементы списка начинаются с тега
        • . В неупорядоченных списках все элементы списка по умолчанию отмечены маркерами.

            
          • Элемент
          • Элемент
          • Элемент

          Вывод:

          Упорядоченный список

          Упорядоченный список начинается с тега

            , а элементы списка начинаются с тега
          1. . В упорядоченных списках все элементы списка отмечены цифрами.

              
            1. Первый элемент
            2. Второй элемент
            3. Третий пункт

            Вывод:

            1. Первый элемент
            2. Второй элемент
            3. Третий элемент

            em Элемент

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

            Примечание. Тег не следует использовать для стилистического выделения текста курсивом. Тег используется для выделения текста. Обычно форматирование CSS используется для стилистического выделения текста курсивом.

            Пример

              
              

            Текст, требующий выделения, должен быть здесь .

            i Элемент

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

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

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

              

            Французская фраза esprit de corps часто используется для описания чувства групповой сплоченности и товарищества.

            strong Элемент

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

            Примечание. Тег не следует использовать для выделения текста полужирным шрифтом. Для этого используйте CSS.

            Пример:

              
              

            Это действительно важно.

            img Element

            Простой элемент HTML может быть включен в HTML-документ следующим образом:

              это классная картинка 
              

            Обратите внимание, что элементы являются самозакрывающимися и не требуют закрывающего тега.

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

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

            Обратите внимание, что путь к файлу изображения может быть относительным или абсолютным.Также помните, что элемент img является самозакрывающимся, что означает, что он не закрывается тегом , а вместо этого закрывается только одним > .

            Примеры

              my picture
              

            (предполагается, что файл HTML находится по адресу https://example.com/index.html, поэтому он находится в той же папке, что и файл изображения)

            совпадает с:

               my picture 
              

            Иногда элемент также будет использовать два других атрибута для указания своего размера: высота и ширина , как показано ниже:

              my picture 
              

            Значения указываются в пикселях, но размер обычно указывается в CSS, а не в HTML.

            Элемент nav

            Элемент

Элемент textarea

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

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

Пример

  

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

label Элемент

Тег определяет метку для элемента .

Метка может быть привязана к элементу либо с помощью атрибута «for», либо путем размещения элемента внутри элемента .

Пример

  
 

Как видите, атрибут для тега должен быть равен атрибуту id связанного элемента с свяжите их вместе.

Поддержка платформы

Атрибуты

Глобальный атрибут

Тег поддерживает глобальные атрибуты в HTML.

Атрибут события

Тег поддерживает атрибуты событий в HTML.

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

Тег предоставляет метаданные о документе HTML.

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

Эти метаданные не будут отображаться на самом веб-сайте, но они будут использоваться браузерами и поисковыми системами для определения того, как страница будет отображать контент, и оценки поисковой оптимизации (SEO).

Пример

  
  
  
  
  
  
. Область просмотра - это видимая пользователем область веб-страницы. Элемент  viewport дает браузеру инструкции по управлению размерами и масштабированием страницы. ->
  

div Элемент

Тег

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

A

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

Пример

Вот пример того, как отобразить раздел одним цветом:

  

мой заголовок

мой абзац

section Элемент

Элемент

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

-
) в качестве дочернего элемента.

Например, веб-страницу можно разделить на различные разделы, такие как разделы приветствия, содержания и контактов.

Элемент

не следует использовать вместо элемента
, если требуется общий контейнер. Его следует использовать для определения разделов на HTML-странице.

  

   Пример раздела 


  <раздел>
     

Заголовок

Куча классного контента

Тег