Макет параграфа и разрывы линейных веб -страниц HTML

Автор：Eve Cole Время обновления：2025-05-26 03:00:03

Прекрасно, является ли внешний вид веб -страницы, в значительной степени зависит от его макета. Большие параграфы текста появляются на странице, которые обычно планируются в сегментах, и существуют чрезвычайно строгие подразделения для разрывов строк. Этот раздел начинается с деталей абзаца, так что читатели могут использовать теги для свободного обработки текста больших параграфов после обучения.

Текст и абзацы на HTML -страницах

Благодаря изучению предыдущей главы, читатели имеют относительно прочную основу в общей настройке производительности веб -страницы. Тем не менее, читатели не только хотят выразить текст на веб -странице, но и хотят ввести и изменять текст на веб -странице. В этой главе изучатся простой макет, модификацию, прокрутку текста и гиперссылки текста. Гиперссылки повсюду в разработке веб -сайтов и находятся в центре внимания веб -страниц.

При изучении этой главы создайте каталог с именем главы3 в каталоге d:/web/web/wep File из предыдущей главы в d:/web/gact3 и сделайте классификацию. Эта глава продолжает создавать образцы файлов в каталоге D:/ Web/ для облегчения тестирования образцов файлов с IIS.

- Примечание. Следующие главы будут рассматриваться аналогичным образом и не будут повторяться. Например, файл в главе 4 классифицируется как d:/ web/ глава4.

4.1.

4.1.1 Сегмент большие параграфы текста

Просто используйте обычно используемые теги для сегментации текста, то есть используйте начало абзаца и используйте конец абзаца. Некоторые веб -страницы пропущены при сегментировании, то есть они используются в качестве отдельных тегов, потому что тег в начале следующего абзаца означает конец предыдущего абзаца.

-Примечание. Автор не рекомендует использовать в качестве единого тега, так как этот код не является стандартизированным и подверженным ошибкам.

Создайте файл веб -страницы в D:/ Web/ Directory с именем P.HTM, и напишите код, как показано в коде 4.1.

Код 4.1 Настройки сегмента: P.HTM

<html>

<голова>

<Title> Настройки сегмента </title>

</head>

<тело>

фильм в две недели: «Адские дела три: Комментарий Комментария Ultimate»

это только начинается после конца

В конце 2002 года начался миф. 2003 Осень и зима, направляясь к кульминации и конечному. «Адские дела» означает, что он наследует буддийскую философию, и что свет и тьма, выживание и вымирание, существование и ничто смешано в смешанном образом и разваливаются шокирующим образом, что также является процессом обогащения и единства. Есть причина, есть результат, и есть грех, есть судьба. Удивительная ситуация и внешность заключается в пределах слов и интерпретаций. Это не может быть раскрыто, и это не может быть молчаливым, и это зависит друг от друга. Звук сердца всегда есть, допрашивая себя, времени и пространства. Это лучшее время, это худшее время, и люди почти в каждой эпохе говорят это. Тем не менее, «Vimalakirti Sutra: седьмая глава взгляда всей жизни» говорит: без привязанности нет происхождения. Начиная с слов и поступков тела, через невыразимый уровень, мы изначально достигаем состояния самооценки, которое, в конце концов, является не чем иным, как отношением к выживанию. По моему мнению, Лю Цзяньминг, Чен Юнгрен, Хан Чен, Хуан Чжиченг, Ни Юнксиао, Лу Цичанг, Ян Цзиньронг, Шен Ченг и другие на самом деле являются зеркальными фигурами в своей судьбе. Все они могут видеть себя друг от друга, сражаться, разрываться, тонуть и разбросать, как будто они являются бедствиями и извращенной жизнью, поэтому они являются адскими делами.

Гу Жун сказал от идеализма к эмпиризму, Ван Сяобо сказал, что он настороженно для тиранов и героев, кто герои? Откуда они взялись? Так что, если они придут? Мы все еще хотим героев в нашу эпоху? Когда я отредактировал этот E -форум, я почувствовал себя немного облегченным. Из текста мы видим, что все думают. В конце концов, мы больше не слепой последователь. На мой взгляд, развлечения никогда не были просто развлечением. Вы можете увидеть мир из капли воды, цветов и песка. То, о чем мы думаем в фильме, суждено быть больше, а понимание безгранично. Каждый из нас составляет этот мир, и у нас есть доля, независимо от того, является ли мир хорошим или плохим. У каждого из нас есть своя жизнь, как наши сильные, так и слабые стороны, что является основой для нашего общего прогресса.

</body>

</html>

Введите http: //localhost/p.htm в адресной строке браузера, и эффект просмотра показан на рисунке 4.1.

