HTML总结

因有几个月没有讲网页,前两天想自已回忆总结一下HTML,竟然发现也是忘了些,所以现在我把以前的教案给拿出来贴到这里,方便以后查阅
---------------------------------------------
1、HTML基本构成
1 <html></hmtl>表示文档的开始和结束
2 <head></head>表示文档头的开始和结束
3 <title></title>文档的标4 题开始及结束
5 <body></body>文档正文的开始及结束

2 页面属性<body>标签内的属性

1 bgcolor 背景颜色
2 background 背景图片
3 text 正文文字的颜色
4 link 链接文字的颜色
5 alink 正被单击链接文字的颜色
6 vlink 已被单击过链接文字的颜色
7 leftmargin 网页左边空白
8 topmargin 网页上边空白

3 超链接
1 <a huef=”URL” target=”打开方式”>文字或图片</a>
1 “URL”代表网址或本站某页面,2
3 “打开方式”两个基本选项:1 “_blank” 在新窗口中打开 2 “_self 在本窗口中打开”

4 文字设置
1 标2 题文字 <hn></hn> n={1——6}号小字大
3 单独设置文字<font></font>
1 字号< font size=n> n={1——7}
2 字体< font face=X> X=隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial
3 颜色< font color=X>
4 文字特殊效果
1 <b>加粗</b>
2 <b>加粗</b>
3 <i>斜体</i>
4 <u>下划线</u>
5 <sub>下标6 字体</sub>
7 <sup>上标8 </sup>
9 <s>删除线</s>
10 <big>这是大号字体</big>
11 <small>这是小号字体</small>

5、网页布局

1 水平线<hr>
1 粗线<hr size=n> n=像素
2 宽度< hr width=n> n=像素或窗口百分比
3 颜色< hr color=X> X
4 对齐方式< hr aign=X> X=left(左对齐),5 right(右对齐),center(居中)
2 段落格式
1 换行<br>
2 段落<p> 也可以<p></p>
3 强制不4 换行<nobr> 也可以<nobr></nobr>
5 对齐方式
1 段落对齐方式<p align=X></p>
2 标3 题文字对齐方式<hn align=X></hn>
4 文本分区显示对齐方式<div align=X></div>
5 单独居中<center>内容</center> 包含在中间的“内容”居中对齐

3 图像

1 插入图象<img src=”url”> url=绝对路径或相对路径及文件名2
3 图象与文字对齐<img src=”url” align=”Y”> Y=top(顶部),middle(中部),botton(底部)
4 图象在网页中对齐
5 图象与周围文字间距<img src=”url” vspace(垂直)=”像素” hspace(水平)=”像素>
6 图象大小及边框宽度<img src=”url” width=”像素” height=“像素” border=”像素”>
7 图像超链接<a href=”URL”><img src=”url”></a>

表格的操作

1 插入表格
<table>...</table>:定义表格<表格的开始和结束>
<tr>...</tr>定义表行(每一行都需定义)
<th>...</th>定义表头(一般指第一行,因为很多表格没有表头,所以其常常省略)
<td>...</td>定义表元(表格的具体数据)
2 跨行,3 列表格
1 跨多列的表元 <th colspan=#>或<td colspan=#>
2 跨多行的表元 <th rowspan=#>或<td rowspan=#>
4 表格外观
1 设置表格边框:<table border=#>
2 设置表格尺寸:<table width=# height=#>
5 单元格间距及内容间距
1 单元格间距 <table cellspacing=#>
2 内容与单元格间距 <table cellpadding=#>
6 设置表格,7 行,8 列,9 单元格的背景色或背景图片
<table bgcolor=#>和<table background=url>
<th bgcolor=#>和<th background=url>
<td bgcolor=#>和<td background=url>
<tr bgcolor=#>和<tr background=url>
10 表格边框色 <table bordercolor=#>
11 表格内文字对齐
1 文字在表格内左对齐、居中、右对齐
<tr align=#> #=left, center, right
<td align=#>
2 文字在表格靠上、垂直居中、靠下
<tr valign=#> #=top, middle, bottom
<td valign=#>
12 表格在页面中对齐
13 表格中分隔线显示
14 表格边框显示

网页动态内容

1 移动的文字<marquee></marquee>
1 方向<direction=left,right,up,down>
2 方式<behavior=scroll(绕圈走),3 slide(一次),4 alternate(来回走)>
5 速度 scrollamount=1..1000
6 延时 scrolldelay=1..1000
7 底色 bgcolor
8 区域 height,witdth
9 鼠标10 指11 时停止
2 嵌入多媒体 <embed src=usl width=# height=#>
1 设置背景透明:wmode=transparent
3 网页背景音乐
<bgsound src=url toop=#>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值