(跳转案例在最下面)
html 超文本标记语言
超: 超链接,能从一个网页跳转到另一个网页
网页基础认知
什么是网页?
网站:因特网上根据一定的规则,用html等制作的用于展示特定内容相关的网站
网页:构成网站的基本元素 xianoupeng.com
网页都有啥?----文宇、图片、音频、视频、超链接 打开网页看见的网页的背后:前端程序员写的代码 一------京东网页源代码
结构、表现、行为⋯--html\icss\javascript
标签
双标签;包含关茶(父子标签)、并交系(兄弟关系)
单标签1<br/>h5可以不添加/ <input/>
标签两性:
<marquee loop= “1" bgcolor= "pink" ></marquee»左右滚动
属性名,属性值 w3c规定好的
不同的标签具有不同的属性 <input bgcolor=“pink” >不起作用
disabled:不能输入 属性名=属性值 相同可以省略属性值
字符集不止一种:
ASCIl=====》大小写字母、数宇、符号(128个表) 美
1S0 8859-1=====>扩充一些希腊字符 (256)--欧洲人
6B2312======>扩充6763个汉字,682个字符
GBK======》 继续追加收录汉字和字符20000+,支持繁体中文
国家太多
UTF-8:万国码,包含世界上所有文字与符号(推荐)
head标签中:
<noscript>:浏览器不支持脚本时,所要显示的内容
<base>;网页内部相对URL的计算基准
《title》 内部不能放别的标签
开发工具
Xscode(推荐)
常用标签
https://code.visualstudio.com/
submite webstron
注释及特殊字符:
注释:<1-
-,快捷键ctrl+/
参考文档:W3c官网html标准
https:i/html.spec.whatwg.org/multipage/marquee
搬运工:w3school 免费
MON
html elements (推 )
smargueesw3schaoi查找不到
代码
01-html骨架.html
<!DOCTYPE html>
<!--声明文档 html5 -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>我是最棒的</title>
</head>
<body>
我觉得从事地产的生命v但是v
</body>
</html>
02-快速生成+注释.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 注释 :对代码进行解释 ctrl+/-->
<!-- 不要来,这里代码全是bug,得累死-->
坚实的基础看得出你是大家
</body>
</html>
03-标题标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题标签</title>
</head>
<body>
<!-- 标题标签 h1-h6逐渐变小 独占一行-->
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
</body>
</html>
04-段落标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 段落标签 p 行与行之间空 -->
<p>戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。</p>
<p>此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
</p>《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
</body>
</html>
05-换行标签、水平线标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>戴尔·卡耐基</h2>
<hr />
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
</body>
</html>
06-文本格式化标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>戴尔·卡耐基被誉为美国<strong>“成人教育之父”</strong>,他所著的<b>《人性的弱点》</b>汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。</p>
<p>此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如<em>卡耐基</em>所言:“一个人的成功,只有15%归结于他的专业知识。还有<i
style="color: pink;">85%</i>归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
</p>《人性的弱点》<ins>"身带穷气,一看便知"</ins>:<u>犯了这些事情,贵人之气会减少</u>
<del>2999</del> 9.9<br />
<s>11.0 </s> 11.0
</body>
</html>
07-无语义标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--容器,独占一行 多用于布局-->
<div>
nkdscldscdscdcnkdcds
<img src="../images/dog.gif" alt="">
</div>
<div>
nkdscldscdscdcnkdcds
</div>
<div>
nkdscldscdscdcnkdcds
</div>
<!-- span一行可存在多个 -->
<span>a</span>
<span>a</span>
<span>a</span>
</body>
</html>
08-图片标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<!-- src指向图片位置 alt:图片地址发生错误时,用来提示的字
title:鼠标经过时,显示的文字
border 边框
width:宽度
height:高度
-->
<img src="../images/dog.gif" alt="我是一只最好看的猫咪" title="我是一只狗" height="700px" border="20">
<img src="C:\Users\21195\Desktop\7-5\day1\images\dog.gif">
<img src="https://img1.baidu.com/it/u=3113560374,3342883877&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800" alt="">
</body>
</html>
09-视频.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频标签</title>
</head>
<body>
<!-- width="1800px" height="50px"
controls:控件
autoplay:自动播放
muted:静音播放
poster:等待加载时的显示图片
-->
<video src="./images/video.mp4" controls autoplay muted poster="./images/map.jpg"></video>
</body>
</html>
10-音频标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<audio src="./images/music.mp3" controls muted autoplay loop></audio>
</body>
</html>
11-链接标签.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 默认当前窗口打开 -->
<a href="http://www.xianoupeng.com/" target="_blank">去鸥鹏</a>
<a href="https://www.baidu.com" target="_blank">去百度</a>
<a href="./09-视频.html">去看小视频了</a>
<a href="https://www.baidu.com"><img src="./images/dog.gif"></a>
<a href="http://www.xianoupeng.com"><img src="./images/cat.gif"></a>
</body>
</html>
12-锚链接.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>锚链接</title>
<style>
body {
font-size: 20px;
}
</style>
</head>
<body>
<a href="#one">个人经历</a>
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
戴尔·卡耐基被誉为美国“成人教育之父”,他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容,是作者最成功的励志经典。<br />
<!-- id属性------身份证号 -->
<div id="one">个人经历</div>
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言:“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气,一看便知":犯了这些事情,贵人之气会减少
</body>
13-练习.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<h1>今日搜索热词</h1>
<hr />
<h3>1、阿卡贝拉</h3>
<p>阿卡贝拉 (意大利: Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例:<a href="./14-mp3.html">翻唱</a></p>
<h3>2、翻唱</h3>
<p>“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱,包括重新填词,编曲。现在已有不少明星,都在翻唱他人的歌,不断在翻唱中突破自己,给大家带来不一样的风格。视频列举:<a
href="./15-mp4.html">有种悲伤</a></p>
</body>
</html>
14-mp3.html
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<audio src="./images/music.mp3" controls></audio>
</body>
</html>
15-mp4.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="./images/video.mp4" controls></video>
</body>
</html>
16-有序列表.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 有序列表 ol li-->
喜欢的食物
<ol type="a">
<li>榴莲</li>
<li>臭豆腐</li>
<li>鲱鱼罐头</li>
<li>奶茶泡饭</li>
</ol>
</body>
</html>
17-无序列表.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
你喜欢的明星是?
<ul type="circle">
<li>丁真</li>
<li>法外狂徒张三</li>
<li>华晨宇</li>
<li>罗翔</li>
</ul>
</body>
</html>
18-自定义列表.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<dl>
<dt>
你们喜欢的明星是?
<dd>
张三
</dd>
<dd>
里斯
</dd>
<dd>
张三
</dd>
</dt>
</dl>
</body>
</html>
19-iframe框架.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
这是我的主页面
<!-- <iframe src="https://www.taobao.com" width="900px" height="600px"></iframe> -->
<iframe src="https://www.baidu.com" width="900px" height="600px"></iframe>
<a href="https://www.taobao.com" target="nn">去淘宝</a>
<iframe name="nn" frameborder="0" width="800px" height="200px"></iframe>
</body>
</html>
20-特殊字符.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<
>
<br />
我最喜欢的大明星是 法外狂徒张三
31°
</div>
</body>
</html>
跳转案例