Веб-браузеры обычно не принимают во внимание те символы перевода строки, которые вносятся в текст пользователем на этапе ее формирования. Для начала нового абзаца служит тэг (тег) <P>
После открытия страницы в окне Веб-браузера все абзацы ее текста, помеченные тэгом (тегом) <P>, разделяются пустыми строками, что улучшает ее компоновку и внешний вид.
По умолчанию браузер обычно форматирует абзац с выравниванием по левому полю. Для принудительного выравнивания служит атрибут align. С его помощью абзацы могут быть выровнены влево, вправо, по центру и по ширине.
Вот так выглядит HTML-код выравнивания в сборе:
<p align= «left» >абзац выровнен влево…</p>
<p align= «right» >абзац выровнен вправо…</p>
<p align= «center» >абзац выровнен по центру…</p>
<p align= «justify» >абзац выровнен по ширине…</p>
Для выравнивания по центру так же можно применить парный тег <center>
<html>
<head>
<title>Online обучение: HTML</title>
</head>
<body>
<center>
<P>Я изучаю язык разметки (маркировки) гипертекста – HTML. Он мне нужен для создания персонального сайта.</P>
<P>Это мой первый опыт по созданию интернет странички. Я хочу создавать свои сайты и получать пассивный доход в интернете. </P>
</center>
</body>
</html>
Веб-браузеры могут автоматически переносить текст внутри абзацев на новую строку. Для перехода к новой строке используется тэг (тег) <BR>.
Он сообщает браузеру, что следует прекратить размещение текста и других элементов на текущей строке и перейти к новой строке. Тэг (тег) <br> одинарный и не имеет закрывающего тэга (тег) с флешем.
Этот тэг (тег) <br> удобен также, когда необходимо увеличить пустые области между отдельными элементами страницы.
Пример переноса:
<P>HTML (Hyper Text Markup Language) – язык разметки (маркировки) гипертекста. <br>
Гипертекст, своим развитием, обязан интернету, хоть и создавался он совсем не для того. <br>
HTML , дает возможность производить переход от одной части текста к другой и что замечательно, эти части могут храниться на совершенно разных компьютерах. </P>
Форматирование текста жирным и курсивом
Тэг <b> информирует браузер, что весь текст между <b> и </b> должен быть напечатан жирным шрифтом. ( «b» это сокращение для «bold».)
<b> Этот текст будет «жирным» </b>
Тэги <h1>, <h2>, <h3>, <h4>, <h5> и <h6> указывают браузеру создавать заголовки (h для «heading»), где <h1> это заголовок первого уровня — самый крупный шрифт, <h2> — заголовок второго уровня — шрифт меньшего размера, и <h6> — заголовок шестого уровня — самого низкого в этой иерархии, и самый маленький шрифт.
<h1>Это заголовок</h1>
<h2>Это подзаголовок</h2>
Тег <H> как вы поняли, является парным. Используется обычно для выделения абзаца. При этом текст, выделенный тегом будет располагаться как абзац… как будто вы перед текстом и после поставили еще теги <br>. Т.е. текст заключенный в тег <h> будет написан с новой строки.
Само собой текст можно сделать еще и жирным и курсивом.
Например: <b><i><h3> Это жирная строка курсивом </h3></i></b>
Таким образом, с помощью тэга <i> , вы можете придать тексту вид курсива или если сказать по другому, italic. Как вы понимаете «i» это сокращение от «italic».
Рассмотрим второй способ изменения размера шрифта
Размер текста можно так же задать с помощью параметра size. Используя этот параметр в теге <font> , например вот так:
<html>
<head>
<title>Online обучение: HTML</title>
</head>
<body>
<center>
<font size=”4”> <P>Я изучаю язык разметки (маркировки) гипертекста – HTML. Он мне нужен для создания персонального сайта.</P><font>
<font size=”3”><P>Это мой первый опыт по созданию интернет странички. Я хочу создавать свои сайты и получать пассивный доход в интернете. </P><font>
</center>
</body>
</html>
Горизонтальная черта
Тэг — <hr /> — рисует горизонтальную линию ( ”hr” от ”horizontal rule” )
________________________________
Написание текста мелким шрифтом
Для уменьшения размера шрифта применяется тэг <small> и уже строка с мелким шрифтом прописывается вот так:
<small>Это строка мелким шрифтом</small>
Тэги применяемые для вывода списков.
Эти тэги используются для вывода списков <ul>, <ol> и <li>. К этим тегам также требуется наличие и закрывающего тэга </ul>, </ol> , </li>.
<ul> — сокращение от «unordered list/неупорядоченный список» — вставляет значок точки для каждого элемента списка.
<ol> — сокращение от «ordered list/упорядоченный список» — нумерует каждый элемент списка.
<li> — сокращение от «list item/элемент списка»- используется для создания элемента списка.
Как это выглядит
Пример:1
<ul>
<li>Элемент списка</li>
<li>Другой элемент списка</li>
</ul>
• Элемент списка
• Другой элемент списка
Пример:2
<ol>
<li>Первый элемент списка</li>
<li>Второй элемент списка</li>
</ol>
1. Первый элемент списка
2. Второй элемент списка
