学习HTML语言-样式标记
HTML是网页制作的基础语言,而样式标记则是让网页更加美观和有吸引力的必要手段。在本文中,我们将讲解样式标记的用法和实例,并且介绍一些特殊符号和常见的格式化标记。
脚本标记
首先,我们来介绍脚本标记。脚本标记是用于定义客户端脚本的标记,例如JavaScript客户端脚本语言,实现HTML动态功能。外部引用JavaScript脚本文件的代码如下:
```html
```
接下来演示内部引用JavaScript,向body标记中写入内容的固定写法如下:
```js
document.write("你好");
```
这个就是写入body标记中内容,刚好是h1标记,所以显示在了网页上。
样式标记
其次,我们介绍样式标记。样式标记是用于定义网页样式的标记,例如文字颜色、字体大小等。定义所有h1标记的样式代码如下:
```html
h1 {
color: skyblue;
font-size: 20px;
}
```
其中,`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语言中样式标记的用法和实例,包括脚本标记、样式标记、链接标记、特殊符号转义和格式化标记等。为了使网页更加美观和有吸引力,我们需要掌握这些标记的用法,使用它们可以使网页更加优雅和易读。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。