Добро пожаловать на сайт все о Web-разработке

На сайте все о Web-разработке вы найдёте очень много интересной и полезной информации

HTML

Гиперссылки

Формы

Таблицы

Списки

Html изображения

HTML

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

Структура HTML-документа

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки < br > — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href=" у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

  • < strong >Текст между двумя тегами — открывающим и закрывающим.< /strong >
  • < a href="http://www.example.com">< /a> Здесь элемент содержит атрибут href, то есть гиперссылку.
  • А вот пример пустого элемента: < br/ >

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

Структура веб-страницы

Для указания на структуру используются теги:

  • < header > — шапка документа
  • < nav> — навигация по сайту
  • < article > — статья
  • < aside > — боковая панель
  • < footer > — подвал

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

Таблицы

Таблица задается тегами:

  • < table > — общий контейнер
  • < tr > — строка
  • < td > — ячейка
  • < th > — заголовок столбца
  • < caption> — название таблицы

Простая таблица выглядит так:

< table > — начало таблицы

< tr > — начало первой строки

< td >Ячейка 1< /td>

< td >Ячейка 2< /td>

< td >Ячейка 3< /td>

< /tr > — конец первой строки

< tr > — начало второй строки

< td >Ячейка 4< /td>

< td >Ячейка 5< /td>

< td >Ячейка 6< /td>

< /tr > — конец второй строки

< /table > — конец таблицы

Текст без комментариев выглядит так:

Сама таблица будет выглядеть так:

Формы

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

Пример простой формы:

Простая форма

Для получения данных используется тег < input >:

  • флажки < input type=»checkbox» >

  • радиокнопки — < input type=»radio» >

  • ввод текста — < input type=»text» >

  • пароль — < input type=»password» >

  • отправить форму — < input type=»submit» >

Особенности HTML:

  • Это легко узнать и простой в использовании.
  • Она независима от платформы.
  • Изображения, видео и аудио могут быть добавлены на веб-страницу.
  • Гипертекст можно добавить в текст.
  • Это язык разметки.