1.
https://htmlacademy.ru/?utm_source=yand … 8950629447
оналйн
http://uroki-html.ru/html/html_examples.php
http://uroki-html.ru/tryit.php?filename … _locations типа goto/ Переход к другой части документа (на той же старнице)
1.
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12016-02-02 11:31:50
Поделиться22016-02-02 11:32:24
Урок 1. Правильная структура HTML документа, код страницы
<html>
<head>
<title>HTML структура документа</title>
</head>
<body>
<h3>Мой первый заголовок</h3>
<p>Мой первый параграф</p>
<p>Мой второй параграф</p>
</body>
</html>
Рассмотрим HTML теги, определяющие структуру страницы
<html> </html> – обязательные, определяют HTML документ.
<head> </head> – определяют секцию со служебной информацией, содержат инструкции для поисковиков, для браузеров, скрипты.
<title> </title> – определяют основной заголовок web - страницы.
<body> </body> – обязательные, определяют видимую часть документа.
<h3> </h3> – определяют заголовок 3-го уровня.
<p> </p> – определяют параграф.
Поделиться32016-02-02 11:38:25
http://ab-w.net/HTML/html_heading.php
В предыдущем уроке вы познакомились с HTML заголовком 3-го уровня – всего их 6:
<html>
<head>
<title>HTML заголовки</title>
</head>
<body>
<h1>HTML заголовок 1-го уровня</h1>
<h2>HTML заголовок 2-го уровня</h2>
<h3>HTML заголовок 3-го уровня</h3>
<h4>HTML заголовок 4-го уровня</h4>
<h5>HTML заголовок 5-го уровня</h5>
<h6>HTML заголовок 6-го уровня</h6>
</body>
</html>
__________________________________________________________________
<h3 align="left" style="color:Tomato">HTML заголовок слева</h3>
<h2 align="center" style="color:Black">HTML заголовок по центру</h2>
<h1 align="right" style="color:Gray">HTML заголовок справа</h1>
__________________________________________________________________
Атрибуты и значения
align="" – определяет выравнивание.
align="left" – выравнивание по левой стороне.
align="right" – по правой стороне.
align="center" – определяет центрирование.
style="color:" – определяет цвет текста.
Элементы style="" есть линейные CSS включения.
__________________________________________________________________
Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.
HTML заголовок определяет название отдельной статьи или web-страницы.
В идеале страница должна иметь не более одного HTML заголовка 1-го уровня, не более двух второго уровня и так далее.
HTML заголовки, независимо от того, что каждому уровню соответствует определенный размер, могут быть любых размеров – с помощью CSS возможно какое угодно форматирование.
Поделиться42016-02-02 11:46:12
Урок 3. HTML текст, размер шрифта, форматирование текста http://ab-w.net/HTML/html_font.php#html-text-1
_____________________________________________________________________________
Вашему вниманию представлен один из ключевых и самых простых уроков самоучителя.
HTML текст является основной составляющей большинства страниц интернета.
По ключевым фразам в тексте HTML-страницы пользователи могут найти ваш сайт.
HTML текст может быть любого размера и цвета, по вашему усмотрению. Вы также можете определить вид шрифта и его объемность.
HTML размер шрифта обыкновенно устанавливается в пикселях.
HTML форматирование текста широко распространено, применяются форматирующие теги.
_____________________________________________________________________________
Смотрите ниже теги, форматирующие HTML текст:
Теги <strong> </strong> → жирный HTML текст (жирный шрифт).
Теги <b> </b> → жирный HTML текст (жирный шрифт).
Теги <kbd> </kbd> → моноширинный HTML текст (моноширинный шрифт).
Теги <code> </code> → моноширинный HTML текст (моноширинный шрифт).
Теги <samp> </samp> → моноширинный HTML текст (моноширинный шрифт).
Теги <big> </big> → HTML текст, размер больше обычного (крупный шрифт).
Теги <small> </small> → HTML текст, размер меньше обычного (мелкий шрифт).
Теги <em> </em> → наклонный HTML текст (наклонный шрифт).
Теги <i> </i> → наклонный HTML текст (наклонный шрифт).
Теги <dfn> </dfn> → наклонный HTML текст (наклонный шрифт).
Теги <ins> </ins> → подчеркнутый HTML текст (подчеркнутый шрифт).
Теги <del> </del> → зачеркнутый HTML текст (зачеркнутый шрифт).
Теги <sub> </sub> → HTML текст (шрифт) в нижнем индексе.
Теги <sup> </sup> → HTML текст (шрифт) в верхнем индексе.
______________________________________________________________________________
HTML форматирование текста: зачеркнутый, подчеркнутый текст
<strong>... жирный шрифт</strong>
<code>... моноширинный шрифт</code>
<big>... размер шрифта больше обычного</big>
<small>... размер текста меньше обычного</small>
<em>... наклонный шрифт</em>
<ins>подчеркнутый текст (подчеркнутый шрифт)</ins>
<del>зачеркнутый текст (зачеркнутый шрифт)</del>
<sub>нижний индекс</sub>
<sup>верхний индекс</sup>
Cпособы форматирования, представленные выше, должны применяться только для небольших участков текста. Пользуйтесь CSS если хотите установить определенный шрифт для всей страницы, или для нескольких строк, например.
_____________________________________________________________________________
HTML размер шрифта и текста
<html>
<head>
<title>HTML размер шрифта</title>
</head>
<body>
<p style="font-size:9px">Текст высотой 9 пикселей</p>
<p style="font-size:12px">Текст высотой 12 пикселей</p>
<p style="font-size:15px">Текст высотой 15 пикселей</p>
<p style="font-size:18px">Текст высотой 18 пикселей</p>
</body>
</html>
_____________________________________________________________________________
Атрибуты style="" со значениями есть линейные CSS включения.
Дело в том, что чистый HTML не используется при создании сайтов и нет никакого смысла тратить время на изучение некоторых его элементов, которые вы забудете, начав изучение второй ступени сайтостроения — Cascading Style Sheets. Такой подход существенно съэкономит ваше время! К тому же, в пятой, новой версии HTML, которая пока еще не получила официальный статус рекомендации, не поддерживаются теги <font> </font>, с помощью которых в HTML 4.01 можно было установить размер шрифта.
Страница: 1