【HTML】 浏览器内核，W3C标准，标签分类，文档类型，字符集，html语义化，常用标签，路径，锚点，表格，列表，表单；查询文档

DAY01 

1，浏览器内核：

• IE trident
• Firefox geoko
• Opero blink
• Safari webkit
• Chrome chromium/blink
• Android webkit
• IOS/WP7 trident

2, 面试重要！！！！！

3，标签分类

（1）常规元素/双标签

（2）空元素/单标签

4，文档类型

5，字符集

6，html标签语义化

7，html常用标签

排版标签

• 标题： <h1></h1>  ~  <h6></h6>
• 段落：<p></p>
• 水平线：<hr />
• 换行：<br /> 熟记！
• div/span ： 重点 ！！没有语义的，是我们网页主要的两个盒子，div- 布局，一行只能放一个，代码写一行也上下来显示 ；span- 布局，一行可以放好多；

文本格式化标签：熟记！

• 文本设置粗体，斜体，下划线
• 粗体：b, strong(xhtml)
• 斜体：i, em(xhtml)
• 加删除线：s, del(xhtml)
• 加下划线：u, ins(xhtml)
• 推荐使用后边的，语义更加强烈

图像标签：重点！！！

•   <img src=“图像URL” />
• 属性：alt = “替换文本，图片显示不出来时”； tittle=“提示文本，鼠标放上去提示信息”；width=“改宽度，不要改高度，会等比例缩放的”；border=“设置边框，不重要，后来用CSS写”；

链接标签：重点！！！

• <a href=“跳转目标/图像也可以” target= “目标窗口的跳转方式">
• 空链接：还没有做好 #代替 
• targrt =“_self(默认)/_blank（新窗口打开）"

注释标签

• <！- - 注释 - -> 推荐放在上边

8，路径（重点，难点！！！）

相对路径（重点）

•  页面和图片的位置不一样，
• 同一级路径：直接写名字就行
• 上一级路径：../images/time.jpgs
• 下一级路径：src="images/time.jpg"

绝对路径（了解）

• 地址固定，完整的路径，斜杠是和绝对路径是反的，电脑里的文件夹，换个电脑就不一定了

 

9，拓展阅读

（1）锚点定位（难点）

• 目录：快速跳转到页面中某一个地方
• 找目标：写上  id; <h2 id = “tree">
•  被点击的位置：加上链接????，< a href = “#tree”></a>

（2）<base>设置所有链接打开方式

• 好多窗口都想新窗口打开：<base target=“_blank">

（3）<pre>预格式化标签

• 里边内容怎么写就这么显示；不常用～

（4）特殊字符

• &nbsp；空格
• &lt;  小于号
• &gt; 大于号
• ….
• 他们不是标签，而是符号

DAYl02 

1, 表格 table （会使用）

（1）表格作用

（2）创建表格

（3）表格属性

• border
• cellspacing: 单元格和单元格之间的距离
• cellpadding：单元格内容和边框的距离
• wight/height
• align: 对齐方式 align = “right/left/center”；

（4）表头单元格标签 <th></th>

• 加粗 剧中 显示

（5）表格标题 caption

• 标题和表格一起走，设置表格标题，剧中显示在表格之上
• 这个标签在表格里才有意义

（6）合并单元格（难点！！！）

• 跨行合并：rowspan= “合并单元格的个数"
• 跨列合并：colspan
• 合并顺序：先上后下，先左后右
• 合并三部曲
• - 跨行还是跨列？
• - 根据先上后下，先左后右，找到目标单元格？写上合并个数
• - 删除多余的单元格

（7）总结

（8）拓展

2，列表标签（重点）

3， 表单（掌握）

（1）<input type=“radio” value=“” name = “">

（2）label标签（理解）

 

（3）textarea 文本域

（4）下拉菜单

（5）form表单域

4，团队约定

• 元素属性 使用 “ ”
• 元素属性值可以写上的都写上

5，查文档：