1、html空元素
没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。在 XHTML、XML 等中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
2、标题
<h1>--<h6>,大——>小标题。<h1>用作主标题(最重要的),依次类推。
1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。
3、注释
<!-- 这是一个注释 -->,这是html代码注释部分,提高代码可读性。
4、重要标签
① 段落。<p></p>标签
用于将文档分割为若干个段落。
② 水平线。<hr/>标签
创建一条水平线,可用于分隔内容。
③ 换行。<br/>标签
换一行。注意:对于HTML,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。只能通过标签来改变显示效果。
④ 文本格式化
<strong>或者<b> 加粗
<em>或者<i> 斜体
<big> 放大字体
<small> 缩小字体
<sub> 包含下标
<sup> 包含上标
⑤ 链接。<a href=”链接地址”></a>
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
target属性,可以定义被链接的文档在何处显示。
创建图片链接:
<p>创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img src="smiley.gif" alt="图" width="32" height="32"></a></p>
可以创建当前页面的链接:
<p><a href="#C4">查看章节 4</a></p>
<h2><a id="C4">章节 4</a></h2>
电子邮件链接:
例子略。
5、头部中标签
① <head>
② <title>
定义了html文档的标题。<title>在html/xhtml文档中是必须的。
定义了浏览器工具栏的标题。
当网页添加到收藏夹时,显示在收藏夹中的标题。
显示在搜索引擎结果页面的标题。
③ <meta>
描述html文档的描述,关键词,作者,字符集等。
④ <base>
定义了所有链接默认的链接目标地址。
⑤ <link>
定义了文档和外部资源之间的关系,<link>通常用于链接到样式表。
⑥ <style>
<style> 标签定义了html文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染html文档。
⑦ <script>
用于加载脚本文件JS。
6、图像
插入图像:<img src="url" alt="some_text">
src属性:url 指存储图像的位置,可以是当前电脑下的文件中的图像,也可以是通过网址获取图像。
alt属性:alt 属性用来为图像定义一串预备的可替换的文本,在浏览器无法载入图像时,浏览器将显示这个替代性的文本而不是图像。
height与width属性:用于设置图像的高度与宽度。
可以创建图像映射。
也可以创建带有可供点击区域的图像地图。其中的每个区域都是一个超链接。
7、表格
每个表格从一个 <table> 标签开始。
每个表格行从 <tr> 标签开始。
每个表格的数据,列,从 <td> 标签开始。
表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本。