HTML网页表格标签,HTML静态网页(标签、表格)

HTML静态网页: 打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background 背景壁纸、图片 text 文字颜色 topmargin 上边距 leftmargin 左边距 rightmargin 右边距 bottommargin 下边距 body属性用法示例: font color="" face="" s

HTML静态网页:

打开DREAMWEAVER,新建HTML,如下图:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162004071347149.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

body的属性:

bgcolor        页面背景色

background       背景壁纸、图片

text           文字颜色

topmargin        上边距

leftmargin         左边距

rightmargin      右边距

bottommargin      下边距

body属性用法示例:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162012067129037.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

分别控制字体的颜色、字体和大小。

        字体加粗

   字体加粗

           倾斜

       倾斜

        下划线

   居中



      相当于回车

          表示空格,Ctrl+shift+space

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162014558841953.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

      标题,会自动换行。HTML标题是
  1.     有序列表,序号为1,2,3....,引号中可以更改序号的形式
  2. 内容
  3. 内容
         上面的ol改为ul则变为无序号列表

示例:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162021364949198.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

"../"      表示上级目录

"./"       表示当前目录

相对路径:从当前页面开始查找。

绝对路径:从网站的根开始查找。"/",代表网站的根。

超链接文字    --在新窗口打开

还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

示例:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162032315568939.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

文字

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。

title可以添加图片描述,鼠标放在图片上时可以显示描述。

示例:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162040276038971.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

表格:

表格

width:宽度。可以用像素或百分比表示。 常用960像素。

border:边框,常用值为0。

cellpadding:内容跟边框的距离,常用值为0。

cellspacing:单元格与单元格之间的间距,常用值为0。

algin:对齐方式。

bgcolor:背景色。

background:背景图片。

align:一行内容的水平对齐方式。

valign:一行内容的垂直对齐方式。

height:行高。

bgcolor:背景色。

background:背景图片。

单元格表头,单元格的内容自动居中、加粗

align:单元格内容的对齐方式。

valign:单元格的内容的垂直对齐方式。

width:单元格宽度。

height:单元格高度。

bgcolor:背景色。

background:背景图片。

内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

设置单元格行高、列高时,会同时影响对应的行或列。

单元格合并:(建议尽量用表格嵌套)

colspan=“n”  合并同一行的单元格(后面写代码要减去相对应的列)

rowspan=“n”  合并同一列单元格(从第二行开始减去相对应的列)

表格示例:

test.jsp?url=http%3A%2F%2Fimages.cnitblog.com%2Fblog%2F676879%2F201411%2F162057258535157.jpg&refer=http%3A%2F%2Fwww.cnblogs.com%2Fqiqige77%2Fp%2F4101904.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值