html100实例教程Word格式文档下载.docx
- 文档编号:3556285
- 上传时间:2023-05-01
- 格式:DOCX
- 页数:46
- 大小:115.77KB
html100实例教程Word格式文档下载.docx
《html100实例教程Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《html100实例教程Word格式文档下载.docx(46页珍藏版)》请在冰点文库上搜索。
/h1>
h2>
Thisisheading2<
/h2>
h3>
Thisisheading3<
/h3>
h4>
Thisisheading4<
/h4>
h5>
Thisisheading5<
/h5>
h6>
Thisisheading6<
/h6>
请仅仅把标题标签用于标题文本。
不要仅仅为了产生粗体文本而使用它们。
请使用其它标签或CSS代替。
7.居中排列的标题
-直框架
framesetcols="
25%,50%,25%"
>
<
framesrc="
/example/html/"
/frameset>
18.水平框架
framesetrows="
如何使用<
noframes>
标签
您的浏览器无法处理框架!
/noframes>
3.混合框架结构
50%,50%"
25%,75%"
含有noresize="
noresize"
属性的框架结构
50%,*,25%"
noresize="
/>
导航框架
120,*"
name="
showframe"
6.内联框架
iframesrc="
/i/"
/iframe>
一些老的浏览器不支持iframe。
如果得不到支持,iframe是不可见的。
22.跳转到框架一个指定的节
20%,80%"
/example/html/#C10"
使用框架导航跳转至指定的节
180,*"
HTML表格实例
1.表格
每个表格由table标签开始。
每个表格行由tr标签开始。
每个表格数据由td标签开始。
一列:
tableborder="
1"
tr>
td>
100<
/td>
/tr>
/table>
一行三列:
200<
300<
两行三列:
400<
500<
600<
2.表格边框
带有普通的边框:
First<
Row<
Second<
带有粗的边框:
8"
带有很粗的边框:
15"
3.没有边框的表格
这个表格没有边框:
table>
这个表格也没有边框:
0"
4.表格中的标头
表头:
th>
姓名<
/th>
电话<
BillGates<
55577854<
55577855<
垂直的表头:
5.空单元格
Sometext<
正如您看到的,其中一个单元没有边框。
这是因为它是空的。
在该单元中插入一个空格后,仍然没有边框。
我们的技巧是在单元中插入一个no-breaking空格。
no-breaking空格是一个字符实体。
如果您不清楚什么是字符实体,请阅读关于字符实体的章节。
no-breaking空格由和号开始("
&
"
),然后是字符"
nbsp"
,并以分号结尾("
;
)。
6.带有标题的表格
这个表格有一个标题,以及粗边框:
6"
caption>
我的标题<
/caption>
7.跨行跨列的表格
横跨两列的单元格:
thcolspan="
2"
横跨两行的单元格:
throwspan="
8.表格内的标签
这是一个段落。
这是另一个段落。
这个单元包含一个表格:
A<
B<
C<
D<
这个单元包含一个列表:
ul>
li>
苹果<
/li>
香蕉<
菠萝<
/ul>
HELLO<
9.单元格边距
没有cellpadding:
带有cellpadding:
cellpadding="
10"
9.单元格间距
没有cellspacing:
带有cellspacing:
cellspacing="
10.向表格添加背景颜色或背景图像
背景颜色:
bgcolor="
red"
背景图像:
background="
11.向表格单元添加背景颜色或者背景图像
单元背景:
tdbgcolor="
td
background="
Second<
11.在表格单元中排列内容
tablewidth="
400"
border="
thalign="
left"
消费项目....<
right"
一月<
二月<
tdalign="
衣服<
$<
化妆品<
食物<
总计<
12.框架属性
b>
注释:
/b>
frame属性无法在InternetExplorer中正确地显示。
Tablewithframe="
box"
:
tableframe="
Month<
Savings<
January<
$100<
above"
below"
hsides"
vsides"
HTML列表实例
1.无序列表
一个无序列表:
咖啡<
茶<
牛奶<
2.有序列表
一个有序列表:
ol>
/ol>
3.不同类型的无序列表
Disc项目符号列表:
ultype="
disc"
柠檬<
桔子<
Circle项目符号列表:
circle"
Square项目符号列表:
square"
4.不同类型的有序列表
数字列表:
字母列表:
oltype="
A"
小写字母列表:
a"
罗马字母列表:
I"
小写罗马字母列表:
i"
5.嵌套列表
一个嵌套列表:
茶
红茶<
绿茶<
6.嵌套列表2
绿茶
中国茶<
非洲茶<
7.定义列表
一个定义列表:
dl>
dt>
计算机<
/dt>
dd>
用来计算的仪器......<
/dd>
显示器<
以视觉方式显示信息的装置......<
/dl>
HTML表单与输入实例
1.文本域
form>
名:
inputtype="
text"
firstname"
br/>
姓:
lastname"
/form>
2.密码
b
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html100 实例教程