Реальный пиарHTMLОбщее представление → Основы HTML для начинающих. Урок 2 (Текст и заголовки)

Основы HTML для начинающих. Урок 2 (Текст и заголовки)

html теги

Здравствуйте, дорогие друзья! Не писал в блог уже около месяца, связано это было с моим отдыхом в курортном городке Адлер. Ух… ну и классно же отдохнул, побольше бы таких расслабонов Кстати, фотки можете посмотреть в разделе «Путешествия».

Но, как говорится, отдых отдыхом, а блог забрасывать нельзя, не для того же вы меня читаете

Итак, сегодняшним постом я хочу продолжить наше с вами обучение в области создания сайтов, а именно, в освоении языка 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>, пример его написания можете посмотреть выше


Источник: http://ajzetullin.com

Рекомендуем



Основы HTML для начинающих. Урок 3 (Списки) Vivamus varius, augue vitae tincidunt laoreet, lectus erat ullamcorper tortor, ac convallis mi nibh sit amet justo


Основы HTML для начинающих. Урок 1 (Теги) Конечно, вы всегда сможете прибегнуть к услугам более профессиональных людей, чем вы, но подумайте, стоит ли платить деньги за то, что вы сами с легкостью можете сделать


Скобка, скобка, тег внутри - получился... WWW! Сам по себе язык SGML не получил сколько-нибудь заметного распространения и остался бы всего лишь изящной игрушкой, боксерской грушей для пытливого ума - если бы в науке не восторжествовал вездесущий принцип разделения труда