Предпосылки HTML

Advertisements

Previous Page
Next Page  
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">

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

  • Предпосылка HTML с цветами
  • Предпосылка HTML с изображениями

Теперь препятствуйте нам те оба подхода по-одному используя соотвествующие примеры.

Предпосылка HTML с цветами

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

<tagname bgcolor="color_value"...>

Этому color_value можно уступать любое после форматов:

<!-- Format 1 - Use color name -->
<table bgcolor="lime" >
 
<!-- Format 2 - Use hex value -->
<table bgcolor="#f1f1f1" >
 
<!-- Format 3 - Use color value in RGB terms -->
<table bgcolor="rgb(0,0,120)" >

Пример

Здесь примеры для того чтобы установить предпосылку бирки HTML:

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Colors</title>
</head>
<body>

<!-- Format 1 - Use color name -->
<table bgcolor="yellow" width="100%">
<tr><td>
This background is yellow
</td></tr>
</table>
 
<!-- Format 2 - Use hex value -->
<table bgcolor="#6666FF" width="100%">
<tr><td>
This background is sky blue
</td></tr>
</table>
 
<!-- Format 3 - Use color value in RGB terms -->
<table bgcolor="rgb(255,0,255)"  width="100%">
<tr><td>
This background is green
</td></tr>
</table>

</body>
</html>

Это даст следующий:

This background is yellow
This background is sky blue
This background is green

Предпосылка HTML с изображениями

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

Примечание: Атрибут предпосылки deprecated и порекомендованы, что использует лист типа для установки предпосылки.
<tagname background="Image URL"...>

Наиболее часто используемые форматы изображения изображения JPEG, GIF и PNG.

Пример

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

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>

<!-- Set table background -->
<table background="/images/html.gif" width="100%" height="100">
<tr><td>
This background is filled up with HTML image.
</td></tr>
</table>
 
</body>
</html>

Это даст следующий:

This background is filled up with HTML image.

Сделанные по образцу & прозрачные предпосылки

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

Предложено что пока создающ картины или прозрачные изображения GIF или PNG, используйте самые малые размеры возможные как только мало как 1x1 для того чтобы во избежание медленная нагрузка.

Пример

Здесь примеры для того чтобы установить картину предпосылки таблицы:

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>

<!-- Set a table background using pattrern -->
<table background="/images/pattern1.gif" width="100%" height="100">
<tr><td>
This background is filled up with a pattern image.
</td></tr>
</table>

<!-- Another example on table background using pattrern -->
<table background="/images/pattern2.gif" width="100%" height="100">
<tr><td>
This background is filled up with a pattern image.
</td></tr>
</table>
 
</body>
</html>

Это даст следующий:

Эта предпосылка заполнена вверх с изображением картины.
Эта предпосылка заполнена вверх с изображением картины.
Advertisements