2016 - 2024

感恩一路有你

学习HTML语言-样式标记

浏览量:4528 时间:2024-08-14 08:23:16 作者:采采

HTML是网页制作的基础语言,而样式标记则是让网页更加美观和有吸引力的必要手段。在本文中,我们将讲解样式标记的用法和实例,并且介绍一些特殊符号和常见的格式化标记。

脚本标记

首先,我们来介绍脚本标记。脚本标记是用于定义客户端脚本的标记,例如JavaScript客户端脚本语言,实现HTML动态功能。外部引用JavaScript脚本文件的代码如下:

```html

```

接下来演示内部引用JavaScript,向body标记中写入内容的固定写法如下:

```js

document.write("你好");

```

这个就是写入body标记中内容,刚好是h1标记,所以显示在了网页上。

样式标记

其次,我们介绍样式标记。样式标记是用于定义网页样式的标记,例如文字颜色、字体大小等。定义所有h1标记的样式代码如下:

```html

```

其中,`type`属性必须写,用于定义`style`元素的内容。`h1{}`定义所有`h1`标记的样式,`color: skyblue;`定义文字颜色,`font-size: 20px;`定义文字大小。

链接标记

再次,我们来介绍链接标记。链接标记用于定义文档与外部资源的关系,常用于链接样式表,也就是第二步的样式标记。外部CSS样式表的创建和编辑代码如下:

```html

```

其中,`rel"stylesheet"`定义文档与外部样式表的关系,`href"样式文件位置"`定义外部样式表文件的路径。

特殊符号转义

另外,我们需要注意特殊符号的输入。对应表如下:

| 特殊符号 | 转义代码 |

| -------- | -------- |

| | amp; |

| ? | copy; |

| < | lt; |

| > | gt; |

| " | quot; |

| × | times; |

| § | sect; |

| ? | reg; |

| ? | trade; |

格式化标记

最后,我们介绍两种格式化标记:粗体标记和斜体标记。粗体标记有两个:`b`标记和`strong`标记,这两个效果都是一样的,只是语义不同。斜体标记有三个:`i`标记和`em`标记和`cite`标记,效果都是一样的,只是语义不同。

总结

本文介绍了HTML语言中样式标记的用法和实例,包括脚本标记、样式标记、链接标记、特殊符号转义和格式化标记等。为了使网页更加美观和有吸引力,我们需要掌握这些标记的用法,使用它们可以使网页更加优雅和易读。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。