Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Основы 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 Просмотров: 12431

Условия копирования материалов сайта

Все комментарии
#-3 fabio 28-02-2011 в 12:37
Здравствуй Женя,я скачал программу notepade++,хочу приступить к работе.Я создаю первый html документ сохраняю его,а дальше непонятно.(начинающий).Зараннее спасибо!
#-2 Евгений 01-03-2011 в 21:17
Ну если вы создали новый документ и скопировали, то что приведено в примере, сохраните с расширением .html и запустите этот файл в браузере. И должны увидеть
Привет
Это моя первая веб-страничка!!!
#-1 TlxlT 28-03-2011 в 11:21
все здорово написано!
#0 Kukla Vudu 29-04-2011 в 13:02
Да, получается хорошо.даж от себя сного добавила.очень понятно все расписано.
#1 заяцъ 29-10-2013 в 19:13
написано все понятно, но чето я все браузом открываю кроме head=( раз 5 перепроверил, уже все стер оставив так как показано на картинке но увы:-d
#2 tndjk 14-04-2014 в 11:23
Cперва нужно написать чтобы он открылся <DOCTYPE html> потом <html>
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки