HTML、css学习知识总结

       学习了HTML之后，对网页的设计有了一个基本的了解，同时，通过对css的学习，能够对所做的网页进行美化和设计，虽然学习的很浅，但是收获却很多，下面就对这段时间的学习做一个小小的总结。

 一、HTML基本规范

       要想很好地掌握HTML，首先必须知道它的基本规范：

       标签名和属性名称必须小写；

       HTML标签必须关闭；

       属性值必须用引号括起来；

       标签必须正确嵌套；

       必须添加文档类型说明

       掌握这些之后，才不会去犯一些常识性错误。

二、HTML中的标签

       1、块级标签：标题标签<h> ；段落标签<p>；水平线标签<hr/>

       2、布局的块级标签：有序列表：<ol><li></li><ol>

                                          无序列表：<ul><li></li><ul>

                                          定义描述(图文并存)：<dl><dt>标题(可以加图片)</dt><dd>描述</dd></dl>

                                          定义表格：<table><tr><th>列标题</th></tr>

                                                            <tr><td>列内容</td></tr></table>

                                          表单:<form></form>

                                          分区标签：<div></div>   (可以嵌入到<p>内，作为普通的块状标签使用)

            常用的四种块状结构：div--ul(ol)--li:常用于分类导航或菜单

                                                div--dl--dt--dd:常用于图文混编的场合

                                                table--tr--td:图文布局，显示数据

                                                form--table--tr--td:用于布局表单

      3、行级标签：图像标签<img src="路径"，width=" ",heigth=" "/>

                              范围标签(显示行的独特样式)：<p><span style=" ">对象</span></p>

                              换行标签：<br/>

三、链接和表单

      1、超链接：<a href="链接地址"  target=''目标窗口位置(显示的位置)''>文本或图像</a>

      2、锚链接(页面内跳转)：定义锚：<a name="锚名">标记名</a>

                                              超链接：<a href="锚名">链接名</a>

      3、表单：<form action="表单提示地址"  method="提交方法(post&get)"></form>

            表单元素基本格式：<input name="表单元素名"   type="类型"   value="值"   checked="是否选中"/>

四、css基本知识

     css有三种常用的选择器：标签选择器；类选择器；id选择器。其实css的用法很简单，只需要根据那些选择项选择自己想要的效果即可。而在学习的过程中，我觉得比较难懂的就是float的使用，因为在设计盒子模型的时候，须用到float和div的配合来实现模块的划分。

     float：脱离常规文档流而表现为向右或向左浮动。有三大特征：div块元素失去"块状"换行显示特征，变为行内元素；紧贴上一个浮动元素的边框；占据行内元素的标签，导致行内元素围绕显示。

      以上就是我对HTML，css的基本理解，总结起来确实发现自己学的很浅，还需继续努力。