Как работает веб-страница

Без HTML - не было бы и WWW...

Как работает веб-страница

Основные теги HTML

HTML теги выполняют 90% всего форматирования, которое вы видите на большинстве Веб-страниц.

Если Вам понравился «first.html»- файл, который мы обсуждали выше, Вы можете продолжать экспериментировать с этой Веб-страницей, добавляя в него новые теги и проверяя результаты.

Давайте начнем!

 

Жирный шрифт, курсив и подчеркивание

Сделать любой фрагмент текста жирным можно путем добавления тега: <b> к началу текста и заканчивая закрывающим тегом: </b>

Это <b>жирный</b>. Это жирный.

Чтобы выделить текст курсивом, используйте теги: <i>… </i>

Это <i>курсив</i>. Это курсив.

Чтобы подчеркнуть текст, используйте теги: <u>…</u>

Это <u>подчеркнутый</u> Это подчеркнутый

Разделители и параграфы

Хотя ваш печатный текст может содержать символы перевода строки, табуляции и лишние пробелы, браузеры их не увидят. Вам придется использовать теги, чтобы создавать пустое пространство в ваших HTML-документах.

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

<p> создает дополнительное пространство между двумя строками текста. Если вы разместите этот тег в строке текста, то он только разорвет строку.

<hr> создает горизонтальную линию.

Не существует формального тега HTML, чтобы создать «tab» в пределах документа. Многие Веб-дизайнеры для создания табуляции создают таблицы, либо используют пустое изображение. Одним из способов отступа текста является использование тега <ul>, чтобы браузер думал, что вы собираетесь создать «список». Список автоматически выравнивает текст. Тег </ul> обозначает конец отступа. Теги <blockquote> … </blockquote> также означают отступ текста.

Еще одно интересное свойство имеется у тега <pre>. Этот тег используется для отображения преформатированного текста — текст будет отображаться «как есть». Между тегами <pre> и </pre> никакие другие теги отображаться в браузере не будут.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Оставить комментарий

Ваш email не будет опубликован.

*


five × five =


Поиск Google

(function() { var cx = '013762819107762716451:zn5azro-xtc'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();

Мы Вконтакте

Top
Follow

Get every new post delivered to your Inbox

Join other followers