Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Заголовки




Перенос строк

Дополнительные параграфы

Дополнительные примеры

Комментарии в HTML

Тег комментария используется для вставки комментариев в исходный код HTML. Комментарии будут проигнорированы браузером. Комментарии можно использовать для пояснения кода, что может помочь при редактировании исходного кода в будущем.

<!-- Это комментарий -->

Вот пример:

<html><body>Этот текст будет показан в окне браузера. <!-- Этот текст не будет показан, это комментарий. --></body></html>

Пример выполнения данного HTML-кода

Этот текст будет показан в окне браузера.

Лучшим способом изучения HTML является работа с примерами. Рассмотрим несколько примеров, которые иллюстрируют некоторые элементы форматирования документов.

Этот пример демонстрирует некоторые особенности поведения по умолчанию элементов параграфа.

<html><body> <p>Этот параграф содержит много строк в исходном коде,но браузер это игнорирует.</p> <p>Этот параграф содержит много пробеловв исходном коде,но браузер это игнорирует.</p> </body></html>

Пример выполнения данного HTML-кода

Этот параграф содержит много строк в исходном коде, но браузер это игнорирует.

Этот параграф содержит много пробелов в исходном коде, но браузер это игнорирует.

Этот пример демонстрирует использование переноса строк в документе HTML.

<html><body> <p>Чтобы выполнить перенос<br>строк<br>в <br>параграфе,<br>используйте тег br.</p></body></html>

Пример выполнения данного HTML-кода

Чтобы выполнить перенос

строк

в

параграфе,

используйте тег br.

 

Этот пример демонстрирует некоторые проблемы с форматированием HTML. Попробуем отформатировать стихи:

 

<html><body> <p> В лесу родилась елочка. В лесу она росла. Зимой и летом стройная, Зеленая была.</p> <p>Обратите внимание, что браузер просто проигнорировал использованное форматирование!</p> </body></html>

Пример выполнения данного HTML-кода

В лесу родилась елочка. В лесу она росла. Зимой и летом стройная, Зеленая была.

 

Обратите внимание, что браузер просто проигнорировал использованное форматирование!

 

Этот пример демонстрирует теги, которые выводят заголовки в документе HTML.

<html><body> <h1>Это заголовок уровня 1</h1><h2>Это заголовок уровня 2</h2><h3>Это заголовок уровня 3</h3><h4>Это заголовок уровня 4</h4><h5>Это заголовок уровня 5</h5><h6>Это заголовок уровня 6</h6> <h1 align="center">Это заголовок 1, он выровнен по центру страницы.</h1> <p>Используйте теги заголовков только для заголовков. Не используйте их просто для того, чтобы выделить что-то жирным шрифтом. Используйте для этого другие теги.</p> </body></html>

Пример выполнения данного HTML-кода




Поделиться с друзьями:


Дата добавления: 2014-01-11; Просмотров: 424; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.011 сек.