пятница, 15 апреля 2011 г.

Параграфы

Начнём с тегов:
<p> - определяет новый параграф.
<br> - осуществляет перенос строки.
Возьмём для примера следующий текст: "Содержание: 1 глава - завязка 2 глава - кульминация 3 глава - развязка." Теперь попробуем разместить слово содержание по центру а главы и их названия с новой строки. Должно получится так :


Содержание

1 глава - завязка
2 глава - кульминация
3 глава - развязка


Содержание стоит посередине и после него стоит параграф , а после каждого названия главы стоит тег <br>, который осуществляет перевод строки.

Учимся редактировать текст

Итак, открываем наш html документ, в котором должны быть  теги, которые мы писали на прошлом уроке. Между тегами <body>и</body> мы будем пробывать редактировать текст.
Давайте сразу же датим пояснения некоторым тегам:
<h1></h1> . <h2></h2> . <h3></h3> . <h4></h4> - теги, указывающие на размер текста. h1 - самый большой.
<font color="?"></font> - цвет текста в значении RGB. Цвета можно посмотреть перейдя по ссылке: http://web.artlebedev.ru/tools/colors/
<left></left>   <right></right>   <center></center> - размещение текста слева , справа, по центру. 
Давайте попробуем отредактировать текст: "Мама пошла в магазин". Допустим, что этот текст нам надо расположить по центру, большими буквами и ярко красным цветом.
Нужно ввести такой код: 
<center>
<h1>
<font color="#ff0000">Мама пошла в магазин </font>
</h1>
</center>
И в итоге получим следующее:



Мама пошла в магазин

Всё. На данном этапе советую вам остановиться и попрактиковаться со своими примерами. 



Создание html страницы и её начальное редактирование

Для того чтобы создать html страницу, нужно немного времени. Давайте для нашей будущей странички создадим отдельную папку и назавём её, например "Моя первая  web страница".
В эту папку поместите "Блокнот" - программа, приложенная по умолчанию к операционной системе.
Далее открываем блокнот и сразу же делаем следующие шаги: файл-сохранить как- выбираем папку с сайтом- называем файл как index.html.
Всё, страница создана. Для её просмотра используйте браузер. Приступим к начальному заполнению.
В блокноте вводим следующее:
<html>
<head>
<title> сдесь вводим название нашего сайта </title>
</head>
<body>
</body>
</head>
И сохраняемся. Обновляем нашу страницу в браузере. У нас должно получиться во вкладке название сайта.
Теперь расшифруем написанные теги.
1)<html></html> - показывают браузеру где начинается html документ и где он кончается.
2)<title></title> - показывает название сайта во вкладке.
3)<head></head> - нужен для для размещения в нём названия сайта и информацию о нём.
4)<body></body> - создаёт тело документа.
На этом пока остановимся. Продолжение в следуещей статье.

Введение в HTML

Web - страницы создаются с использованием языка гипертекстовой разметки, то есть с использованием HTML.  Чтобы создать web страницу понадобится лишь любой текстовый редактор (например, блокнот) и знание специальных тегов.
Какие же преимущества есть у html?
1) малый информационный объём
2) возможность просмотра в различных операционных системах.
Подробнее о создании web страниц читайте в следующих записях.