XHTML CSS пишет обычный блог

Полным названием блога должно быть веб -журнал, что означает «сетевой журнал» на китайском языке, а затем сокращено как блог, а блог (блоггер) - это человек, который пишет блог. Понимание, блог - это «метод публикации, который выражает личные мысли, онлайн -ссылки, контент, расположенные в хронологическом порядке и постоянно обновляется». Проще говоря, блоги - это тип людей, которые привыкли писать дневники в Интернете. Как применить полное имя блога должно быть веб -журналом, что означает, что сетевой журнал в китайском языке, а затем сокращен как блог, а блог (блоггер) - это человек, который пишет блог. Понимание, блог - это метод публикации, который выражает личные мысли, онлайн -ссылки и контент, расположенные в хронологическом порядке и постоянно обновляется. Проще говоря, блоги - это тип людей, которые привыкли писать дневники в Интернете. Как применять HTML и CSS для написания красивого и формального блога:

Гиперссылки являются наиболее часто используемыми HTML -тегами в блогах. Они используются для ссылки на другие статьи или ссылки на сайт. Рекомендуется добавить следующие атрибуты при использовании тега:

Href: установите адрес URL или точку привязки ссылки

Цель: Установите целевое окно или страницу кадра после нажатия на ссылку с мышью. Как правило, обычно используется Target = _blank, что означает, что открывается новое окно, чтобы открыть ссылку. Если вы откроете ссылку на текущей странице, вам не нужно добавлять этот атрибут.

Название: Установите сообщение о приглашении, отображаемое, когда мышь перемещается по ссылке

REL: Это новый атрибут, который только в последнее время стал популярным. rel = nofollow означает запрещение поисковых систем связывать с этого сайта, вызывая изменения в значении PageRank URL -адреса ссылки, и часто используется для предотвращения спам -ссылки; rel = Tag Это настройка Technorati для Technorati, которая использует текст этой ссылки в качестве тега тега для страницы.

В статье не должно быть слишком много ссылок. Слишком много ссылок заставит читателей чувствовать себя подавленными и нервными при чтении. Если цвет ссылки и контраст цвета текста слишком большой, это также заставит людей выглядеть ослепительно. Лучший эффект ссылки состоит в том, чтобы иметь светлый контраст или подчеркнуть, и заполнить атрибут заголовка, чтобы указать, что такое содержание этой ссылки и почему вы хотите ссылаться. Иногда вы также можете прикрепить ссылки, связанные с этой статьей, и прокомментировать список в конце статьи.

Написание блога не может быть похожим на романов Гу Лонга в том или ином предложении, поэтому бесспорно писать блог в соответствии с стилем письма, преподаваемого учителем, когда он был учеником. Рекомендуется использовать тег P для сегментации статьи, код следующим образом: <p> Текст статьи </p>.

Стоит отметить, что многие блоггеры не имеют привычки рассмотреть первую строку. Некоторые из них в большинстве случаев вписывают несколько мест под редактором. Вот первый код отступления в строке, реализованный с текстовым атрибутом CSS: <p style = text-indent: 2em;> Текст статьи </p>. Устройство отступления, как правило, 2EM, что указывает на двух китайских иерок. Не используйте процент или другие длины единицы, такие как PX и Pt. Используйте их, чтобы поддерживать отступление двух китайских символов, в то время как шрифт и макет страницы масштабируются.

Для блоггеров, которые любят вешать картинки в статьях, рекомендуется установить атрибут Align Actribute тега IMG влево или вправо, чтобы легко достичь висящего изображения и обмотки тела. Вы также можете использовать атрибут Float Tag Div, чтобы повесить влево и вправо для достижения текста окружающей среды. Что еще лучше, так это то, что вы можете понять левую и правую висеть для рекламы Google Adsense. Код: <div style = высота: 100%; ширина: 150px; float: right;> Вы можете разместить здесь ссылки на изображение или поместить код Google Adsense, такие как иностранные блоги </div>.

Используйте <ul> <ol> <li> и другие теги списка листов стилей, чтобы перечислить некоторые записи субтитров, код: <ul> <li> Проблема 1 </li> <li> Проблема 2 </li> </ul>.

Размер шрифта текста может быть установлен в соответствии с вашими личными предпочтениями. Как правило, используется версия системы блога по умолчанию (13PT, Song Font и Courier New). Если текст нуждается в большом шрифте, а ваш текст слишком большой и сложен, добавьте стиль в абзац <p>: line-hight: 120%; Это означает, что высота линии в 1,2 раза больше шрифта.

Хотя мы все знаем, что при написании блогов лучше быть коротким и кратким, но также невозможно избежать необходимости длинных статей особого характера. В настоящее время рекомендуется устанавливать субтитры с различными уровнями, такими как <h1> <h2> ... <h6>, и использовать четыре теги списка определений в верхней части статьи, эффект отображения похож на каталог/индекс в Word, что может увеличить читабельность и организацию статьи. Многие статьи в MSDN Microsoft расположены таким образом. Чтобы реализовать функцию Jump Link, вы можете изменить конкретный подзаголовок, изменяя тег якоря, код: <a name = list1> <h1> title 1 </h1> </a>.

Рекомендую использовать тег <bllackquote>, который может автоматически уменьшить левые и правые концы страницы. Как правило, по умолчанию составляет 40 пикселей, например,: <blockquote style = foangy-color: #f7f7f7; граница: 1px detted #dedbde; Padding: 10px;> Это пример цитирования стиля </blockquote>