1.HTML标题
<h1>-<h6>依次减小定义标题:浏览器会自动地在标题的前后添加空行;
<h1>-<h6>确保只是用于标题,不要用来仅仅是生成粗体或大号的文本而使用标题;
因为:搜索引擎会使用标题为网页的结构和内容编制索引,用户也通过标题来快速浏览网页
2.HTML水平线:<hr>
3.HTML注释:<!-- -->
4.调试查看源码:F12快捷键
5.HTML段落:<p></p>
6.HTML折行:<br>
7.HTML输出提示:当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
8.HTML文本格式化:
<b>:定义粗体文字;
<em>:定义着重文字;
<i>:定义斜体字;
<small>:定义小号字;
<strong>:定义加重语气;
<sub>:定义下标字;
<sup>:定义上标字;
<ins>:定义插入字;
<del>:定义删除字;
9.HTML链接:<a>
链接注意事项:href="http://www.runoob.com/html/",注意标红色的正斜杠,请始终将正斜杠添加到子文件夹,如果不写这个正斜杠,服务器将会产生两次HTTP请求。因为服务器会添加正斜杠到这个地址,然后创建一个新的请求;
10.HTML<style>元素:
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中也可以直接添加样式来渲染 HTML 文档:
<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>
11.HTML<meta>元素:
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta> 一般放置于 <head> 区域
例如:
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒中刷新当前页面:
<meta http-equiv="refresh" content="30">
12.HTML样式标签:
<style>:定义文本样式;
<link>:定义资源引用地址;
13.HTML图像:
<img>(空标签;其中src属性:图像的url地址;alt属性:定义当浏览器无法载入图像时,用来替换图像的文本;)
<map>:定义图像地图;
<area>:定义图像地图中的可点击区域;属性shape:指点击区域的形状;属性coord:指链接区域在图片中的坐标(像素为单位);
14.HTML表格<table>
表格<table>,行<tr>,单元格<td>
table属性:border边框;表头<th>;表格标题<caption>;表格列的组<colgroup>;表格列的属性<col>;
表格的页眉<thead>;表格的主体<tbody>;表格的页脚<tfoot>;
15.HTML列表:
<ol>:有序列;
<ul>:无序列;
<li>:列表项;
<dl>:自定义列表;
<dt>:自定义列表项目;
<dd>:自定义列表项目的描述;
16.HTML<div>:块级元素,没特定含义,与css合用为大的内容块设置样式属性,用于文档布局;
17.HTML<span>:内联元素,用作文本的容器,与css合用为部分文本设置样式属性;
18.HTML表单和输入:<input type="text">,type设置输入的类型