Для того, что бы создать Интернет страничку достаточно открыть блокнот и записать в него шаблон, про который шла речь в предыдущем уроке. Cохранив данный документ под именем *.html (* - любое имя документа), Мы получим пустую Интернет страничку с белым фоном, ну а дальше нужно сделать следующее.Для начала давайте напишем несколько строчек текста, ну к примеру:
Меня зовут Bugs Bunny.Поместим данные строки в наш шаблон, между тэгами <BODY> и </BODY>
(надеюсь, шаблон Вы уже приготовили), теперь посмотрим, что у нас получилось:
Меня зовут Bugs Bunny. Я сделал свою первую страничку. Рад приветствовать тебя у себя в гостях.
Не думаю, что Вам понравится то, что вы видите: все строчки вдруг оказались в одной. Что за чепуха? Но на самом деле такова реальность Браузер через который мы просматриваем нашу страничку, игнорирует знак абзаца, множество пробелов воспринимает как один, и многие другие наши хитрости тоже тут не помогут. Тэги, вот инструменты которыми мы начнем творить. И первым тэгом, с которым я Вас познакомлю, будет тэг заголовка:
Обратите внимание, что каждый заголовок автоматически расположен в новой строке. Еще одной особенностью будет закономерность: чем больше число возле символа h, тем меньше будет текст заголовка. Но и это еще не все тэг заголовка имеет параметр выравнивания текста относительно странички, выглядит это примерно так:
Но согласитесь, что делать заголовком большой фрагмент текста по крайне мере глупо. Именно поэтому разработчики языка HTML придумали тэг <p> </p> - абзац. С помощью данного тэга можно выравнивать большие фрагменты текста, причем к трем предыдущим параметрам выравнивания добавляется еще один: justify – выравнивание по двум сторонам. Примером работы этого параметра является данная страничка.
Если необходимо сделать принудительный переход на новую строчку внутри абзаца воспользуемся тэгом <br>:
Это первая строчка, <br> а это уже вторая.
Это первая строчка,
а это уже вторая.
Для того что бы написать подчеркнутый текст запишите его между тэгами <u>образец</u>, выделить текст жирным шрифтом можно разместив его между тэгами <b>образец</b>, ну а для того что бы сделать текст курсивным разместим его между тэгами <i>образец</i>.
Вот и второй шаг готов. Конечно, это далеко не все возможности форматирования текста с помощью языка разметки HTML, и если Вы, мои дорогие друзья, еще не устали, то вперед, нас ждет третий шаг, в котором Мы намного расширим свои познания в возможностях оформления текста и познакомимся еще с несколькими способами его представления.
|
||