【HTML5】学习笔记2(常用标签1)

<meta />设置编码
HTML5之前
<meta http-equiv="cleart-ype" content="text/html; charset="utf-8" />
HTML5之后
<meta charset="utf-8" />
设置描述信息和关键字(一般给搜索引擎看)
<meta name="description" content="网站描述" charset="utf-8" />
<meta name="keywords" content="网站关键" charset="utf-8" />
页面跳转：
<meta http-equiv="refresh" content="5,url="http://网址" />

<title>标题</title>设置网页标题
作用：
1.定义浏览器工具来的标题
2.被添加到收藏夹时的标题
3.显示在搜索引擎页面标题

<style></style>为HTML文档定义CSS样式标题
<style type="text/css">
            body{
                background-color: #0066CC;
            }
</style>


<link />定义html文档和外部资源的关系
<link rel="stylesheet" type="text/css" href="独立CSS文件" />


<script> </script>用于定义客户端脚本
1.可以将js代码写在这个标签
<script type="text/javascript">
            alert("弹出内容");
</script>
2.指定外部js
<script src="文件名" type="text/javascript" charset="UTF-8"></script>


文本段落
<p>文字</p>段落
空白&nbsp；
<br />换行
<hr />水平线


短语标签
<em>把文本定义为抢到的内容</em>
<strong>把文本定义为语气更强的强调内容</strong>
<dfn>定义一个项目</dfn>
<code>定义计算机代码文本</code>
<samp>定义样本文本</samp>
<kbd>定义键盘文本，它表示文本是从键盘输入的它经常用在与计算机相关的文档或手册中</kbd>
<var>定义计算机代码中的变量</var>
<cite>定义引用。可以使用该标签对参考文献的引用进行定义，比如书记或者杂志的标题</cite>
<mark>带高亮的文本</mark>


字体样式标签
<i>显示斜体文本效果</i>
<b>显示粗体文本效果</b>
<small>呈现小号字体效果</small>
^上标
_下标
<del>定义文档中已删除的文本</del>
<ins>定义文档中插入的文本</ins>

带有标记的文本
<mark>高亮显示</mark>

引用和引号
<q>左右两边有引号</q>
<blockquote>会从常规的文本中分离出来，浏览器两边加缩进，说明是从别的地方转载过来的</blockquote>

预格式化文本:一般调试用
<pre></pre>

<a></a>标签 打开一个网页等
<a href="http://www.baidu.com" target="_blank" title="访问百度">打开百度</a>
href：打开本地文件资源。值不同解析方式也不一样，如果在该值中没有指定过任何协议,解析时是按照默认的协议来解析该值的，默认的解析协议是file协议。
target：设置打开方式
title：鼠标指向时显示的文字
id：创建一个文档内部的书签
href=“JavaScript:void(0)"取消href功能
href="#位置名"(name属性)-->回到指定标记位置(也叫锚)

<img />图片标签
<img src="../../img/123.PNG" alt="测试图片" border="1" height="300" width="400"/>
src：图片路径
alt：图片文字说明
align：图片的排列方式
height：图片高度
width：图片宽度


列表标签
列表分为有序列表、无序列表和自定义列表
无序列表<ul><li>-->列表项
有序列表<ol><li>-->列表项
自定义列表的使用
<dl>自定义列表
<dt>对应列表项目
<dd>对应列表dt的文字说明


<table>表格
tr：行标签
td：单元格
th：表头
border属性：是否显示边框
rowspan属性：说明单元格占几行
colspan属性：说明单元格占几列
下面是一些常用的
<caption>定义表格标题
<col />定义表格列的属性
<colgroup>定义表格列的数组
<thead>定义表格的页眉
<tfoot>定义表格的页脚
<tbody>定义表格的体，下一级标签是tbody，不定义也存在。

==============================================