Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Основы HTML

Создаем первый HTML документ

Чтобы создать HTML документ нам понадобится хороший текстовый редактор. На первое время можно обойтись и обычным блокнотом, но в дальнейшем рекомендую установить Notepad++, который имеет ряд преимуществ по сравнению с обычным блокнотом и к тому же распространяется бесплатно.

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

<html>
<head>
<title>
Главная страница</title>
</head>
<body>

Привет<br>
Это моя первая веб-страничка!!!
</body>
</html>

Все наше содержимое документа должно находится между тегами <html></html>, которые сообщают браузеру что это HTML документ. Дальше идет «голова документа» <head></head>. Между ними содержатся все служебные элементы, которые на странице отображаться не будут, за исключением тега <title></title>, отображающегося в заголовке окна. Сразу после «головы документа» идет его «тело» <body></body>. Весь текст заключенный между ними будет отображаться на странице. Сохранив этот документ и просмотрев его в браузере, мы должны увидеть на одной строке слово «Привет», а на второй «Это моя первая веб-страничка!!!». Это произошло потому что тег <br> обозначает перенос на следующую строку. Попробуйте добавить еще несколько таких тегов и посмотреть что получится.

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

<h1 align="center">Привет</h1>
<br>

Это моя первая веб-страничка!!!

Тег <h1> обозначает заголовок первого уровня и всего таких уровней шесть (h1, h2, h3, h4, h5, h6). Чем больше этот уровень, тем меньше размер шрифта. Еще размер текста можно изменить, используя тег <font> с параметром size. Этот парметр может принимать как положительные, так и отрицательные значения. Чем значение больше, тем больше размер шрифта, и наоборот. А параметр align выравнивает наш текст посередине страницы. Существуют и другие способы выравнивания текста, например, при помощи параграфов <p> если ему задать специальный параметр align. Такой вариант является более предпочтительным:

<h1 align="center">Привет </h1>
<p
align="center">Как PHP внедряется в HTML документ?</p>
<p
align="center"><font size="-1">Язык PHP очень прост и популярен, потому что все команды, написанные на нем, просто вставляются в обычный HTML-код и Вам не нужно создавать никаких отдельных приложений. </font></p>

Кстати, используя параграфы, можно не употреблять тег переноса <br>, т.к. закрывающийся тег </p> подразумевает перенос на следующую строку всего, что идет за ним. Параметр align может принимать и другие значения. С помощью параграфов мы можно выровнять текст по левому краю:

<p align="left">Это моя первая веб-страничка!!!</p>

Этот значение используется по умолчанию и его можно не использовать, или по правому:

<p align="right">Это моя первая веб-страничка!!! </p>

А также можно выровнять текст по обоим краям документа:

<p align="justifyt">Это моя первая веб-страничка!!!</p>

Параметр align так же может применяться к другим элементам, например <div align="center"></div>.

Автор: Евгений Бочкарев · Урок добавлен: 1 Февраляя 2010 15:00 · Просмотров: 896

Рекомендую
  • Currently 0.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 0.0/5 (всего 0 голоса)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку

12
Ваш комментарий может быть первым...
 
34
12

   Добавить комментарий


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34