快速学会HTML语言-9-样式标记(实例)

2025-10-23 19:49:50

1、脚本标记script

<script>标记用于定义客户端脚本。

例如JavaScript客户端脚本语言,实现HTML动态功能。

这是外部引用JavaScript脚本文件

<script type="text/javascript"  src="脚本文件位置"></script>

接下来演示内部引用JavaScript

document.write("");固定写法向body标记中写入内容

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

快速学会HTML语言-9-样式标记(实例)

2、样式标记style

<style type="text/css"></style>

type属性必写,定义style元素的内容。

h1

{

color: skyblue;

font-size: 20px;

}

h1{}定义所有h1标记的样式

color: skyblue;定义文字颜色

font-size: 20px;定义文字大小

快速学会HTML语言-9-样式标记(实例)

3、链接标记link

<link>标记定义文档与外部资源的关系,常用于链接样式表,也就是第二步的样式标记style。

首先创建外部CSS样式表,然后用编辑软件打开它,输入代码。

如图照样h1标记有了样式效果,简单来说就是代码转移到另一个文件上。

<link rel="stylesheet" type="text/css" href="index.css">

rel="stylesheet" type="text/css"固定写法

href="样式文件位置"

快速学会HTML语言-9-样式标记(实例)

快速学会HTML语言-9-样式标记(实例)

4、特殊符号要用特殊代码输入。

对应表

& - &amp;

© - &copy;

< - &lt;

> - &gt;

”- &quot;

× - &times;

§ - &sect;

® - &reg;

™ - &trade;

快速学会HTML语言-9-样式标记(实例)

5、粗体标记有两个:b标记和strong标记

这两个效果都是一样的,只是语义不同。

快速学会HTML语言-9-样式标记(实例)

6、斜体标记有三个:i标记和em标记和cite标记

效果都是一样的,只是语义不同。

快速学会HTML语言-9-样式标记(实例)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