常用标签
1.HTML<head>元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
标签 | 描述 |
---|---|
<title> | 定义了文档的标题 |
<base> | 定义了页面链接标签的默认链接地址 |
<link> | 定义了一个文档和外部资源之间的关系 |
<meta> | 定义了HTML文档中的元数据 |
<script> | 定义了客户端的脚本文件 |
<style> | 定义了HTML文档的样式文件 |
< meta>元素
meta标签主要是通过属性为网页提供元数据主要包括:name属性和http-equiv属性
<mate name=“参数”, content=“具体描述”>
name属性参数:
1.keywords(关键字)
说明:用于告诉搜索引擎,你网页的关键字。举例:
<meta name="keywords" content="python,技术,理科生,前端">
2.description(网站内容的描述)
说明:用于告诉搜索引擎,你网站的主要内容。举例:
<meta name="description" content="关于python的技术博客">
3.author(作者)
说明:用于标注网页作者 举例:
<meta name="author" content="726550822@qq.com">
4.viewport(移动端的窗口)
说明:这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。
<meta name="viewport" content="width=device-width, initial-scale=1">
5.robots(定义搜索引擎爬虫的索引方式)
说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:
<meta name="robots" content="none">
具体参数如下:
a.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。
b.noindex : 搜索引擎不索引此网页。
c.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
d.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
e.index : 搜索引擎索引此网页。
f.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。
6.renderer(双核浏览器渲染方式)
说明:renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例:
<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式
表格
table -- 标签代表这个表格
tr -- 代表的是一行
td -- 代表的是列(一个td对应一个单元格)
一个表格中可以有多行,一行有多列
table属性:
1.border:设置整个表格中边框的宽度
2.width:设置整个表格的宽度
3.heigt:设置整个表格的高度(每一行的高度是一样的)
4.align:center -- 让整个表在其父标签中居中
5.bgcolor: 背景颜色
6.cellpadding="100": 设置内容和单元格之间的间距(了解)
7.cellspacing: 设置 单元格和单元格之间的间隙
tr属性:
1.height: 设置单独的某一行的高度
2.align:center -- 让当前行里面的所有的单元格中的内容居中
3.bgcolor: 背景颜色
td属性:
1.width: 设置某一列的宽度
2.align:center -- 让某一个单元格中的内容居中
3.bgcolor: 背景颜色
注意:所有的属性的值都要用双引号括起
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!--创建一个2*3的表格-->
<table border="1" bgcolor='pink' cellspacing="0" bordercolor='purple'>
<!--第一行-->
<tr height="50" align="center">
<!--第一行的第一列-->
<td width="80">姓名</td>
<!--第一行的第二列-->
<td width="120">成绩</td>
<!--第一行的第三列-->
<td width="120">是否留级</td>
</tr>
<!--第二行-->
<tr height="100">
<td align="center">古双全</td>
<td bgcolor="brown">90</td>
<td>否</td>
</tr>
<!--第三行-->
<tr height="100" bgcolor='bisque'>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
<table border="" cellspacing="" cellpadding="100">
<tr>
<td>Data</td>
<td>100</td>
</tr>
</table>
</body>
</html>