Наиболее часто используемые теги в HTML

Опубликовано: 6 Января, 2022

HTML содержит множество предопределенных тегов. Некоторые из них описаны ниже:

Тег структуры документа:

Тег HTML : это корень html-документа, который используется для указания того, что документ является html.
Синтаксис:

 <html> Заявления ... </html>

Код:

html

 < html >
    < head >
        < title >Title of your web page</ title >
    </ head >
    < body >HTML web page contents </ body >
 </ html > 

Тег заголовка: тег заголовка используется для содержания всех элементов заголовка в html-файле. Он содержит заголовок, стиль, метатег и т. Д.
Синтаксис:

 <head> Заявления ... </head>

Код:

html

< head >Contains elements describing the document</ head >

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

 <body> Заявления ... </body>

Код:

html

< body >The content of your HTML page</ body >

Тег заголовка: используется для определения заголовка HTML-документа.

Синтаксис:

 <title> Заявления ... </title>

Код:

html

< title >tab name</ title >

Тег контейнера содержимого:

Тег заголовка: используется для определения заголовка HTML-документа.

Синтаксис:

 <h1> Заявления ... </h>
<h2> Заявления ... </h2>
<h3> Заявления ... </h3>
<h4> Заявления ... </h4>
<h5> Заявления ... </h5>
<h6> Заявления ... </h6>

Код:

html

 < h1 >Heading 1 </ h1 >
 < h2 >Heading 2 </ h2 >
 < h3 >Heading 3 </ h3 >
 < h4 >Heading 4 </ h4 >
 < h5 >Heading 5 </ h5 >
 < h6 >Heading 6 </ h6 > 

Тег абзаца: используется для определения содержимого абзаца в html-документе.
Синтаксис:

 <p> Заявления ... </p>

Код:

html

< p >GeeksforGeeks: Computer science portal</ p >

Тег выделения: используется для визуализации выделенного текста.
Синтаксис:

 <em> Заявления ... </em>

Код:

html

< em >GeeksforGeeks</ em >

Тег Bold: используется для выделения содержимого в html-документе жирным шрифтом.
Синтаксис:

 <b> Заявления ... </b>

Код:

html

< b >Bold word</ b >

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

 <i> Заявления ... </i>

Код:

html

< i >GeeksforGeeks</ i >

Мелкий (текстовый) тег: используется для установки небольшого размера шрифта содержимого.
Синтаксис:

 <small> Заявления ... </small>

Код:

html

< small >Example</ small >

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

 <u> Заявления ... </u>

Код:

html

< u >GeeksforGeeks</ u >

Тег удаленного текста: используется для представления удаленного текста. Он пересекает текстовое содержимое.
Синтаксис:

 <strike> Заявления ... </strike>

Код:

html

< strike >GeeksforGeeks</ strike >

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

 <a href="..."> Заявления ... </a>

Код:

html

< a href = " https://www.geeksforgeeks.org/ " >

GeeksforGeeks</ a >

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

 <li> Заявления ... </li>

Код:

html

 < li >List item 1</ li >
 < li >List item 2</ li > 

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

 <ol> Заявления ... </ol>

Код:

html

 < ol >
     < li >List item 1</ li >
     < li >List item 2</ li >
     < li >List item 3</ li >
     < li >List item 4</ li >
 </ ol > 

Тег неупорядоченного списка: используется для перечисления содержимого без порядка.
Синтаксис:

 <ul> Заявления ... </ul>

Код:

html

 < ul >
     < li >List item 1</ li >
     < li >List item 2</ li >
     < li >List item 3</ li >
     < li >List item 4</ li >
 </ ul > 

Тег комментария: используется для установки комментария в html-документе. Он не отображается в браузере.
Синтаксис:

 <! - Заявления ... ->

Код:

html

Тег прокрутки текста: используется для прокрутки текста или изображения.

Синтаксис:

 <marquee> Заявления ... </marquee>

Код:

html

 < marquee bgcolor = "#cccccc" loop = "-1"
 scrollamount = "2" width = "100%" >
 Example Marquee</ marquee > 

Тег «Центр»: используется для размещения содержимого в центре.
Синтаксис:

 <center> Заявления ... </center>

Код:

html

< center >GeeksforGeeks</ center >

