HTML学习笔记(三)

一:HTML块、类、布局

HTML

可以通过

将 HTML 元素组合起来。


HTML 块元素

大多数 HTML 元素被定义为块级元素或内联元素。

编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:

,

,

    ,。


      HTML 内联元素

      内联元素在显示时通常不会以新行开始。

      例子:,

      ,,


      HTML 类

      对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。 为相同的类设置相同的样式,或者为不同的类设置不同的样式。

      分类块级元素

      HTML

      元素是块级元素。它能够用作其他 HTML 元素的容器。 设置
      元素的类,使我们能够为相同的
      元素设置相同的类。

      分类行内元素

      HTML元素是行内元素,能够用作文本的容器。 设置元素的类,能够为相同的元素设置相同的样式。


      HTML 布局

      使用

      元素的 HTML 布局

      注释:

      元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。

      HTML学习笔记(三)_第2张图片

      使用表格的 HTML 布局

      注释:

      元素不是作为布局工具而设计的。

      元素的作用是显示表格化的数据。 使用
      元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式:

      HTML学习笔记(三)_第3张图片

      二:HTML背景(Backgrounds)

      拥有两个配置背景的标签。背景可以是颜色或者图像。

      背景颜色(Bgcolor)

      背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

      以上的代码均将背景颜色设置为黑色。

      背景(Background)

      背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

      提示:如果你打算使用背景图片,你需要紧记一下几点:

                1、背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。

                2、背景图像是否与页面中的其他图象搭配良好。

                3、背景图像是否与页面中的文字颜色搭配良好。

                4、图像在页面中平铺后,看上去还可以吗?

                5、对文字的注意力被背景图像喧宾夺主了吗?


      基本的注意事项 - 有用的提示:

      标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃。W3C 在他们的推荐标准中已删除这些属性。

      应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。


      三:HTML 脚本

      HTML script 元素

      你可能感兴趣的:(HTML学习笔记(三))