Бирки HTML основные

Бирки рубрики

Все старты документа с рубрикой. Вы можете использовать различные размеры для ваших рубрик. HTML также имеет 6 уровней рубрик, которые используют элементы <h1>, <h2>, <h3>, <h4>, <h5>, и <h6>. Пока показывающ любую рубрику, браузер добавляет одну линию перед и одну линию позже которая рубрика.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

Это даст следующий:

Рубрика HTML маркирует

Бирка параграфа

Бирка <p> предлагает путь составить ваш текст в различные параграфы. Каждый параграф текста должен пойти между <p> отверстия и заключительной биркой </p> как показан ниже в пример:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>Here is a first paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>Here is a third paragraph of text.</p>
</body>
</html>

Это даст следующий:

Here is a first paragraph of text.

Here is a second paragraph of text.

Here is a third paragraph of text.

Линия бирка пролома

Когда вы используете элемент <br/>, что-нибыдь следовать им начинает от следующей линии. Эта бирка пример пустого элемента, где вам не нужно раскрыть и закрыть бирки, по мере того как ничего пойти между ими.

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

Пример

<!DOCTYPE html>
<html>
<head>
<title>Line Break  Example</title>
</head>
<body>
<p>Hello<br />
You delivered your assignment ontime.<br />
Thanks<br />
Mahnaz</p>
</body>
</html>

Это даст следующий:

Hello
You delivered your assignment ontime.
Thanks
Mahnaz

Центризовать содержание

Вы можете использовать бирку <center> для того чтобы положить любое содержание в центр страницы или любой клетки таблицы.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>This text is not in the center.</p>
<center>
<p>This text is in the center.</p>
</center>
</body>
</html>

Это даст следующий:

This text is not in the center.

This text is in the center.

Горизонтальные прямые

Использованы горизонтальные прямые визуально замкнули вулканизационный барабан разделы документа. Бирка <hr> создает линию от настоящего положения в документе к правому допустимому пределу и ломает линию соответственно.

Например вы можете хотеть дать линию между 2 параграфами как в, котор дали примере ниже:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>

Это даст следующий:

This is paragraph one and should be on top

This is paragraph two and should be at bottom

Опять бирка <hr/> пример пустого элемента, где вам не нужно раскрыть и закрыть бирки, по мере того как ничего пойти между ими.

Элемент <hr/> имеет пространство между характеры hr и передний слеш. Если вы снимаете этот космос, то более старые браузеры будут иметь тревогу представить линию horizontak, пока если вы пропускаете передние характер слеша и как раз <hr>, то пользы оно инвалидны в XHTML

Форматизация заповедника

Иногда вы хотите ваш текст следовать точным форматом как написано в документе HTML. В те случаи, вы можете использовать preformatted <pre> бирки.

Любой текст между биркой <pre> отверстия и заключительной биркой </pre> сохранит форматизацию исходного документа.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre>
function testFunction( strText ){
   alert (strText)
}
</pre>
</body>
</html>

Это даст следующий:

function testFunction( strText ){
   alert (strText)
}

Попытка используя такой же Код без держать его бирки <pre>… </pre> внутренности

Nonbreaking космосы

Предположите что вы хочет использовать фразу «12 сердитых люд.» Здесь вы не хотели бы браузер разделить «12, сердито» и «людей» через 2 линии:

An example of this technique appears in the movie "12 Angry Men."

В случаях, где вы не хотите браузер клиента сломать текст, вы должны использовать &nbsp реальности nonbreaking космоса; вместо нормального космоса. Например, кодируя «12 сердитых людей» в параграфе, вы будете должны использовать что-то подобное к следующему Коду:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Nonbreaking Spaces Example</title>
</head>
<body>
<p>An example of this technique appears in the movie "12&nbsp;Angry&nbsp;Men."</p>
</body>
</html>
Advertisements