Рисунок 4.1 Настройка сегментации

Через сегменты тегов организовано текстовое расположение больших сегментов.

4.1.2 Добавить пробелы в текст

Если вы внимательно посмотрите на рисунок 4.1, сегментация на рисунке кажется немного неловкой, потому что в начале каждого сегмента нет пространств для персонажей.

- Описание: Согласно китайским письменным привычкам, в первой строке абзаца должно быть 2 китайских иерогене.

Я узнал предыдущую главу, что на странице невозможно отобразить, просто постукивая космическую панель с помощью клавиатуры в HTML -коде. HTML использует 1 космический символ (английский космический символ). Поскольку 1 китайский персонаж занимает ширину двух английских персонажей, добавьте 4 & NBSP; символы до начала первой строки абзаца и изменить код P.HTM, как показано в коде 4.2.

Код 4.2 Настройки космических символов: p.htm

<html>

<голова>

<Title> Настройки сегмента </title>

</head>

<тело>

фильм в две недели: «Адские дела три: Комментарий Комментария Ultimate»

это только начинается после конца

& nbsp; & nbsp; & nbsp; В конце 2002 года начался миф. 2003 Осень и зима, направляясь к кульминации и конечному. «Адские дела» означает, что он наследует буддийскую философию, и что свет и тьма, выживание и вымирание, существование и ничто смешано в смешанном образом и разваливаются шокирующим образом, что также является процессом обогащения и единства. Есть причина, есть результат, и есть грех, есть судьба. Удивительная ситуация и внешность заключается в пределах слов и интерпретаций. Это не может быть раскрыто, и это не может быть молчаливым, и это зависит друг от друга. Звук сердца всегда есть, допрашивая себя, времени и пространства. Это лучшее время, это худшее время, и люди почти в каждой эпохе говорят это. Тем не менее, «Vimalakirti Sutra: седьмая глава взгляда всей жизни» говорит: без привязанности нет происхождения. Начиная с слов и поступков тела, через невыразимый уровень, мы изначально достигаем состояния самооценки, которое, в конце концов, является не чем иным, как отношением к выживанию. По моему мнению, Лю Цзяньминг, Чен Юнгрен, Хан Чен, Хуан Чжиченг, Ни Юнксиао, Лу Цичанг, Ян Цзиньронг, Шен Ченг и другие на самом деле являются зеркальными фигурами в своей судьбе. Все они могут видеть себя друг от друга, сражаться, разрываться, тонуть и разбросать, как будто они являются бедствиями и извращенной жизнью, поэтому они являются адскими делами.

& nbsp; & nbsp; & nbsp; gu Zhun сказал от идеализма к эмпиризму, Ван Сяобо сказал, что он настороже для тиранов и героев, кто такие герои? Откуда они взялись? Так что, если они придут? Мы все еще хотим героев в нашу эпоху? Когда я отредактировал этот E -форум, я почувствовал себя немного облегченным. Из текста мы видим, что все думают. В конце концов, мы больше не слепой последователь. На мой взгляд, развлечения никогда не были просто развлечением. Вы можете увидеть мир из капли воды, цветов и песка. То, о чем мы думаем в фильме, суждено быть больше, а понимание безгранично. Каждый из нас составляет этот мир, и у нас есть доля, независимо от того, является ли мир хорошим или плохим. У каждого из нас есть своя жизнь, как наши сильные, так и слабые стороны, что является основой для нашего общего прогресса.

</body>

</html>

Введите http: //localhost/p.htm в адресную строку браузера, и эффект просмотра показан на рисунке 4.2.

Рисунок 4.2 Настройка космических символов

Первоначально абзац был сформирован, и пространства были выражены. Читатели могут добавить космические символы, чтобы проверить абзац.

4.1.3 Установка разрывов текстовой строки, а не разрывы строк

Рисунок 4.1 выглядит так, как будто нет проблем. Когда текст достигнет границы браузера, он автоматически обернет линию. Однако, когда ширина браузера регулируется, положение разрывов текстовой линии также меняется соответственно, и формат кажется довольно запутанным. Чтобы стандартизировать формат, читатели должны использовать один тег, чтобы заставить разрыв строки при написании кода. Напротив, части, которые не нужно обернуться, включены в двойные теги . Измените код P.HTM, как показано в коде 4.3.

Код 4.3 Управление разрывом строки: P.HTM

<html>

<голова>

<Title> Настройки сегмента </title>

</head>

<тело>

фильм в две недели: «Адские дела три: Комментарий Комментария Ultimate»

это только начинается после конца

