筑巢地点：如何使背景图片的HTML

很多新手网页设计师，只钻研创作网站的本质，往往不知道该怎么做HTML背景图像。 如果有人能够解决这个问题，它仍然是在监视器上拉伸图像的整个宽度的时间的问题。 同时，我想看到的所有浏览器上显示相同的部位，所以应该满足跨浏览器的要求。 您可以设置背景有两种方式：通过使用 HTML标签 和CSS样式。 每一个为自己选择最好的选择。 当然，CSS样式是方便多了，因为它的代码存储在一个单独的文件，并且不占用额外的音箱在主站点的标签，但首先，让我们考虑在网站的后台安装图像的简单方法。

基本的HTML标记来创建背景

所以，我们去的是如何使背景图像中的HTML屏幕上的问题。 为了寻找美丽的网站，你必须了解一个相当重要的细节：这是不够只是为了让一个渐变背景或写生，纯色，但如果你需要插入背景图片，它不会延长显示器的整个宽度。 该影像原来需要拿起或使自己的设计，这种扩展，在其中会显示该网站的页面。 只有当背景图像是准备好了，将它拖到名为«图像»文件夹。 在这里面，我们将存储所有使用的图像，动画和其他图形文件。 此文件夹应位于根目录中所有的HTML文件。 现在你可以和代码移动。 有几个选项用于编写代码，通过背景将改变图片。

1. 写标签属性。
2. 通过在HTML代码中CSS样式。
3. 写CSS样式在一个单独的文件。

如HTML，使背景图片，你决定，但我想说它怎么会是最理想的几句话。 第一种方法是通过标签属性写早已过时。 第二个选项是使用很少，因为事实证明，很多相同的代码。 第三种选择是最常见的和有效的。 下面是HTML标签的例子：

1. 通过在index.htm文件标签属性（体）的第一记录方法。 它被存储在这种形式：（体背景= “FOLDER_NAME / Nazvanie_kartinki.rasshirenie”）（/体）。 也就是说，如果我们有一个标题«图片»和延伸JPG，我们命名为«图像»，然后将HTML代码输入看起来像这样的文件夹的图片：（身体背景=“图像/ Picture.jpg”）...（/体） 。
2. 第二种方法是记录一个CSS样式，但它是写在名为index.htm的同一个文件。 （体型= “背景：网址（ '../图像/ Picture.jpg'）”）。
3. 记录的第三种方法在两个文件作出。 名为index.htm的标签（头）文件写入这样一行：（头）（链接相对= “样式” 类型= “文/ CSS的” href =“HTTP：//网站/条/ 193110 / D0％9F％ ％D1％83％D1％82％D1％8C_％D0％BA CSS_faylu“）（/头）。 一个名为style.css的风格已经写：身体{背景：网址（图像/ Picture.jpg“）}。

如HTML，使背景图片，我们可以理解。 现在你需要弄清楚如何在整个屏幕的宽度拉伸图像。

的方式来将背景图像拉伸到窗口的宽度

我们代表一个百分比的形式我们的屏幕。 事实证明，在屏幕的整个宽度和长度为100％×100％。 我们需要将图片拉伸到这个宽度。 添加到图像文件记录的style.css线，将拉伸图像在显示器的整个宽度和长度。 因为它是写在CSS样式？ 这很简单！

体

{

背景：网址（图像/ Picture.jpg“）

背景尺寸：100％; / *这个职位是适合大部分现代浏览器* /

}

所以我们想出如何使屏幕上的HTML中的图片背景。 也有在index.htm文件记录的方法。 虽然这种方法已经过时了，但对于初学者，有必要认识和了解。 标签（头）（风格）DIV {背景大小：盖; }（/样式）（/头），该记录意味着我们分配一个特殊单元用于背景，这将被定位在该窗口的整个宽度。 我们考虑两种方式，如何让背景图片的HTML网站，从而使图像被拉伸到屏幕的任何现代浏览器的整个宽度。

如何使一个固定的背景

如果你决定使用图片作为未来网络资源的背景下，那么你只需要知道如何使它固定的，所以它在长度不拉伸并没有破坏美观。 只需通过使用HTML代码来注册一个小的补充。 您需要提交的style.css背景后添加一个短语：网址（图片/ Picture.jpg“）固定; 或者分号分隔行之后而不是加入 - 位置是：固定。 因此，你的壁纸将是固定的。 在该网站上滚动的内容，你会看到文本行动，但背景保持不变。 所以，你学会了如何做HTML背景图片，在几个方面。

在HTML表工作

许多缺乏经验的Web开发人员，面对表和块，往往不知道如何让HTML图像背景表。 像所有的 球队HTML 和CSS样式，网页编程语言是相当简单的。 和解决这个问题是写一个双行代码。 你应该已经知道，写分别行和列的表格，由标签（TR）和（TD）所示。 为了使在一个图像的形式表中的背景，有必要添加到标签（表），（TR）或（TD）的简单短语参照参考图像：背景= URL图片。 为了清楚起见，我们给出两个例子。

表用图片代替背景：HTML示例

绘制一个2×3表，并使其存储在所述文件夹中的 “影像” 的背景图像：（表背景= “图像/ Picture.jpg”）（TR）（TD）1（/ TD）（TD）2（/ TD）（TD） 3）（/ TD）（/ TR）（TR）（TD）4（/ TD）（TD）5（/ TD）（TD）6（/ TD）（/ TR）（/表）。 因此，我们的表将在图片的背景绘制。

现在绘制的2x3的相同的板尺寸，但在插入编号为1，4,5和6（表）的列（TR）的图片（TD背景= “图像/ Picture.jpg”）1（/ TD）（TD）2 （/ TD）（TD）3（/ TD）（/ TR）（TR）（TD背景= “图像/ Picture.jpg”）4（/ TD）（TD背景= “图像/ Picture.jpg”）5（ / TD）（TD背景= “图像/ Picture.jpg”）6（/ TD）（/ TR）（/表）。 看，我们可以看到，背景只出现在那些在我们注册，而不是整个表格单元格后。

跨浏览器兼容的网站

有这样的事，作为一个跨浏览器兼容的网络资源。 这意味着，您的网站同样显示在不同类型和浏览器的版本。 它应该是 HTML代码 和CSS样式来定制需要的浏览器。 此外，在智能手机的新时代，很多Web开发人员正在努力创建网站，并适用于手机版和电脑的外观。