Урок №1 Введение
Доброго времени суток дорогие друзья!
И так, сегодня мы с вами познакомимся с основами веб программирования.
На протяжении данного курса мы будем изучать HTML(от англ. HyperText Markup Language — «язык гипертекстовой разметки»).
А сам язык в свою очередь является чуть ли не основным в таком глобальном разделе, как Сайтостроение.
Так как без html не представляется возможным сверстать не одну страницу.
И так, для начала мы познакомимся с общим видом кода.
Внимание! Все дескрипторы(теги) описанные в данном уроке очень важные
А выглядит он так:
Код
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
</body>
</html>
И так теперь разберёмся более подробно что есть что.
И так код <!DOCTYPE HTML> - этот код обозначает что страница которую вы пишете, написана но языке HTML5.
Теги <html></html> - означают что это страница.
Теги <head> </head> - шапка страницы
Теги <body> </body> - тело страницы
Теперь более подробно про каждый раздел:
•Шапка сайта(Слово head не путайте со словом header), там находятся(подключаются) конфигурационные файлы.
Например:
Код
<head>
<title>Мега Сайт | Главная Страница</title>
<meta name="description" content="Мега Сайт" />
<link rel="shortcut icon" href="favicon.ico" />
<meta name="author" content="Алексей Власов" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>
<title></title> - заголовок страницы который отображается на вкладке.
<link rel="shortcut icon" href="favicon.ico" /> - иконка страницы.
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> - чарсет, про него чуть позже.
Так идём дальше.
Что же обычно бывает в разделе body?..
•В разделе body(тело страницы) обычно бывают такие теги:
<H1></H1> - шрифт первого порядка
<H2></H2> - шрифт второго порядка
-----||------
<H8></H8> - шрифт самый маленький
и т.д.
<div></div> - блоки
<a href="#" title="ссылка">текст ссылки</a> - стандартный вариант ссылки,
где href="#" указывает саму ссылку, в данном случае она равна #,
title="ссылка" - текст который отображается при наведении, у нас это слово "ссылка", если не укажете то ничего страшного.
Ещё один тип ссылок, это ссылка на изображение :
<img src="#" alt="картинка" width="240" height="320" />
где,
width="240" - длина изображения, в данном случае это 240 пикселов,
height="320" - ширина изображения, в данном случае это 320 пикселов.
src="#" - ссылка на изображение.
alt="картинка" - некий альтернативный текст, который выведется в случае если вы укажете не правильно укажете ссылку на изображение.
На этом наш урок окончен, сегодня мы разобрали из чего состоит страница,
познакомились с базовыми тегами страницы.
С вами был korsar328,
статья написана специально для http://korsar328.at.ua.
Если возникнут какие либо вопросы пишите ниже в комментариях буду рад помочь.