Тег шрифта: используется для указания размера шрифта, цвета шрифта и семейства шрифтов в html-документе.
Синтаксис:

 <font> Заявления ... </font>

Код:

html

< font face = "Times New Roman" >Example</ font >

Пустые (не контейнерные) теги:

Тег разрыва строки: используется для разрыва строки.

Синтаксис:

 <br>

Код:

html

GeeksforGeeks< br >A computer science portal

Тег изображения: используется для добавления элемента изображения в html-документ.

Синтаксис:

 <img>

Код:

html

 < img src = "gfg.jpg" width = "40"
 height = "40" border = "0" > 

Тег ссылки: используется для ссылки на контент из внешнего источника.
Синтаксис:

 <ссылка>

Код:

html

 < head >
 < link rel = "stylesheet" type = "text/css" href = "style.css" >
 </ head > 

Тег горизонтального правила: используется для отображения горизонтальной линии в html-документе.
Синтаксис:

 <час />

Код:

html

< hr width = "50%" size = "3" />

Мета-тег: используется для указания описания страницы. Например: последний модификатор, авторы и т. Д.
Синтаксис:

 <meta> Заявления ... <meta>

Код:

html

 < meta name = "Description"
    content = "Description of your site" >
 < meta name = "keywords"
    content = "keywords describing your site" > 

Теги таблиц: тег таблицы используется для создания таблицы в html-документе.

Тег таблицы:
Синтаксис:

 <table> Заявления ... </table>

Код:

html

 < table border = "4" cellpadding = "2" cellspacing = "2" width = "100%" >
 < tr > < td >Column 1</ td >
 < td >Column 2</ td > </ tr > </ table > 

Тег Tr: используется для определения строки таблицы html.
Синтаксис:

 <tr> Заявления ... </tr>

Код:

html

 < table >
  < tr >
    < th >Month</ th >
    < th >Savings</ th >
  </ tr >
  < tr >
    < td >January</ td >
    < td >$100</ td >
  </ tr >
 </ table > 

Тег Th: определяет ячейку заголовка в таблице. По умолчанию он устанавливает содержимое с полужирным шрифтом и свойством по центру.
Синтаксис:

 <th> Заявления ... </th>

Код:

html

 < table >
 < tr >
   < th >Month</ th >
   < th >Savings</ th >
 </ tr >
 < tr >
   < td >January</ td >
   < td >$100</ td >
 </ tr >
 </ table > 

Тег td: он определяет стандартную ячейку в html-документе.
Синтаксис:

 <td> Заявления ... </td>

Код:

html

 < table >
  < tr >
    < td >Cell A</ td >
    < td >Cell B</ td >
  </ tr >
 </ table > 

Теги ввода:

Тег формы: используется для создания HTML-формы для пользователя.
Синтаксис:

 <form> Заявления ... </form>

Код:

html

 < form action = "mailto:you@yourdomain.com " >
  Name: < input name = "Name" value = "" size = "80" >< br >
  Email: < - name = "Email" value = "" size = "80" >< br > Email: < input name = "Email" value = "" size = "80" >< br >
  < br >< center >< input type = "submit" ></ center >
 </ form > 

Тег ввода ввода: используется для ввода данных от пользователя.
Синтаксис:

 <вход>

Код:

html

 < form method = post action = "/cgibin/example.cgi" >
 < input type = "text" style="color: #ffffff;
 font-family: Verdana; font-weight: bold;
 fontsize: 12px; background-color: #72a4d2;"
 size = "10" maxlength = "30" >
 < input type = "Submit" value = "Submit" >
 </ form > 

Тег раскрывающегося меню: используется для выбора параметра из раскрывающегося списка.
Синтаксис:

 <option> Заявления ... </option>

Код:

html

 < form method = post action = "/cgibin/example.cgi" >
 < center > Select an option:< select >
 < option >option 1</ option >
 < option selected>option 2</ option >
 < option >option 3</ option >
 </ form > 

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

 <вход>

Код:

html

 < form method = post action = "/cgibin/example.cgi" >
 Select an option:< br >
 < input type = "radio" name = "option" > Option 1
 < input type = "radio" name = "option" checked> Option 2
 < input type = "radio" name = "option" > Option 3 

Вопросы о Web технологиях Picked HTML HTML-Misc

Наиболее часто используемые теги в HTML

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

html

РЕКОМЕНДУЕМЫЕ СТАТЬИ