Latest web development tutorials
×

HTML курс

HTML курс HTML Краткое введение HTML редактор HTML Фонд HTML элемент HTML свойство HTML заголовок HTML пункт HTML Форматирование текста HTML ссылка HTML руководитель HTML CSS HTML изображение HTML таблица HTML список HTML блок HTML раскладка HTML форма HTML рамка HTML цвет HTML название цвета HTML значения цвета HTML скрипт HTML символьные объекты HTML URL HTML Быстрый список HTML резюме XHTML Введение

HTML5

HTML5 курс HTML5 Поддержка браузеров HTML5 Новый элемент HTML5 Canvas HTML5 Инлайн SVG HTML5 MathML HTML5 Перетаскивание HTML5 Географическое положение HTML5 видео(Video) HTML5 аудиочастота(Audio) HTML5 Input тип HTML5 элементы формы HTML5 Свойства формы HTML5 Смысловые элементы HTML5 Web память HTML5 Web SQL HTML5 кэш приложений HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 викторина HTML(5)Спецификация Код

HTML средства массовой информации

HTML средства массовой информации(Media) HTML Виджет HTML аудиочастота(Audio) HTML видеоплеер(Videos) HTML примеров

HTML справочное руководство

HTML список Теги(в алфавитном порядке) HTML список Теги(функция сортировки) HTML свойство HTML событие HTML холст HTML аудиочастота/видео HTML эффективный DOCTYPES HTML название цвета HTML Выбор цвета HTML Набор символов HTML ASCII HTML ISO-8859-1 HTML символ HTML URL кодирование HTML таблица условных сигналов HTTP новости HTTP способ Сочетания клавиш

HTML CSS

CSS (каскадные таблицы стилей) для визуализации стиля тегов HTML элемент.

Смотри! Стили и цвета

Манипулирование текст
Цвета, Ящики
и многое другое ...


Попробуйте »


примеров

Попробуйте - Пример

HTML с использованием стиля
Этот пример демонстрирует, как использовать эту информацию, чтобы добавить к стилю <голова> раздел формата HTML.

Этот пример демонстрирует , как использовать атрибут стиля не подчеркивать ссылки.
Как использовать свойство, чтобы сделать стиль не подчеркнутые ссылки.

Ссылка на внешнюю таблицу стилей
Этот пример демонстрирует, как Теги ссылки на внешнюю таблицу стилей.


Как использовать CSS

В HTML 4, CSS, используется для того, чтобы лучше визуализации HTML-элементы, введенные.

CSS могут быть добавлены в HTML следующим образом:

  • Встроенный стиль - использование "стиль" атрибут в HTML - элементов
  • Внутренние таблицы стилей - во главе с HTML - документа <голова> области с помощью элемента <Style> содержит CSS
  • Внешнее задание - Использовать внешний файл CSS

Лучший способ это через внешние ссылки CSS файлов.

На этом сайте Учебник HTML мы используем встроенные стили CSS, чтобы ввести экземпляр, который должен упростить пример, но и делает его более легким для вас, чтобы изменить код в Интернете и онлайн работает экземпляр.

Вы можете на сайте Учебник CSS, CSS учебник , чтобы узнать больше CSS знания.


Инлайн стиль

Когда особый стиль должен быть применен к отдельным элементам, вы можете использовать встроенные стили. Использование встроенного стиля является использование атрибута стиля в соответствующем теге. Атрибут Style может содержать любое свойство CSS. В следующем примере показано, как изменить цвет абзаца и с левого края.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Узнайте больше стилей, пожалуйста , посетите CSS учебник .


HTML Style Пример - Цвет фона

Фон цвет фона атрибут цвета (цвет фона) определяют элемент:

примеров

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

Попробуйте »

Ранний фон атрибут цвета (цвет фона) является использование определения атрибута BGCOLOR.

Попробуйте: Старые HTML , чтобы установить фоновый режим


HTML Style Пример - Шрифт, цвет шрифта, размер шрифта

Мы можем использовать семейство шрифтов (шрифт), цвет (цвет), и размер шрифта (размер шрифта), чтобы определить стиль атрибуты шрифта:

примеров

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

Попробуйте »

В настоящее время широко используется семейство шрифтов (шрифт), цвет (цвет), и размер шрифта (размер шрифта) атрибуты, чтобы определить стили текста, вместо того, чтобы с помощью тега <FONT>.


HTML Style Пример - Выравнивание текста

С помощью выравнивания текста (выравнивание текста) атрибут уровня определяет вертикальное выравнивание текста:

примеров

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

Попробуйте »

Text-выравнивать текст-Align свойство, чтобы заменить старый ярлык <центр>.

пробовать


Внутренний таблица стилей

Когда один файл требует особого стиля, вы можете использовать внутреннюю таблицу стилей. Вы можете <голова> Тег секции по <Style> определяет внутреннюю таблицу стилей:

<Head>
<Тип Style = "текст / CSS">
тело {фонового цвета: желтый;}
р {цвет: синий;}
</ Style>
</ Head>


Внешний таблица стилей

Когда стиль должен быть применен ко многим страницам, внешний таблица стилей будет идеальным выбором. Используйте внешнюю таблицу стилей, вы можете изменить файл, чтобы изменить внешний вид всего сайта.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


теги HTML стиль

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址


Устаревшие теги и атрибуты

В HTML 4, оригинальные поддержка пользовательских HTML элемент теги и атрибуты стиля устарели. Эти метки не будут поддерживать новую версию HTML-тегов.

Устаревшие этикетки: <FONT>, <Центр>, <удар>

Устаревшие атрибуты: цвет и BGCOLOR.