一:HTML 的 style 属性
style属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变HTML 元素样式的方式。通过 HTML 样式,能够通过使用style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
HTML 样式实例:
background-color 属性为元素定义了背景颜色;
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸;
text-align 属性规定了元素中文本的水平对齐方式;
二:HTML CSS
通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。
如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
![](https://img.haomeiwen.com/i4482006/fdee58ec5f27ba38.png)
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过
![](https://img.haomeiwen.com/i4482006/693904dee278a53f.png)
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
![](https://img.haomeiwen.com/i4482006/92cb08b8819a0793.png)
三:HTML链接
HTML超链接(链接)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用<a>标签在 HTML 中创建链接。有两种使用<a>标签的方式:
1,通过使用 href 属性 - 创建指向另一个文档的链接
2,通过使用 name 属性 - 创建文档内的书签
提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性:使用 Target 属性,你可以定义被链接的文档在何处显示。
HTML 链接 - name 属性:name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。 书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
四:HTML图像
图像标签(<img>)和源属性(Src)在 HTML 中,图像由<img>标签定义。<img>是空标签,意思是说,它只包含属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是:<img src="url" alt="Big Boat">
![](https://img.haomeiwen.com/i4482006/30a2fc0af9a95856.png)
![](https://img.haomeiwen.com/i4482006/78334c81a85a863b.png)
六:HTML列表HTML 支持有序、无序和定义列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,即type属性:disc、circle、square。
无序列表始于<ul>标签。每个列表项始于<li>。
![](https://img.haomeiwen.com/i4482006/7c39527f747b658e.png)
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于<ol>标签。每个列表项始于<li>标签。
![](https://img.haomeiwen.com/i4482006/8bb352ca9a65698c.png)
定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
![](https://img.haomeiwen.com/i4482006/b89d4076f223329d.png)
网友评论