Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Как быстро и легко создать шикарный сайт. HTML для начинающих. Урок 2


Как быстро и легко создать сайт.
Тема выпуска: HTML для начинающих. Урок 2

 Здравствуйте!

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

Работа с текстом и заголовками

В прошлом уроке мы учились с вами делать каркас нашей будущей страницы, т.е. из чего состоит каждая html-страничка в сети: тегов <html>, <body>, <head>, <title> и т.д., а также узнали, с помощью какого тега задается параграф на странице, тег <p>.

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

Теперь давайте поместим на нашей web-страничке какой-нибудь текст, ведь для этого мы ее и создавали, чтобы размещать свои мысли и статьи на ней.

Для этого создаем обычный текстовый файл, меняем его расширение с .txt на .html, вставляем наш каркас из предыдущего урока и внутри тега <body>текст</body> помещаем какой-нибудь текст, к примеру, такой:

 <! DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»>

<html>

<head>
 <title>Заголовок страницы</title>
 <meta http-equiv="Content-type" content="text/html" charset="windows-1251">
 <meta name="keywords" content=«ключевые слова вашей страницы через запятую»>
 <meta name="description" content=«краткое описание вашей страницы»>
 </head>

<body>
<H1>Заголовок первого уровня — &lt;H1&gt;</H1>
<H2>Заголовок первого уровня — &lt;H2&gt;</H2>
<H3>Заголовок первого уровня — &lt;H3&gt;</H3>
<H4>Заголовок первого уровня — &lt;H4&gt;</H4>
<H5>Заголовок первого уровня — &lt;H5&gt;</H5>
<H6>Заголовок первого уровня — &lt;H6&gt;</H6>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam interdum cursus viverra. Fusce porta vestibulum risus, ut imperdiet mauris interdum ut. Duis tempor imperdiet metus malesuada mattis. Donec nec commodo tellus. Aenean vitae arcu tortor, ac aliquet risus. Duis sit amet auctor arcu. Duis quis mauris eget dui mollis convallis sed eu velit.</p>

<p>1).Suspendisse fermentum ultricies faucibus. Nullam consectetur lacinia sodales.<br>2).Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed quis porttitorturpis.<br>3).Suspendisse ornare, nisi ut tincidunt eleifend, elit odio tristique quam, sed sodales elit libero quis elit.<br>4).Mauris tempus est sed quam sodales semper.</p>

<p>Cras dapibus ullamcorper nisi, sed molestie enim elementum sed. Pellentesque sit amet elit sed dolor rhoncus ultricies. Maecenas vitae diam risus, et sagittis nulla. Aenean erat quam, ornare at accumsan id, sodales a orci. Proin vitae nibh lorem. Pellentesque nec auctor tellus. Maecenas id tellus turpis, varius porta quam. In hac habitasse platea dictumst. Aliquam ultrices vulputate lacus, a venenatis elit porta dignissim.</p>

</body>

<html>

Если вы хотите разбить текст на абзацы, заключите ту часть, которая должна быть абзацем в парный тег <p>…</p>, как это сделано выше.

Для того чтобы заключить текст в заголовок, используются теги <H1>…<H6>. Всего 6 уровней заголовков. <H1> — самый крупный из заголовков, соответственно, чем цифра больше, тем заголовок меньше — <H6> самый маленький из заголовков, он практически нигде не используется.

Чтобы перенести текст на новую строку, не заключая его в тег <p>, используется одинарный тег <br>, пример его написания можете посмотреть выше.

Теперь давайте посмотрим, что у нас получилось:

 

До следующего урока!

 


В избранное