<!DOCTYPE html>
<!-- HTML声明 -->
<html>
<head>
<meta charset='utf-8' name="keywords" content="hansome" />
<!-- 设置网页搜索关键字 -->
<meta name='description' content="hansome for everything" />
<!-- 设置网页搜索内容 -->
<!-- <meta http-equiv='refresh' content="5; url=http://www.w3school.com.cn/tags/tag_meta.asp"/> -->
<!-- 设置网页跳转 -->
<title>
这是一个帅气的网页
</title>
</head>
<body>
<!--我的代码 不许篡改 改动者拖出去斩首-->
<h1>这是一个<font color='red' size='7'>网页 一级标题五秒后跳转</font> </h1>
<!-- 设置字体样式 -->
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>
<!-- 只有六级标签 重要性逐级递减 -->
<p>p标签用来表示段落 </p>
<hr />
<!-- 这是分割线 -->
<p>
11111111111111111111111111111111<br><br><br><br>hhhhhhhhh
<!-- 这是换行 -->
<br>a<b>c
<!-- a<b>c -->
<p> ©经典</p>
<!--不间断空格( )-->
<img src="C:\Users\Administrator\picture\TIM图片20190114102407.jpg" alt="这是一张帅气的图片" width="600px"/>
<!-- 这是图片 指定一个值会等比例缩放 -->
<p> <font color=red> 惊情四百年 </font> </p>
<iframe src="view-source:file:///C:/Users/Administrator/Desktop/demo011_%E5%86%85%E8%81%94%E6%A1%86%E6%9E%B6.html" name="jk"> </iframe> </p>
<!-- 内联框架 可以引入一个外部的页面 属性：
src：指向一个外部页面的路径，可以使用相对路径
width：
height：
name：可以为内联框架指定一个name属性
在现实开发中不推荐使用内联框架，因为内联框架中的内容不会被搜索引擎所检索
-->
<a href="http://www.baidu.com">我是一个超链接</a>
<!-- 实现当前页面跳转 -->
</p>
</body>
</html>
1.HTML中设置锚点定位的几种方式
<通过设置锚点可以使用户快速抵达页面的指定位置 优化用户体验>
（1） 使用id定位 这样的定位可以针对任何标签来定位
格式：<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<p> 1111111111111111111111111111111 </p>
<div>
（2） 使用name定位 使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用
格式： <a href="#5F">锚点5</a>
<a name="5F">1111111</href>
（3）使用 js 定位
格式：<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
小试牛刀
网友评论