Фев
27

Урок 3 Остовные теги html для редактирования текста

Author admin    Category Уроки HTML    
продолжаем наши уроки по языку HTML. В этом уроке я хочу рассмотреть основные теги HTML  для редактирования текста. На самом деле их не очень много. Открываем Notepad++ и записываем туда следующие теги:
<p></p> — этот тег служит для объединения текста в абзац.
<h1></h1>...<h6></h6> — это теги для написания заголовков

Продолжаем наши уроки по языку HTML. В этом уроке я хочу рассмотреть основные теги HTML  для редактирования текста.

На самом деле их не очень много. Открываем Notepad++ и записываем туда следующие теги:

<p></p> — этот тег служит для объединения текста в абзац.

<h1></h1>...<h6></h6> — это теги для написания заголовков.

<b></b> — этот тег делает шрифт жирным.

<strong></strong> — этот тег делает шрифт полужирным.

<small></small> — этот тег делает текст уменьшенным.

</hr> — этот тег позволяет Вам делать горизонтальную черту.

<i></i> — этот тег делает текст курсивом

<ul></ul> — этот тег делает список, элементы в данном списке должны быть выделены тегом <li></li>

<ol></ol> — этот тег делает нумерованные список список, элементы в данном списке должны быть выделены тегом <li></li>

<br> — этот тег делает перенос на новую строку.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Наша вторая страница</title>
 </head>
 <body>
 <i>Это написано курсивом.</i><br>
   <small>Это написано  уменьшенным шрифтом.</small>
    <hr />
	 <ul>
			<li>первый</li>
			<li>второй</li>
	</ul>
	<ol>
			<li>Первый - нумерованный список</li>
		    <li>Второй - нумерованный список</li>
	</ol>
	Некоторый текст<br /> и ещё текст, уже на новой строке
	<p>Этот текст выделен в абзац </p>
	<h1>Заголовок 1</h1>
	<h2>Заголовок 2</h2>
	<h3>Заголовок 3</h3>
	<h4>Заголовок 4</h4>
	<h5>Заголовок 5</h5>
	<h6>Заголовок 6</h6>
	<b>Это написано жирным шрифтом</b><br>
	<strong>Это написано полужирным шрифтом</strong>
 </body>
</html>

Записываем данные теги в  Notepad++ и сохраняем, у нас должна получиться страничка вот такая:

Урок 3 основные теги HTML

Урок 3 основные теги HTML

В данном уроке я не рассматриваю как менять размер шрифта, цвет текста и так далее. Обычно это делает через CSS, о нем я расскажу позже для начала Вам надо понят просто как устроен язык HTML  и запомнить основные теги для редактирования текста.

Рекомендую прочитать :

Прокомментировать

Яндекс.Метрика