Уроки HTML

Уроки по HTML предназначены для новичков в вебмастеринге. Также для тех, кто ищет в сети интернет различные уроки по html. Возможно вы также являетесь одним из них, и возможно вы станете нашим постоянным посетителем. На освение HTML5 у вас уйдет не очень много времени после чего необходимо практиковаться и переходить к урокам по css и урокам по Javascript

Теги div и span

Элементы <span> и <div> используются для структурирования документа, часто совместно с атрибутами class и id. В этом уроке мы подробно рассмотрим, как использовать <span> и <div>, поскольку эти элементы HTML имеют важнейшее значение в CSS.

Теги div и span
Читать далее »

Как сделать список в HTML

Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.Любой список представляет собой контейнер <ul>, который устанавливает маркированный список, или <ol>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <li>.

Как создать список
Читать далее »

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

Здравствуйте! Сегодня мы начнем разговор про теги в языке HTML, а именно про заголовки H1, H2, H3, H4, H5, H6, про абзацы P и переносы строки Br, а также про тэг горизонтальной линии HR, на примере которого мы рассмотрим использование атрибутов и посмотрим, где можно будет узнать все возможные для каждого элемента атрибуты и подглядеть синтаксис значений для них.

Для форматирования текста существует много тегов. Одни их них используются часто (и их вы быстро запомните), другие – редко (их и не надо запоминать). Здесь мы рассмотрим те, которые используются часто.

Теги, делающие текст заголовками

h1…h6

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

Читать далее »

Спецсимволы HTML

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

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

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

Для добавления символов внутрь тегов  достаточно воспользоваться  HTML-кодом символа, а для использования символов в стилях,  надо вставить  мнемонику  в качестве значения свойства content  например в  псевдоэлементах after и before.

Спецсимвол  будет наследовать от цвета текста родительского элемента.  А вот чтобы изменить цвет спецсимвола,  его нужно  разместить внутрь тега <span> или же  задать значение свойства color (при вставке спецсимволов через свойство content).

Спецсимволы HTML

 

Читать далее »

HTML-атрибуты

Здравствуйте! В прошлый раз мы с вами разбирались с HTML-тегами в этой статье я хотел бы рассказать о  HTML-атрибутах. Они нужны для того чтобы уведомлять браузер  как должен отображаться конкретный элемент страницы ин а первых порах, когда не было стилей то частично можно было задавать через атрибуты.

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

HTML атрибуты

 

Читать далее »

HTML теги.

Здравствуйте! В этой статье я хотел бы рассказать о HTML-тегах.  Они теги являются основой  HTML.  Теги обычно испоьзуются для разгранечения начала и конца документа

Любой HTML-документ имеет определенную структуру и состоит из тегов открывающих и закрывающих.

HTML-элементы делятся на 5 типов:

  •  элементы в которых как правило нет содержимого — <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <keygen>, <link>, <menuitem>, <meta>, <param>, <source>, <track>, <wbr>;
  • элементы для подключения скриптов и стилей — <script>, <style>;
  • элементы специальные которые выводят неформатированный текст — <textarea>, <title>;
  • элементы из иного пространства имен — MathML и SVG;
  • обычные элементы — все остальные элементы.

В таблице ниже я привожу  список тегов, поддерживаемых  стандартами HTML4 и HTML5. Элементы, которые были  добавлены в стандарт  HTML5, выделены  красным цветом.

Теги HTML

 

 

Читать далее »

Семейства элементов HTML5

Добавленные элементы в HTML5

Новые элементы, с кратким описанием перечислены в таблице:

Новые элементы HTML5
Категория Элементы
Семантические элементы для работы со структурой страниц <article>, <aside>, <figcaption>, <figure>, <footer>, <header>, <hgroup>, <nav>, <section>, <details>, <summary>
Семантические элементы для работы с текстом <mark>, <time>, <wbr> (поддерживался и ранее, но теперь официально является частью языка)
Элементы для работы с веб-формами и интерактивности <input> (старый элемент, но со многими новыми подтипами), <datalist>, <keygen>, <meter>, <progress>, <command>, <menu>, <output>
Элементы для поддержки аудио, видео и подключаемых модулей <audio>, <video>, <source>, <embed> (поддерживался и ранее, но теперь официально является частью языка)
Поддержка холста <canvas>
Поддержка иных языков <bdo>, <rp>, <rt>, <ruby>

семейства элементов HTML5
Читать далее »

Как создать HTML.

Рассмотрим один из простейших документов HTML5. Он начинается с указания типа документа с помощью специального кода описания типа документа (значение этого кода объясняется в следующем разделе), после чего задается кодировка и название документа, а потом идет его содержимое. В данном случае содержимое состоит из одного абзаца текста:

<!DOCTYPE HTML>
<meta charset="utf-8">
<title>Крошечный документ HTML5<title>
<p>Дадим встряску браузеру в стиле HTML5!<p>

Читать далее »

История языка HTML5

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

 Предполагалось, что язык HTML уйдет в небытие, не дожив до XXI столетия. Организация W3C (World Wide Web Consortium – Консорциум Всемирной паутины, которая занимается разработкой и внедрением официальных стандартов Всемирной паутины, забросила язык HTML в далеком 1998 г., считая его не способным на дальнейшее выживание.

История языка HTML

Читать далее »

Что такое HTML

HTML (HyperText Markup Language) – язык разметки гипертекста. Отнести HTML к языкам программирования можно лишь с большой натяжкой, это все-таки язык РАЗМЕТКИ. Из названия становится понятным его предназначение – указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора. Что такое html элемент?

Что такое HTML

Читать далее »

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: