HTML Совет - Как Посмотреть Исходный код
Смотрели ли вы когда-нибудь на Веб страницу и гадали "Эй! Как они это сделали?"
Чтобы узнать, кликните правой кнопкой мыши на странице и выберите "Посмотр HTML-кода" (в Internet Explorer) или "Посмотреть Код Страницы" (в Firefox), в других браузерах - по аналогии. В результате откроется окно, содержащее HTML код страницы.
Примеры данной главы |
Заголовки
Как показать заголовки в HTML документе.
Скрытые комментарии
Как вставить комментарии в исходный код HTML.
Горизональные разделители
Как вставить горизонтальную линию.
HTML Справочник Тегов
Вы узнаете больше о HTML тегах и атрибутах в следующих уроках этого курса.
Тег | Описание |
<html> | Определяет HTML документ |
<body> | Определяет тело документа |
<h1> - <h6> | Определяют HTML заголовки |
<hr /> | Определяет горизонтальную линию |
<!--> | Определяет комментарий |
HTML Параграфы
Параграфы определяются тегом <p>.
Пример
|
Замечание: Браузеры автоматически добавляют пустую строку перед и после параграфа.
Не Забывайте Про Конечный Тег
Большинство браузеров отобразят HTML корректно даже если вы забудете про конечный тег:
Пример
|
Пример выше будет работать в большинстве браузеров, но не полагайтесь на это. Пропуск конечного тега может привести к непредвиденным результатам или ошибкам.
|
|
Замечание: Будущая версия HTML не позволит вам пропускать конечные теги.
HTML Переходы На Новую Строку
Используйте тег <br /> если вы хотите перейти на новую строку без создания нового параграфа:
Пример
|
<br /> элемент - это пустой HTML элемент. Он не имеет конечного тега.
<br> или <br />
В XHTML, XML, и будущих версиях HTML, HTML элементы с пропущенным конечным (закрывающим тегом) не допустимы.
Даже если <br> работает во всех браузерах, написание <br /> более правильно.
HTML Отображение - Полезные Советы
Вы не можете быть уверены как HTML будет отображаться. Большие или маленькие экраны, и изменения размеров окон приведут к различным результатам.
С HTML, вы не можете изменить отображение путем добавления дополнительных пробелов или строк в ваш HTML код.
Браузер удаляет лишние пробелы и лишние строки, когда страница отображается. Любое количество строк рассматривается как одна строка, и любое количество пробелов рассматривается как один пробел.
Пример
|
|
(Этот пример демонстрирует некоторые проблемы HTML форматирования)
Примеры данной главы |
HTML параграфы
Как HTML параграфы отображаются в браузере.
Переходы на новую строку
Использование переходов на новую строку в HTML документе.
Проблемы форматирования
Некоторые проблемы, связанные с HTML форматированием.
Еще примеры
Группа параграфов
Поведение параграфов по умолчанию.
HTML Справочник Тегов
Тег | Описание | |
<p> | Определяет параграф | |
<br /> | Вставляет переход на следующую строку | |
HTML Форматирование Текста
|
HTML Теги Форматирования
HTML использует теги <b> и <i> для форматирования вывода жирного или курсивного текста.
Эти HTML теги называются тегами форматирования (смотрите внизу страницы полный справочник таких тегов).
Часто <strong> отображается браузером как <b>, и <em> отображается как <i>. Однако , существует разница в значении этих тегов: <b> или <i> определяет только жирный или курсивный текст. <strong> или <em> используются для придания "важности" тексту. Сегодня все основные браузеры отрисовывают strong-текст как жирный и em-текст как курсив. Однако, в будущем это может измениться и strong-текст станет отображаться не как жирный, а другим способом, например как курсив, а не как жирный текст! |
|
|
Примеры - кликните, чтобы посмотреть пример |
Форматирование текста
Как форматировать текст в HTML документе.
Предварительно отформатированный текст
Как контролировать переносы строк и пробелы с помощью тега pre.
Теги "компьютерного вывода"
Как различные теги "Компьютерного вывода" отображаются
Адрес
Как определить контактную информацию для автора/владельца HTML документа.
Аббревиатуры и акронимы
Как управлять аббревиатурами и акронимами.
Направление текста
Как изменять направление текста.
Цитаты
Как делать длинные и короткие цитаты.
Удаленный и вставленный текст
Как отметить удаленный и выделенный текст.
Дата добавления: 2019-01-14; просмотров: 253; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!