一.初识前端
hyper text markup language   超文本标记语言
超：可以放图片，视频，超链接
标记组成，标记、元素、标签
txt    文本文档
<html 属性名="属性值" 属性名2="属性值2"></html>   是最大的标签
html中每一个标签都对应的有自己的作用
<meta 属性名="属性值" 属性名2="属性值2"/>   网页的一些信息，单标签
charset    编码字符集（属性）
utf-8   世界标准字符集
gb2312  中国标准第2312条，可以支持亚洲大部分的语言，日文，韩文...繁体字不支持
gbk   gb2312的扩展版，可以支持繁体字
unicode   万国码
utf-8   unicode transformation format 8   unicode的一个升级版

白帽SEO 搜索引擎优化      黑帽SEO（黑客技术）

标签的嵌套不要太深了。建议在5层左右这些标签没有意义，也不规范，不允许这样写

二.html+css
1.<!--href 写的是链接地址   target是打开的方式-->
        <a href="" target="">超链接</a>

2.<!--标签的嵌套-->
        <u><b><s><i>这是一个标签的嵌套</i></s></b></u>

3.设置宽高：一般是用css去进行设置
   行内标签（元素，标记）：在一行中显示，不能设置标签的宽高，只有当一行的内容容纳不下的时候才会进行换行
   （i,b,s,u,font,a）
    块级标签：自己独占一行，可以设置标签的宽高
   （  pre,h1-h6,p,div,hr）
    既不属于行内也不属于块级的有<br>
    转义字符：&nbsp;    空格
    &copy;    版权符

4.无序列表：ul里面可以包含多个li，如果是导航，里面再嵌套一个a
   type是用来设置类型的，有序列表中可以指定开头，start，开发中常用的一定是无序列表，主要用在菜单，导航

5.<!--html去修改样式是不推荐的，"内容与表现分离"-->
 特殊的标签：从行内元素中引申行内块元素： 在一行中显示，可以设置宽和高（input，img）

6.<img src="images/koala1.jpg" alt="考拉熊1" width="300" height="300"/

src：里面可以写：相对路径，绝对路径，盘符根路

alt：当网速不好，图片错误，路径错误...加载不出来或者正在加载中的时候显示的内容

title：鼠标悬浮上去提示的内容，可以适用在大部分的标签中
          （ 经常面试会问到alt和title属性的区别   ）  

7.table表单结构：

<table>为表单的根标签

<tr>为行的根标签

<td>单元格

cellspacing指的是单元格之间的间距
cellpadding值的是单元格中间的文本到单元格边框的距离
用了这两个属性以后就不要再去用width和heigh