关键字:前端、html
所有的代码都写在html标签下 它是最顶级标签
标签基本上都有开始标签和结束标签 标签还可以有属性 –>
1. 标签(tag/element)- 承载内容 -->
2. 层叠样式表(css)- 显示/渲染页面 -->
3. JavaScript 交互式行为-->
doctype html文档类型说明 说明页面使用的是HTML5的规范
html / heaad / body
文本 - h1-h6 / p / br / hr / sub / sup / strong / em / del / ins / q
列表 - ul / ol (li) / dl (dt / dd)
Sublime 写标签语言 - HTML
<!doctype html>
<html>
<!-- head 标签的内容不会显示在浏览器主窗口中
但是这里面通常包含了网页的元数据信息
-->
<head>
<meta charset="utf-8">
<!-- title 标签代表网页的标题 -->
<title>xl的个人空间</title>
<style>
h1 {
color:
font-size: 3cm;
}
</style>
</head>
<!--body标签中的内容就是要显示在浏览器窗口中的信息-->
<body style="background-color: gray ">
<p><h1 style="text-align: center;">xl的个人空间</h1></p>
<p><h2 >Music</h2>
<audio controls autoplay loop>
<source src="resourses/sound.mp3" type="audio/mp3">
</audio></p>
<p><h2 style="text-align: center;">鬼吹灯</h2>
Video<video controls autoplay loop>
<source src="resourses/gcd.mp4">
</video></p>
<p>网页:<iframe width="800" height="800" name="a"></iframe></p>
<p><a href="http://www.baidu.com" target="a">Baidu.Com</a></p>
<!--这里的title是网页运行后,鼠标指着hello,world
会出现该提示信息 -->
<!--锚点-->
<a id="top"></a>
<h1 title="这是一个提示信息">hello,word!</h1>
<hr>
<p><ins>床前</ins>明月光1<sup></sup></p>
<p>李白想<sub>2</sub>婆娘</p>