小记一下，关于div&p等标签的宽度和高度问题
想用一个div
把整个页面填充，代码会怎么写？？？
&head&标题&/head&
&&p style="width:100%; height:100%;
border:1px solid
red"&Hello&/p&
name="test"
&测试&/button&
用浏览器查看后，效果不是想要的，高度没有100%？？？
是浏览器兼容问题？？？
试了其他浏览器，结果一样，还是不行。
这个p标签的100%
是相对其父元素的，如果设置了body的宽度和高度以后，应该就没有问题了。
结果效果有点像了，但还是没有达到要求，这是因为在ie中默认情况下，
元素的margin属性有一个默认值，再给 body加上margin:0px 就好了。
这里贴出常见浏览器中一些默认的属性值：
浏览器默认样式
IE默认为10px，通过body的margin属性设置
FF默认为8px，通过body的padding属性设置
要清除页边距一定要清除这两个属性值
&& margin:0;
&& padding:0;
IE默认为19px，通过p的margin-top属性设置
FF默认为1.12em，通过p的margin-bottom属性设
p默认为块状显示，要清除段间距，一般可以设置
margin-top:0;
margin-bottom:0;
3.标题样式
h1~h6默认加粗显示：font-weight:。
默认大小请参上表
还有是这样的写的
h1 {font-size:xx-}
h2 {font-size:x-}
h3 {font-size:}
h4 {font-size:}
h5 {font-size:}
h6 {font-size:x-}
个大浏览器默认字体大小为16px，即等于medium，h1~h6元素默认以块状显示字体显示为粗体，
要清除标题样式，一般可以设置
font-weight:
font-size:
4.列表样式
IE默认为40px，通过ul、ol的margin属性设置
FF默认为40px，通过ul、ol的padding属性设置
dl无缩进，但起内部的说明元素dd默认缩进40px，而名称元素dt没有缩进。
要清除列表样式，一般可以设置
ul, ol, dd {
list-style-type:
margin-left:0;
padding-left:0;
5.元素居中
IE默认为text-align:
FF默认为margin-left:margin-right:
6.超链接样式
a 样式默认带有下划线，显示颜色为蓝色，被访问过的超链接变紫色，要清除链接样式，一般可以设置
text-decoration:
color:#colorname;
7 鼠标样式
IE默认为cursor:
FF默认为cursor:。该声明在IE中也有效
8 图片链接样式
IE默认为紫色2px的边框线
FF默认为蓝色2px的边框线
要清除图片链接样式，一般可以设置
&& border:0;
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。XHTML教程 列表
相关参考课程XHTML 标题 h1、h2、h3、h4、h5 和 h6 标签XHTML 标题概述
我们在撰写 Word 文档的时候，常常会使用标题，如 “第一章”、“1.2.1” 等。在 XHTML 语法中也有标题这个概念。
在 XHTML 中定义了 6 级标题，分别是 &h1& 到 &h6& ：
&h1&第一级标题&/h1&
&h2&第二级标题&/h2&
&h3&第三级标题&/h3&
&h4&第四级标题&/h4&
&h5&第五级标题&/h5&
&h6&第六级标题&/h6&
如果您想查看的是 XHTML 文档标题 title 标签，请看这里：《》。
标题的使用
在 XHTML 文档中，标题很重要，搜索引擎使用标题为您的网页的结构和内容编制索引，我们要善于使用标题标识我们的文档层次。
在标题中，第一级标题最高，然后依次递减。一般来说，在 XHTML 文档中，标题适用于文档中（&body& 标签内）如下地方：
按照网站层次来分：
&h1&定义网站标题
&h2&定义网站导航或者栏目
&h3&定义文章标题
按照网站内容来分：
&h1&定义网站标题
&h2&定义文章标题
&h3&定义栏目标题
对于大于 h3 以上的 h4 至 h6 标题，可以在适当的地方选用，如版权声明或免责通告等相对比较重要的地方。
另外请注意，层次一定是递减的，h1 下面 应该是 h2 这个层次，然后依次 h3 ...。
一些标题使用的建议
由于 h1 表名了整个页面的核心内容，因此一般来说 h1 只能出现一次（并不绝对这样，但绝对不能出现多次）且用于该文最强调的地方。所以如果对于具体的内容页面，h1 往往会用于文章题目以突出文章的重要性，如本站：
&h1&XHTML 标题&h1&
而此时网站标题（网站logo）是否再采用 h1 ，则根据实际情况而定。
标题使用练习
用编辑器打开我们的学习文档 1.html 文件，将上面的 &h1& 至 &h6& 标签拷贝到 &body& 标签内：
&h1&第一级标题&/h1&
&h2&第二级标题&/h2&
&h3&第三级标题&/h3&
&h4&第四级标题&/h4&
&h5&第五级标题&/h5&
&h6&第六级标题&/h6&
&p&hi~你好！&/p&
保存并用浏览器打开1.html文件（如果已经打开则点击浏览器刷新按钮重新载入文档，下同，不再赘述），可以查看标题标签的效果如下：
通过例子可以看出，浏览器会自动给一个标题形成一个换行（每个标题独占一行）。
如果仅仅是为了显示大号或者粗体文本，那么请使用 CSS 样式表来控制，而不要使用标题，CSS 样式表请参考《》。
<(我爱开发网) — 提供最好的 、、、 及前端基础学习【一】：HTML的一些基本的标签 - 简书
前端基础学习【一】：HTML的一些基本的标签
一、h系列的标签h1-h6：标题标签&h1&今天天气不错呀！&/h1&
上面是从h1到h6标签的页面显示形式，可以发现h标签有字体加粗的效果普通文本的字体大小跟h4是一样的。注意：不要用标题标签来给文本做加粗效果。二、font标签（h5已经禁用）font标签是一个字体标签，可以给标签中添加一些属性，达到自己想要的字体形式。标签的属性：用来描述标签的特征。标签属性的书写格式：属性名=“属性值”，每个属性用空格分开font中常用的属性：color，size（1-7,3正常），face（指定文本的字体）&font color="gray" size="2" face="宋体"&本人菜鸟，多包涵！&/font&三、hr标签（水平线标签）hr标签是一个单标签，最后的斜杠可有可无。&hr/&四、p标签（段落标签）&p&好好写代码！&/p&p标签的特点：让文字成为段落，并且有明显的段落间距。五、br标签（换行标签）&br/&六、字体样式的一些标签字体加粗：strong斜体：em下划线：ins删除线：del七、img标签这是一个图片的标签&img src="图片路径" alt="图片加载异常的时候显示的内容" title="鼠标停留在图片上显示的提示"/&路径问题：1、绝对路径：从计算机的盘符就开始计算2、相对路径：从一个文件到另一个文件经过的文件夹+目标文件的文件名+后缀名八、a标签（超链接）1、实现页面直接的跳转&a href="跳转到其他页面的相对路径/跳转到连接地址" title="鼠标停留时显示的提示" target="跳转的方式"&点我&/a&target：跳转的方式。_blank：在新的窗口打开页面；_self：在当前页面进行跳转2、使用a标签在页面上定位标签应用场景：在页面中经常见到的---回到顶部在顶部定义一个标签，并且标签中要有id；在底部写一个a标签，href中写#+id；点击之后就会回到顶部。3、实现下载的功能在href中输入 文件的相对路径 即可注意：这种方式已经用的很少了，并且浏览器认识文件格式的话，就会直接在浏览器中打开那个文件。九、base标签base标签作用：统一设置该页面中a标签的跳转方式。base标签的用法：在head标签中写，它是一个单标签。base标签的前提：页面中的a标签中没有设置target属性。十、ul标签（无序列表）
&li&商品名称&/li&
&li&商品价格&/li&
十一、ol标签（有序列表）
&li&商品名称&/li&
&li&商品价格&/li&
十二、dl标签（自定义列表）
&dt&商品信息&/dt&
&dd&名称&/dd&
&dd&价格&/dd&
&dt&商品规格&/dt&
&dd&重量&/dd&
&dd&热量&/dd&
十三、table标签（表格）
十四、input标签1、输入框&input type="text"
placeholder="输入框默认提示的文字，我们输入时会消失" value="设置输入框的默认值" maxlength="允许输入的最大长度"/&注意：value属性会覆盖placeholder属性。2、密码框&input type="password"/&3、单选框
&input type="radio" name="hobby" checked="checked"/&唱歌
&input type="radio" name="hobby"/&跳舞
name属性：属性相同的为一组，进行单选checked属性：默认选中的标签4、按钮&input type="button" value="按钮上显示的内容"/&5、多选框&input type="checkbox"/&6、提交按钮&input type="submit"/&7、重置按钮&input type="reset"/&注意：重置按钮必须在form表单中8、图片提交&input type="image"/&9、文件上传按钮&input type="file"/&十五、select标签（下拉框）
&option selected="selected"&选项一&/option&
&option&选项二&/option&
默认选择选项一十六、textarea标签（文本域）&textarea cols="20" rows="10"&&/textarea&十七、form标签（表单）&form&&/form&表单：用来收集信息，装表单控件表单控件：给用户输入或者交互用的标签属性：action：指定数据提交地址method：指定提交数据的方法：post提交数据量小，不安全；get：提交数据量大，安全。十八、meta标签1、设置页面的编码格式&meta charset="编码格式"/&2、设置页面的关键字：做搜索引擎的优化&meta name="keywords" content=""/&3、设置页面的描述：做搜索引擎的优化&meta name="description" content=""&十九、div和span标签div：是一个占据一整行的容器span：是一个自适应内容多少的容器注意：这两个标签没有语义化二十、link标签1、引入网站的图标&link el=”shortcut icon” type=”image/x-icon” href=”图标的路径”&2、引入css文件&link rel=”stylesheet” href=”css文件的路径”&3、dns预解析&link rel="dns-prefetch" href="需要预解析的服务器的地址"&二十一、style和script标签style标签：写css代码script标签：写js代码二十二、图书符号的表示
本人是一名很普通，很渣渣的程序猿，有些知识也不会，文章内容只是自己的一点点总结，没有完整性可言，仅供参考，有什么问题欢迎留言，共同学习，进步。另，随意转载，我写博客只是为了总结总结，逼迫自己学习。谢谢！