& nbsp; & nbsp; & nbsp; В конце 2002 года начался миф. 2003 Осень и зима, направляясь к кульминации и конечному. адские дела состоит в том, чтобы унаследовать буддийскую философию, а свет и тьма, выживание и вымирание, существование и небытие запутаны в смешанном манере и разваливаются в шокирующем пути. Это также процесс обогащения и единства. Есть причина, есть результат, и есть грех, есть судьба. Красота ситуации и внешнего вида заключается в пределах слов и интерпретаций. Это не может быть раскрыто, и это не может быть молчаливым, и это зависит друг от друга. Звук сердца всегда есть, допрашивая себя, времени и пространства. <Bobr> Это лучшее время, это худшее время, и люди почти в каждой эпохе говорят об этом. Тем не менее, «Vimalakirti Sutra: седьмая глава взгляда всей жизни» говорит: без привязанности нет происхождения. из слов и поступков тела, и через невыразимый уровень мы изначально достигаем состояния самооценки, которое, в конце концов, является не чем иным, как отношением к выживанию. По моему мнению, Лю Цзяньминг, Чен Юнгрен, Хан Чен, Хуан Чжиченг, Ни Юнксиао, Лу Цичанг, Ян Цзиньронг, Шен Ченг и другие на самом деле являются зеркальными фигурами в своей судьбе. Все они могут видеть себя друг от друга, сражаться, разрываться, тонуть и разбросать, как будто они являются бедствиями и извращенной жизнью, поэтому они являются адскими делами.

</body>

</html>

Введите http: //localhost/p.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.3.

Рисунок 4.3 Управление разрывом линии

Из этого примера деталь, содержащаяся в <Bobr> , не будет автоматически обернута, если нет принудительной обертывания.

4.1.4 Установить выравнивание текста

Текст в параграфах должен быть выровнен по -разному в какой -то момент, а выравнивание по умолчанию остается. Атрибут выравнивания тега выравнивается. Установите выравнивание влево, правое или центральное значение для достижения левого, правого и центрального выравнивания. Измените код P.HTM, как показано в коде 4.4.

Код 4.4 Контроль выравнивания: P.HTM

<html>

<голова>

<Title> Настройки сегмента </title>

</head>

<тело>

фильм в две недели: «Адские дела три: Комментарий Комментария Ultimate»

это только начинается после конца

& nbsp; & nbsp; & nbsp; & nbsp; В конце 2002 года начался миф. 2003 Осень и зима, направляясь к кульминации и конечному. «Адские дела» означает, что он наследует буддийскую философию, и что свет и тьма, выживание и вымирание, существование и ничто смешано в смешанном образом и разваливаются шокирующим образом, что также является процессом обогащения и единства. Есть причина, есть результат, и есть грех, есть судьба. Удивительная ситуация и внешность заключается в пределах слов и интерпретаций. Это не может быть раскрыто, и это не может быть молчаливым, и это зависит друг от друга. Звук сердца всегда есть, допрашивая себя, времени и пространства. Это лучшее время, это худшее время, и люди почти в каждой эпохе говорят это. Тем не менее, «Vimalakirti Sutra: седьмая глава взгляда всей жизни» говорит: без привязанности нет происхождения. Начиная с слов и поступков тела, через невыразимый уровень, мы изначально достигаем состояния самооценки, которое, в конце концов, является не чем иным, как отношением к выживанию. По моему мнению, Лю Цзяньминг, Чен Юнгрен, Хан Чен, Хуан Чжиченг, Ни Юнксиао, Лу Цичанг, Ян Цзиньронг, Шен Ченг и другие на самом деле являются зеркальными фигурами в своей судьбе. Все они могут видеть себя друг от друга, сражаться, разрываться, тонуть и разбросать, как будто они являются бедствиями и извращенной жизнью, поэтому они являются адскими делами.

& nbsp; & nbsp; & nbsp; & nbsp; gu Zhun сказал от идеализма к эмпиризму, Ван Сяобо сказал, что он настороже к тиранам и героям, кто герой? Откуда они взялись? Так что, если они придут? Мы все еще хотим героев в нашу эпоху? Когда я отредактировал этот E -форум, я почувствовал себя немного облегченным. Из текста мы видим, что все думают. В конце концов, мы больше не слепой последователь. На мой взгляд, развлечения никогда не были просто развлечением. Вы можете увидеть мир из капли воды, цветов и песка. То, о чем мы думаем в фильме, суждено быть больше, а понимание безгранично. Каждый из нас составляет этот мир, и у нас есть доля, независимо от того, является ли мир хорошим или плохим. У каждого из нас есть своя жизнь, как наши сильные, так и слабые стороны, что является основой для нашего общего прогресса.

</body>

</html>

Введите http: //localhost/p.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.4.

Рисунок 4.4 Контроль выравнивания

