Воскресенье, 24.11.2024, 08:48 | Приветствую Вас Гость

...

Блог

Главная » 2017 » Январь » 12 » Основы HTML
04:29
Основы HTML

Теги.

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

Как выглядит типичный тег?

<i>текст написанный курсивом</i>

Теперь можно разложить всё по полочкам.<i> - открывающий тег,текст написанный курсивом - содержимое тега,а </i> - закрывающий тег во всей своей красоте.

Первая веб-страница.

<html>
<head>
<title>Первая веб-страница<title>
</head>
<body>
<i>|Здесь начинается тело веб-страницы|</i>
</body>
</html>


Тег <html> - является маркером начала веб-страницы.Тег <head> - вмещает служебную информацию.Тег <body> - содержит так называемое тело веб-страницы.
Данная страница,конечно,не веб-шедевр.Но вполне работоспособна. 


Атрибуты.

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

<p align="right">текст написанный курсивом</p>

В данном случае атрибут align тега <p> имеет значение "right",что непосредственно влияет на содержимое тега <p> - выравнивает текст по правому краю.

Задание значений атрибутов не меняется от тега к тегу:сначала идёт название атрибута,потом знак равенства,затем значение в кавычках.

Ссылки.

Тег <a> - служит в HTML для создания ссылок - переходов с одной страницы на другую.

<a href="http://www.moskov.ucoz.com/">ссылка</a>

Атрибут href - используется для указания адреса,переход по которому нужно произвести.

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

<html>
<head>
</head>
<body>
<p id="metka1"></p>
текст метки 1
<p><a href="#metka1">метка 1</a></p>
<p id="metka2"></p>
текст метки 2
<p><a href="#metka2">метка 2</a></p>
</body>
</html>
 
В адресной строке отображается метка,на которую был осуществлен переход.

Изображения.

Вставка в веб-страницу изображения элементарна,как дважды два.Тег <img> служит для этой цели.

<img src="image.jpg" alt="цветок"> 

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

Из изображения с легкостью можно сделать гиперссылку.

<a href="http://www.moskov.ucoz.com/"><img src="image.jpg"></a>

Просмотров: 371 | Добавил: moskov | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Мини-чат

Статистика

Онлайн всего: 13
Гостей: 13
Пользователей: 0

Форма входа

Календарь

«  Январь 2017  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031

Архив записей

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН

    • Поиск