1、HTML元素:一般由开始标签、结束标签及之间的内容组成(切记双标签要成对出现),但 HTML空元素是由开始标签和结束符组成。如:
<p>内容</p>
<img src="1.jpg"/>
2、元素可以互相嵌套,例如:
<div>
<p>p元素</p>
</div>
3、HTML对大小写不敏感,HTML 4中推荐使用小写,未来(X) HTML强制使用小写
4、HTML元素可以设置属性,一般属性的描述开始于开始标签中,以键值对的形式出现(属性名称=“属性值”),属性值可以用单引号或者双引号包裹,也是大小写不敏感,但推荐使用小写属性
5、HTML标题
<h1>一级标题,使用6号字体</h1>
<h2>二级标题,使用5号字体</h2>
<h3>三级标题,使用4号字体</h3>
<h4>四级标题,使用3号字体</h4>
<h5>五级标题,使用2号字体</h5>
<h6>六级标题,使用1号字体</h6>
6、HTML水平线及换行
<hr/>
<br/>
7、HTML注释
<!--这是注释语法-->
8、段落:
<p>这是段落标签</p>
9、HTML文本格式化
<b>粗体文本</b>
<em>着重文字</em>
<i>斜体文字</i>
<small>小号字</small>
<strong>定义加重语气</strong>
<sub>下标字</sub>
<sup>上标字</sup>
<ins>插入字</ins>
<del>删除字</del>
10、HTML‘计算机输出’标签
<code>定义计算机代码</code>
<kbd>定义计算机键盘码</kbd>
<samp>定义计算机代码样本</samp>
<var>定义变量</var>
<pre>定义预格式化文本</pre>
11、HTML引文,引用及标签定义
<abbr>定义缩写</abbr>
<address>定义地址</address>
<bdo>定义文字方向</bdo>
<blockquote>定义长的引用</blockquote>
<q>定义短的引用</q>
<cite>定义引用,引证</cite>
<dfn>定义一个定义项目</dfn>
12、HTML超链接
<a href="http://baidu.com" target=“_blank”>超链接</a>
① 未访问的链接是蓝色下划线形式,访问过的链接是紫色下划线形式,点击链接时是红色下划线形式的
② href是链接的地址
③ target是链接打开的地方,_blank是新窗口打开,_self(默认)是当前页面打开,_parent在父窗口打开,_top是当前窗口打开链接,并替换当前的整个窗体
④ download是指定下载链接的filename
⑤ 链接到id:<div id="d1">div</div> <a href="#d1">链接到id是d1的div</div>
⑥ 如果是链接文件夹,那么一定要在子文件后面添加正斜杠,不然会向服务器产生两次请求,第一次会添加正斜杠到子文件夹后面,第二次就是真的去请求这个地址(例如这样的链接就会有两次请求: href="https://www.runoob.com/html")
13、HTML头部head:head元素包含了所有的头部标签元素
<html>
<head>
<!--base用于定义基本的链接地址或目标,这个标签作为文档中所有标签的默认链接-->
<base href="基本的链接地址" target="_blank">
<!--title用于定义文档的标题(浏览器工具栏的标题、被添加到收藏夹中的默认名称、显示在搜索引擎页面的标题)-->
<title>定义文档的标题</title>
<!--可以定义文档打开后显示的图标-->
<link rel="shortcut icon" href="图片地址">
<!-- link可以链接外部css-->
<link rel="stylesheet" href="css文件地址">
<!--script可以用于加载外部js脚本文件-->
<script src="js文件地址"></script>
<!-- meta元素用于定义一些基本的元信息数据(网页的描述、关键词、文件的最后修改时间、作者等),不会显示在浏览器,但是会被浏览器解析-->
<!--定义关键字-->
<meta name="keywords" content="html,css,js">
<!--定义文档描述-->
<meta name="description" content="html文档">
<!--定义作者-->
<meta name="author" content="somebody">
<!--每三十秒刷新页面--->
<meta http-equiv="refresh" content="30">
<!--HTML5中字符编码设置-->
<meta charset="UTF-8">
<!-- HTML4.0.1中的字符编码设置-->
<!--<meta http-equiv="content-type" content="text/html;charset=UTF-8">-->
</head>
<body>
<a href="/aaa1">aaa1,在head中定义了base路径后,点击这个链接,实际打开的链接为:http://www.baidu.com/aaa1</a>
<a href="/aaa2">aaa2,在head中定义了base路径后,点击这个链接,实际打开的链接为:http://www.baidu.com/aaa2</a>
</body>
</html>
14、HTML的 CSS: 用于设置HTML元素标签的样式
HTML中设置css的方式:
① 内联方式--在元素上直接使用style属性进行设置元素样式
<div style="width:50px;height:100px;color:#000;">宽度50,高100,字体颜色黑色的div</div>
② 内部样式表--在头部head的style中直接设置元素的样式
<head>
<style>
div{
width: 50px;
height: 100px;
color: #000;
background-color: #fff;
}
</style>
</head>
③ 外部引用--在head中利用link元素来链接外部css样式文件
<head>
<link rel="stylesheet" type="style/css" href="css文件地址">
</head>
15、在HTML4中原来支持定义HTML元素样式的标签和属性已被弃用
不建议使用的标签有:
<font></font>
<center></center>
<strike></strike>
不建议使用的属性有: color 和 bgcolor