<!DOCTYPE html>
<html>
<head>
<!--设置浏览器编码-->
<meta charset="utf-8">
</head>
<body>
<!--斜体标签 主要是搜索引擎优化(SEO)-->
<i>aaaaaaaa</i>
<em>aaaaaaaa</em><br>
<cite>aaaaaaaaa</cite>
<!--加粗标签-->
<strong>强调加粗标签</strong>
<b>普通加粗</b>
<b>普通加粗</b>
<!--段落标签 内容上下各留一行空白-->
<p>aaaaaaaa</p>
<p>强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签强调加粗标签</p>
<!--上标 下标-->
2<sup>3</sup><br>
H<sub>2</sub>o<br>
<!--标签是可以嵌套使用的 嵌套要正确-->
<p><strong><i>标题</i></strong>普<i>通文</i>本</p>
<!--标题标签-->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
<!--删除线-->
<del>998</del>18
<h3>列表标签</h3>
<!--
有序列表
无序列表
自定义列表
-->
<h2>有序列表</h2>
<ol>
<!--li列表项标签-->
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
<h2>无序列表</h2>
<ul>
<li>长城</li>
<li>故宫</li>
<li>天安门</li>
</ul>
<h2>自定义列表</h2>
<dl>
<!--自定义列表标题-->
<dt>小吃</dt>
<!--自定义列表内容-->
<dd>卤煮</dd>
<dd>豆汁</dd>
<dt>水果</dt>
<dd>香蕉</dd>
<dd>芒果</dd>
</dl>
<h2>a链接标签</h2>
<!--
<标签名称>
<标签名称 属性名称="属性值" 属性名称="属性值">内容</标签名称>
全局属性(在任何标签中都可以使用的属性)
id
class
style
title
鼠标放上去提示的文字
必须属性(必须写的属性)
href 链接地址
可选属性[]
target 打开方式 默认值 _self
新窗口打开 _blank
框架 _parent
链接地址
绝对地址:
相对网站根目录开始找
wamp www目录是web服务器的根目录
相对地址:
相对于当前页面
. 当前目录
.. 上一级目录
-->
<a href="./2list.html">链接标签</a>
<a href="../20150605/a.html">链接标签</a>
<a href="./a/b.html">链接标签</a>
<a href="/112/20150605/a.html" target="_blank" title="鼠标放上去提示的文字">链接标签</a>
<h3 title="aa">aaa</h3>
<a name="top"></a>
<h3>a链接应用---锚点</h3>
<!--路径#锚点名称-->
<a href="./4amaodian.html#one">第一章</a>
<a href="./4amaodian.html#two">第二章</a>
<a href="./4amaodian.html#three">第三章</a>
<!--设置锚点-->
<a name="one"></a>
<p style="width:500px;height:500px;background:red;">第一章</p>
<a name="two"></a>
<p style="width:500px;height:500px;background:blue;">第二章</p><a href="./4amaodian.html#top">返回顶部</a>
<a name="three"></a>
<p style="width:500px;height:500px;background:yellow;">第三章</p>
</body>
</html>
斜体,字体,标题,列表,a链接,描点
最新推荐文章于 2022-12-05 17:48:44 发布