Урок создания HTML-страницы(с небольшими дополнениями)

Страница 1 из 1
1

Урок создания HTML-страницы(с небольшими дополнениями) ([Web])

Собщение № 1 от Fucker95 было оставлено 06.06.2011 в 16:06

Offline

Пользователь

Сообщений: 19

Награды: 3

Репутация: 82

И так начнем наш урок.В данном уроке я расскажу как создать ХТМЛ-страницу,при этом ничего не останется не понятым.
И так,веб-страница-это документ состоящий из тегов,благодаря которым мы видим отображение содержимого на экране.
Хочу немножко сказать о тегах.Тег-это в первую очередь единица ХТМЛ,далее теги бывают открывающими и закрывающими,например:<html> - это открывающий,а </html> - закрывающий.
Любая страница должно содержать в себе три основных тега:
1.<html> and </html>---Сообщает браузеру, что документ создан на HTML
2.<head> and </head>---Включает в себя:название,стили,скрипты используемые на странице.
3.<body> and </body>---Заключает в себе всю информацию,которую человек хотел показать.
Эти теги не влияют на внешний вид страницы,но без них страница будет не укомплектованной.
Идем дальше...
Тег <title>,</title>-содержат в себе название страницы отображаемое в браузере
Например,
<title>Test web-page</title>,название веб-страницы может содержать как и русские символы и буквы,так и другие.

Давайте соберем все из выше написанного в одно целое:

Code

Каркас готов!Тепер создайте текстовый документ на компьютере,измените его расширение таким образом:example.html,и откройте его в браузере.
Вы увидите пустоту.

Почему?
Ответ ниже
Потому что между тегами <body>,</body> должно быть содержимое,которое вы бы хотели вывести.
К примеру:Привет,LAD Studio!
Тогда надо сделать так:

Code

<body>Привет,LAD Studio!</body>

Давайте объединим все вместе:

Code

<html><head>
<title>Test web-page</title>
</head>
<body>Привет,LAD Studio!</body>
</html>

Сохраните данный код и откройте его в браузере.Теперь вы видите слова?

Думаю да.
На этом урок по созданию веб-страницы закончен,теперь перейдем к дополнениям

ДОПОЛНЕНИЯ.
1.Первое дополнение:жирные буквы,подчеркивание
Чтобы выделить главное из всего текста мы выделяем либо подчеркиваем его.В ХТМЛ такое тоже возможно!
У нас есть предложение:LAD Studio - высокое качество,низкие цены!
LAD Studio нам надо выделить(главное),а высокое качество,низкие цены(дополнительное).
Используем каркас выше,но теперь мы словосочетание LAD Studio берем в такие теги LAD Studio,а высокое качество,низкие цены.
Теперь все совмещаем.

Code

<html><head>
<title>Test web-page</title>
</head>
<body>LAD Studio - высокое качество,низкие цены!</body>
</html>

Сохраняем и окрываем.

У нас все получилось!
2.Второе дополнение:цвет текста
Чтобы ваше содержимое имело цвет(это относится к тексту),то вам нужно задать этот цвет.
К примеру вы хотите чтобы часть текста была красно,а часть оставалось черной.
Делаем так:нужную часть текста вставляем в вот такие теги LAD Studio,думаю объяснять что такое red,font,color-не надо.

Объединяем:

Code

<html><head>
<title>Test web-page</title>
</head>
<body>LAD Studio - высокое качество,низкие цены!</body>
</html>

Результат:

3.Третье дополнение(и последнее): выравнивание текста по центру
Выравнивание текста по центру позволяют сделать тег <center> и </center>.
Нужный вам текст помещаем:<center>LAD Studio - высокое качество,низкие цены!</center>
Объединяем:

Code

<html><head>
<title>Test web-page</title>
</head>
<body><center>LAD Studio - высокое качество,низкие цены!</center></body>
</html>

Результат-текст находится по середине!
На этом данный урок закончен.

К концу урока вы научились:
-Создавать веб-страницы
-Разбираться в тегах
-Называть страницу и помещать в нее содержимое
-Научились работать с текстом на странице
-Получили удовольствие от своего результата

Вот такой вот результат должен у вас быть:

Code

<html><head>
<title>Test web-page</title>
</head>
<body><center>LAD Studio - высокое качество,низкие цены!</center></body>
</html>