day19 前端基础
- web标准：由万维网制定的网页开发规范
- 结构标准：html(决定网页上的内容)
- 表现标准：css(决定网页上的内容布局和样式)
- 行为标准：javascript(决定网页上动态变化的内容)
- 什么是html：超文本标记语言，html是通过不同的标记来决定网页上的不同内容，学习html就是学习html中的标签
- html语法：
- 大小写不敏感
- 标签(标记)
- 语法：
- 双标签：<标签名 属性名1=值1 属性名2=值2...>标签内容</标签名>
- 单标签：<标签名 属性名1=值1 属性名2=值2... />
- 说明：
- 标签名：必须是html提供的标签，不能随便写
- 属性：以'属性名=值'的形式成对出现，多对之间用空格隔开，属性的顺序可以任意，不影响效果；值必须放在双引号中；'
- 标签内容：只有双标签才有标签内容，标签内容可以时任何内容
<html></html> //代表整个网页
<head></head> //显示网页标题
<meta name="参数" content="具体内容"></meta> //定义html中的元数据
<meta name="keyword" content=""></content>
<meta name="descreption" content=""></content>
<meta charset='UTF-8'></meta> //设置网页编码
<title>网页标题</title> //设置网页标题
<style></style> //设置样式的标签
<link></link> //导入文件的标签
<base></base> //url基本地址
<link rel="" type=""></link> //rel：设置文件作用，stylesheet 样式表 ，icon 图标；type：设置文件类型，文件类型/文件后缀：text/css，文件是text，后缀是css，image/ico，图片/后缀是ico；href：设置我文件路径，可以是绝对路径也可以是相对路径
<h1></h1>...<h6></h6> //标题标签
<p></p> //一个段落对应一个p标签
<font></font> //与span不同的是font标签自带color等属性
<br/> //换行
在html中直接敲或者空格、缩进是无效的
  //一个空格
<b>加粗字体</b> //加粗字体
<strong></strong> //加粗
<i>斜体字体</i> //斜体字体
<em>斜体</em>
<ul><li></li><li></li></ul> 无序列表
<ol><li></li><li></li></ol> 有序列表,li标签相当于列表中元素
<dl> //自定义列表
<dt></dt> //小分类标签
<dd></dd> //小分类标签下的元素
<dd></dd>
</dl>
<img src="" title="" alt="" /> src：图片路径，可以本地路径，也可以是网络地址;title：设置图片标题;alt：图片加载失败提示信息
<a href="" target=""></a> 超链接标签,href属性：跳转的目的，例如一个网址，或者加载本地html文件，刷新当前网页，跳转到指定标签
<table cellspacing="" bgcolor="">
<tr><th>第一列</th><th>第二列</th></tr>
<tr><td>第一行第一列</td>第一行第二列<td></td></tr>
<tr><td>第二行第一列</td>第二行第二列<td></td></tr>
</table>
cellspacing属性：设置表格中单元格和单元格以及单元格和表格；bgcolor，tr中的bgcolor设置一行中所有单元格的颜色，td中是一个单元格的颜色。
细线表格，设置整个table背景颜色是边框线的颜色，设置每个单元格的颜色和边框线不一样，设置单元分之间的那句
cellpadding：设置单元格中内容到单元格边框之间的距离
align属性：center(居中)、left(左对齐)、right(右对齐),让整个表格在父标签中居中、居左或者居右；作为tr的属性时，让当前行中所有单元格的内容在单元格中居中、居左或者居右；作为td属性时，让当前单元格内容在单元格内居中、居左、居右
