web前端学习笔记——Day1(html)
heda标签
meta
meat标签的组成：meat标签共有两个属性，它们分别是http—equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name='keywords' content='meta总结,html,meta,meta属性,meta跳转'>
keywords：关键字content后面跟的是关键字。通过关键字搜索找到关键字搜索找到网站。
<meta name='description' content='web前端'>
description：描述。content后面跟的是描述网站的信息。
2、http—equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为centent，content中的内容其实就是各个参数的变量值。
<meta http-equiv='Refresh' content='5;URL=http://www.baidu.com'>
Refresh：刷新；5秒后刷新，跳转到www.baidu.com。可以不加URL及后面的内容，只执行刷新功能。
<meta http-equiv='content-Type' charset=UTF8>
设定编码方式utf8
<meta http-equiv='X-UA-Comoatible' content='IE=EmulateIE7' />
兼容IE浏览器（主要是6，7）
非meta标签
<title>wzqtitle>标签
<link rel='icon' herf='http://www.taobao.com/favicon.ico'>小图标
<link rel='stylesheet' herf='css.css'>引入css
<script src='hello.js'>script>引入js
body标签
一：基本标签（块级标签和内联标签）
<hn>:n的取值范围是1~6；从大到小，用来表示标题。
<p>:段落标签，包裹的内容被换行，并且也上下内容之间有一行空白。
<b>和<strong>:加粗标签。
<strike>:为文字加上一条中线。
<em>:文字变成斜体。
<sup>和<sub>:上角标 和 下角标。
<br>:换行。
<hr>:水平线。
<div>div>:相当于一个盒子。
<span>span>:内联标签
特殊字符： 空格 < 小于 >大于 " " © © ®®
块级标签特点：1、总在新行开始；2、宽度缺省是它的容器的100%，除非设定一个宽度；2、可容纳内联标签和其它元素。
内联标签特点：1、和其他元素都在一行；2、宽度就是它的文字或图片的宽度，不可改变；3、内联元素只能容纳文本或者其它内联元素。
二 、图形标签：![]()
src:要显示图片的路径
alc:图片没有加载成功时的提示
title:鼠标悬浮时的提示信息
width:图片的宽
height:图片的高（宽高两个属性只用一个会自动等比缩放）
举例：
<html>
<head>
<title>wzqtitle>
head>
<body>
<img src="F:\我鱼\1\-1c4f77f2262c4c10.jpg" alt="jy" title="wzq" width="200px" height="300px">
body>
html>
三、超链接标签（标签）**
href:href=要连接的资源路经 格式如下："http://www.baidu.cpm"
targrt:_blank:在新的窗口打开查超接。框架名称：在指定框架中打开连接内容
name:定义一个页面的书签
用于跳转 href:#id
eg文字链接：<a href="http://www.taobao.com" target="_blank">淘宝网a>
eg图片链接：<a href="http://www.xiaohuar.com" target="_blank"><img src="F:\我鱼\1\-1c4f77f2262c4c10.jpg" alt="jy" title="wzq" width="200px" height="300px">a>
eg：<a href="#wzq">a> 跳转到id为wzq的位置
四、列表标签
<ul>:无序列表
<ol>：有序列表
<li>：列表中的每一项
<dl>：定义列表
<dt>:列表标题
<dd>:列表项
举例：
<ul>
<li>111li>
<li>222li>
<li>333li>
ul>
<ol>
<li>wwwli>
<li>zzzli>
<li>qqqli>
ol>
<dl>
<dt>第一张dt>
<dd>diyijiedd>
<dd>dierjiedd>
<dt>第二张dt>
<dd>asasadd>
dl>
五、表格标签table
id 是一个属性，是唯一的
border:表格边框
cellpadding:内边距
cellspacing:外边距
width:像素 百分比。（一般通过css来设置长宽）
<tr>:table row
<th>:table head cell
<td>:table data cell
roespan:单元格竖跨多少行
colspan:单元格横跨多少列（即合并单元格）
<th>: table header <tbody> (不常用)为表格进行分区
eg：
<html>
<head>
<title>表格标签title>
head>
<body>
<table border="2px solid" cellpadding="10px" cellspacing="5px">
<tr>
<th>111th>
<th>222th>
<th>333th>
tr>
<tr>
<td rowspan="2">wwwtd>
<td>zzztd>
<td>qqqtd>
tr>
<tr>
<td>wwwtd>
<td>zzztd>
<td>qqqtd>
tr>
<tr>
<td>wwwtd>
<td colspan="2">zzztd>
<td>qqqtd>
tr>
table>
body>
html>