HTML(0)-内联元素和块级元素

现在我在某家公司实习，项目总监兼技术总监让我们几个开发者，对他之前的项目进行修改和美化UI，我们主要负责前端的界面优化。由于我个人的专业关系(GIS)，特地给我加了一个任务对首页的map地图进行完善。

本人的前端基础很差，在进行前端修改的时候内心慌的一笔，还好有两个前辈帮忙，我在旁边学习了不少的东西，总结一下这几天所学所悟。

一、html:功能是用来搭建页面框架的，主要元素分为两种：内联和块

内联元素（行内元素）：1.相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化

2.行内元素设置width,height属性无效

3.行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right,其他属性不会起边距效果

4.对用于display：inline

块级元素：1.独占一行，默认情况下，其宽度自动填满其父元素宽度

2.可以设置width，height属性

3.可以设置margin和padding属性

4.对应于display：block

a.按母顺序排列块级元素主要有

定义地址 定义表格标题

定义列表中定义条目

定义文档中的分区或节

定义列表

定义列表中的项目

定义一个框架集

创建表单元素

标题元素

---

水平线

给fieldset元素定义标题

定义列表项目 为那些不支持框架的浏览器显示文本，放置于frameset标签内 <noscript> 为那些不支持脚本的浏览器显示文本 <ol> 有序列表 <ul> 无序列表 <p> 定义段落 <pre> 定义预格式化文本 <table> 定义表格 <tbody> 定义表格主体 <td> 表格中的标准单元格 <tr> 表格中的行 <tfoot> 表格中的页脚 <th> 定义表头单元格 <thead> 定义表格的表头 <p>b.内联元素有</p> <p><a> 可定义锚以及超链接 <abbr> 表示一个缩写形式 <acronym> 表示只取title中首字母的缩写形式 <b> 字体加粗 <bdo> 可覆盖默认的文本方向 <big> 大号字体加粗 <br> 换行 <cite> 引用进行定义 <code> 定义计算机代码文本 <dfn> 定义一个定义项目 <em> 定义为强调的内容 <i> 斜体文本效果 <img> 向网页中嵌入一张图像 <input> 输入框 <kbd> 定义键盘文本 <label> 为input进行标记/标注 <q> 定义短的引用</q></label></kbd></i></em></dfn></code></cite></big></bdo></b></acronym></abbr></a></p> <p>表示不准确不相关，却不应当给予删除的内容</p> <p><em><samp> 定义样本文本</samp></em></p> <p><em><select> 定义单选或者多选菜单 <small> 呈现小号字体效果 <span> 组合文档中的行内元素 <strong> 语气更强的强调内容 _{定义下标文本 ^{定义上标文本 <textarea></textarea>}}</strong></span></small></select></em></p></thead></th></tfoot></tr></td></tbody></table></pre></p></ul></ol></noscript>