html 学习笔记1

HTML注释：<!--您的第一个HTML文件-->

空格&nbsp;

body标签属性

属性	功能
Bgcolor	网页背景颜色
Background	网页背景图片
Text	网页文字颜色

表格

1、语法

      <table>

                    <tr>

                            <td></td>

                   </tr>

      </table>

 

     <th></th>标题单元格

2、表格属性

     border，边框宽度；cellspacing，表格内框的宽度；cellpadding,表格内的文字至四周边框的距离；Height,高度；width,宽度； bordercolor，边框颜色； bgcolor，背景颜色； align，表格在网页中的水平对齐方式。

3、行、列属性

     高：Height 

     行/列外框的颜色：bordercolor

     行/列背景色：bgcolor

     行/列文字水平对齐方式：align

     行/列文字的垂直对齐方式：valign=top   middle bottom

4、跨行、跨列

     Rowspan、 colspan

5、表格标题标记caption

     <captionalign=top或bottom>

HTML表单

•        <form></form>属性

Action	表单处理程序的URL地址
Method	两种取值get,post
Target	用来指定目标窗口或框架(_blank 返回信息显示在新开的浏览器窗口中；_parent 父级窗口；_self 当前浏览器窗口；_top 返回信息显示在顶级浏览器窗口中)

 

多行输入框(textarea)

    多行输入框(textarea)主要用于输入较长的文本信息。例句如下：

   <textarea name="yoursuggest" cols ="50" rows ="3"></textarea>

    其中cols表示textarea的宽度，rows表示textarea的高度。

    *补充：

       <fieldset style="width:155px; height: 269px;">

           <legend align="top">图书分类</legend>

       </fieldset>

边框

Border：solid 1px #ffoooo;

Display:block 块 a标签填充整个li；

块级元素 li,p,div,h1~h6

 

居中

Line-height :33px;竖直方向等于div的高度

Text-align: center;水平居中

Clear：both 清除浮动

块级元素占满整个行；

导航浮动float;

默认应该是有间距的 浏览器div里面的ul间距不一样

#dl ul

{

Padding：0px；

Margin：0px；

List-style-type：none；//去除ul前面的圆圈

}  

Table

Colspan rowspan

CSS样式

背景图片

Background-image：url（””）;

盒子模型

里面

Padding： 4px;

Padding-top:

外面 就是margin

浏览器兼容问题

www.cnblogs.com/xccjmpc/p/3294309.html