4.1.5 Добавление горизонтального разделителя

HTML предоставляет горизонтальные разделители для изменения параграфов, которые можно легко использовать во многих случаях без дополнительных чертежей. Метка горизонтального разделителя представляет собой единственную метку <hr />, которая занимает одну строку по умолчанию.

Создайте файл веб -страницы в каталоге D:/ Web/ с именем hr.htm и напишите код, как показано в коде 4.5.

Код 4.5 Настройки строки разделителей: hr.htm

<html>

<голова>

<Title> Настройки линий разделителей </title>

</head>

<тело>

Просмотрите славные кантонские песни на музыкальной сцене

<HR />

& nbsp; & nbsp; & nbsp; & nbsp; Какая песня самая ранняя кантонская песня все еще противоречива. В 1973 году участник сестры сестринского цветочного цвета Сян Дула спел песню с той же названием для сериала «Hidden and Crystal», созданная Гу Цзяхуи. Эта песня также является тематической песней первой кантонской драмы в музыкальной индустрии Гонконга. В том же году молодой Адам Ченг также снялся в драме TVB "Smoky Rain" и спел песню с той же названием. Тематическая песня с тем же названием популярного фильма «The Two Stars» Selledude Xu Guanjie в 1974 году была бомбой в музыкальной индустрии, которая стала первой китайской песней, которую сыграют на BBC Radio в Великобритании. В то время он был известен и был самым признанным всеми за происхождение кантонских песен.

</body>

</html>

Введите http: //localhost/hr.htm в адресной строке браузера, и эффект просмотра показан на рисунке 4.5.

Это все еще противоречиво, какая песня была самой ранней кантонской песней. В 1973 году сестра палочки для еды Хуа Ченг Ченгксиан Дула пела тему песни с той же названием для сериала «Hidden and Crystal», созданный Гу Цзяхуи. Эта песня также является тематической песней первой кантонской драмы в музыкальной индустрии Гонконга. В том же году Адам Ченг, который был новичком, также снялся в драме TVB "Smoky Rain" и спел песню с той же названием. Тематическая песня с тем же названием хит -фильма «The Two Stars», исполняющая Сюй Гуанджи в 1974 году, была бомбой в музыкальной индустрии. Это стало первой китайской песней, которую сыграли на радио BBC в Великобритании. В то время он был известен и был самым признанным всеми за происхождение кантонского.

Рисунок 4.5 Настройка линий разделителей

Простая тега <hr /> может реализовать разделитель, легко изменив макет параграфа, чтобы сделать его более красивым. Однако для разных случаев приложения стиль одной линии по умолчанию, очевидно, не может соответствовать требованиям. Многочисленные атрибуты тега <hr /> решают эту проблему. Обычно используемые атрибуты включают ширину, размер, выравнивание, цвет и заголовок. Ширина - это настройка ширины. Блок по умолчанию значения атрибута - пиксели. Процент также может быть использован для представления доли пространства, занятого разделителем. Размер можно понимать как толщина или высота разделителя, а единица по умолчанию значения атрибута такая же, как ширина. Выравнивание - это выравнивание, похожее на выравнивание . Цвет - это цвет, а разные цвета разделителя устанавливаются в соответствии с потребностями. Атрибут заголовка не используется много, и подсказка о содержании значения атрибута появляется, когда курсор зрителя колеблется над разделителем.

- Описание: Выравнивание по умолчанию <HR /> сосредоточено. Единицы по умолчанию атрибутов ширины HTML и высоты представляют собой пиксели, и, как правило, единица идентификации не требуется. Однако устройство должно быть идентифицировано в атрибуте стиля.

<HR /> Есть еще один атрибут, который является Noshade. Когда делитель не имеет набора цветов, и определенный размер установлен, делитель выглядит трехмерным вогнутым и имеет тени. Если свойство Noshade используется, разделитель будет монохромным. Измените код HR.HTM, как показано в коде 4.6.

Код 4.6 Настройки стиля разделителя: hr.htm

<html>

<голова>

<Title> Настройки линий разделителей </title>

</head>

<тело>

Установите ширину 300 пикселей и разделитель с правой выровнением:

Установите 50% ширину и центр разделителя:

Установите ширину 50%, толщину 50 пикселей и нет делителя Noshade:

Установите толщину 50 пикселей и используйте делитель Noshade:

Установите толщину 50 пикселей и темно -красного разделителя:

Установите толщину 50 пикселей, установите светло -синий цвет и установите спасибо за прибытие! Советы для разделителя:

</body>

</html>

Введите http: //localhost/hr.htm в адресной строке браузера, и эффект просмотра показан на рисунке 4.6.

Рисунок 4.6 Настройки стиля линий разделителей