Уважаемые знатоки, подскажите, как оформить текст html разметкой? Прочитала кучу информации, но не поняла, как вставлять теги: нужна какая-то программа или просто набрать <h1> или другой тег, и я даже не знаю, как выглядит оформленный html разметкой текст, например, он должен быть разделен на 2 колонки в конечном виде, с выделенными подзаголовками или он так и выглядит – с открывающими и закрывающими тегами? Я тут запутала, наверное, вас. Попробую на примере:
Вариант 1.
Мишка
Мишка косолапый по лесу идет.
Вариант 2.
<h1> Мишка</h1>
Мишка косолапый по лесу идет.
Извините за веб-безграмотность, научите, пожалуйста, меня, глупую.
Спасибо за пояснение. Я даже не знала, так ли выглядит конечный текст или это только полуфабрикат, который я должна вставить в какую-то программу для дальнейшего форматирования. Еще раз, благодарю!
Теперь начнем наполнять сайт текстом. Для этого надо рассмотреть правила форматирования текста в HTML. Здесь познакомимся со множеством новых тэгов. Хочу сказать сразу, что в запоминании всех этих тэгов нет необходимости, часто используемые сами останутся в голове, а другие можно всегда посмотреть в справочнике.
Как сделать абзац?
В HTML есть одна особенность: если вы напечатаете строчку, затем нажмете Enter, а затем напечатаете вторую строчку, то браузер соединит эти две строки, разместив их одну вслед за другой, т.е. проигнорирует "клавишу Enter". Для создания нового абзаца используйте тег < P >. Текст между этими тэгами и будет отдельным абзацем. Пример: < p >Содержание абзаца< /p >.
Основные тэги форматирования:
< B >Текст< /B > - Текст между этими тэгами будет выделен жирным шрифтом
< I >Текст< /I > - Текст между этими тэгами будет выделен курсивом
< U >Текст< /U > - Текст между этими тэгами будет подчеркнутым
< TT >Текст< /TT > - Текст между этими тэгами будет выделен моноширинным шрифтом
< H1 >Текст< /H1 > — < H6 >Текст< /H6 > - Тэги вида < Hi > (где i — цифра от 1 до 6) описывают заголовки, подзаголовки и подподзаголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.
< BR > - Этот тэг используется, если необходимо перейти на новую строку, не прерывая абзаца. Это не парный тег, то есть его не надо закрывать конечным тегом < /BR>
< HR > - Еще один не парный тэг. Тэг < HR > вставляет горизонтальную линию.
Новые возможности.
Язык HTML дает возможность комбинирования нескольких стилей. Пример: < B >< I >Текст< / I >< / B >. В результате мы получим жирный курсив. Обратите внимание на структуру комбинированных стилей. Тэг < I > находится внутри тэга < B >, можно и наоборот, здесь важна очередность закрывания тэгов.
Атрибуты
Атрибуты в HTML позволяют сделать текст на странице более наглядным. Например, они могут выравнить текст нужным образом, увеличить его, поменять цвет и т.д. Выравнивание текста по центру – подходящий способ оглавления заголовков и оглавлений. Чтобы добиться этого можно использовать тэг < CENTER >Текст отобразиться в центре страницы
. Такого же результата можно достичь использованием тэгов < P > и < H1 >-< H6 > c атрибутом align. Атрибут указывает браузеру, что нужно изменить стандартный способ отражения тэга. Примеры:
< H1 align=CENTER >Выравнивание заголовка по центру< /H1>
< P align=RIGHT >Образец абзаца с выравниванием по правому краю< /P>
< H4 align= LEFT >Выравнивание текста по левому краю< /H4>"
Только убирайте пробелы между скобками и буквами: <H1>. Я на этом примере попалась недавно. До того момента всегда копировала теги из указанного текста.
Большое спасибо. Очень хорошая шпаргалка, буду пользоваться. Просто я впервые столкнулась с таким понятием, теперь я уже поняла, для чего это надо. Еще раз - спасибо!
HTML-теги.Заголовок первого уровня - собственно, название статьи. Заголовок 1-го уровня, может быть только один!
<h1> Название статьи</h1>
(<h1> - открывающий тег, </h1>- закрывающий)
Подзаголовков второго, третьего и остальных уровней (всего их 5 – от H2 до H6) может быть сколько угодно. Обозначаются они так:
<h2> Подзаголовок второго уровня</h2>
<h3> Подзаголовок третьего уровня</h3>
И так далее – до 6-го.
Точка в конце заголовков и подзаголовков НЕ СТАВИТСЯ.
Ключевые слова в тексте оформляют тегами <strong> и <em>. Первый выделяет текст жирным, второй - курсивом:
1. текст <strong>ключевое слово</strong> текст
2. текст <em>ключевое слово </em> текст
Можно вместо <strong> использовать тег <b>, а вместо <em> – тег <i>, хотя они считаются устаревшими и могут не отображаться в некоторых современных браузерах. Есть и другое различие между этими парами тегов: <b> и <i> выполняют визуальное выделение текста, а <strong> и </em> указывают на его важность.
Для форматирования абзацев используются теги <p> </p>
Публикация комментариев и создание новых тем на форуме Адвего для текущего аккаунта ограничено. Подробная информация и связь с администрацией: https://advego.com/v2/support/ban/forum/1186