HTML课堂归纳

文字处理
格式：换行br，段落p，分割线hr ，列表ol ul li ，列表子项：li，dt，dd
美化：标题h1 ，h6，字体font
符号：空格&nbsp
非文字处理
图片img，音频audio ，视频vedio ，超链接a
容器标签：span，div
登陆界面：
第一章

第一章

abshshfjhkdshf

文字大小：font-size：12px
文字颜色：color：#903
文字居中：Text-align：center
插入图片：
头部元素：title
Script
Style
Link
Meta

为标签之间的主要内容：

根标签 Cellpading =0 cellspacing=0去内边距 Tr：表格的行，有几个tr，就有几行 Td：表格单元格一个>,一行中有几对td，就有几列 Th、；表格头部单元格，表头 在table后加border是表格框 合并行： rowspan=”3”>*** Table 后加cellpading会让字体有间距

边界属性：
margin-top：上边距
Margin-right：右边距
Margin-botton：下边距
Margin-left：左边距
边框属性：
Border-style：边框的样式
Border-width：边框的宽度
Border-color：边框的颜色
填充属性
padding-top：内容与上边框之间的距离
padding-right：内容与右边框之间的距离
padding-bottom：内容与下边框之间的距离
padding-left：内容与左边框之间的距离

关于定位：
Position：relative；//相对定位（以自己的位置为基准）
举个栗子：
.d1{
position: relative;
left: 20px;
top: 10px;
}
Position：absolute；//绝对定位（以网页左上角为基准）
Position：fixed；//固定定位（无论页面有多长，一直显示）

行内元素：span，strong，em；
块级元素：div，p，form ，ul，ol，li
img标签是一个典型的行内块元素，同一行可以设置多张图片的同时还可以设置宽（width）和高（height）
代码：
<img src=“img/2.jpg” width=“200px" height=“120px"/>
<img src=“img/2.jpg” width=“200px" height=“120px" />

关于浮动：
Float：left；
Float：right；
Float：none
解决塌陷：
Clear：both；
Overflow：hidden；
emmm…大概就只有这些了
在这次的学习过程中，我们对于html的一些基础知识有了一定的了解。也遇到了一些问题，但这些问题通过老师的讲解和小组团队的讨论一切都迎刃而解！总体来说还是得勤学多练，练习才是王道！！！