学习了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的基本理解,总结起来确实发现自己学的很浅,还需继续努力。