HTML

HTML первые шаги - урок 8 - Универсальные атрибуты тегов

HTML универсальные атрибуты

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

Атрибут id

Атрибут id показывает уникальное имя тега, такие имена не должны повторятся, потому что это может вызвать проблемы при работе с jQuery или Javascript. Вот несколько примеров использования тега id:

HTML первые шаги - Заключение

admin друпал drupal

Я думаю на этом закончить HTML учебник, но я буду продолжать выкладывать уроки по HTML если они взбредут мне в голову. Вам может показаться, что учебник оказался очень коротким, но и озаглавлен он "Первые шаги". Не думаю что так необходимо описывать все теги, это я сделаю потом в справочнике по HTML.

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

Вот ссылка на мой учебник по CSS.

HTML первые шаги - урок 7 - Тег object. Вставка видео с Youtube.

admin друпал drupal

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

 

 

youtube видео

Получился вот такой код:

HTML первые шаги - урок 6 - Изображения

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

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

Вставляются изображения с помощью тега IMG (заметьте, что мы пишем не полностью image, а только img). Тег IMG одинарный <img />, то есть без парного тега.

Основным атрибутом тега IMG является атрибут src. Он работает как href у ссылки, в атрибут src мы должны вставить путь к картинки. Путь как и в ссылках можно писать относительный или абсолютный.

HTML первые шаги - урок 5 - Таблицы

HTML таблицы

Одним из важных форм хранения информации являются таблицы. В таблицах хранят информацию Excel, Access и другие базы данных. Таблицы очень наглядно представляют данные, по этим данным удобно строить графики и диаграммы.
Давайте в этому уроке разберем как создавать таблицы в HTML. Для этогом мы будем использовать теги <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>.

HTML первые шаги - урок 4 - Ссылки (гиперссылки)

html ссылки

Мы подошли к самым основам HTML, то ради чего HTML и затевался, а именно к гиперссылкам (или просто ссылки). Ссылки - это способ организации связи между различными материалами. Допустим у вас есть 100000 текстовых файлов, если для них делать рубрикатор, то даже есть в каждом рубрикаторе будет по 200 описаний текстовых документов, то вам потребуется 500 рубрик. Чтобы просмотреть все эти 500 рубрик и найти нужную вам информацию, вам потребуется много времени. Как же ссылки сделают нашу жизнь проще?

HTML первые шаги - урок 3 - теги списков ul, ol. Атрибуты HTML тегов.

HTML UL OL

Очень часто на сайтах используются списки: в меню, в тексте для перечисления чего-нибудь. Давайте начнем с самого популярного вида списка ненумерованного <UL></UL> (unordered list - ненумерованный список).

Список UL

Список UL используется для меню, для маркерованных списков, причем через HTML можно задать вид маркера.

Давайте изменим наш HTML-код:

HTML первые шаги - урок 2 - теги p, div и их различие. Тег br

admin друпал drupal

В прошлом уроке мы создали свой первый html документ, а это значит что вы уже знаете, что пишем html-код в текстовом редакторе, а все изменения смотрим через браузере, обновляя страницу (обычно кнопкой F5).

Итак, в этом уроке мы продолжим работать с текстом и будем использовать теги для оборачивания текста span, p, div. Также мы рассмотрим тег br.

HTML первые шаги - учебник HTML

HTML друпал drupal

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

Страницы

Подписка на RSS - HTML