html例子Word文档下载推荐.docx
- 文档编号:4792075
- 上传时间:2023-05-04
- 格式:DOCX
- 页数:28
- 大小:23.96KB
html例子Word文档下载推荐.docx
《html例子Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《html例子Word文档下载推荐.docx(28页珍藏版)》请在冰点文库上搜索。
这是<
br/>
第一段。
/p>
第二段。
palign="
center"
>
第三段。
使用br可以换行,知道<
了<
吗<
3.1-3.html
原样显示文字
PRE>
白日依山尽,
黄河入海流。
/PRE>
4.1-4.html
居中对齐标记
居中对齐标记<
center>
《送孟浩然之广陵》<
p/>
故人西辞黄鹤楼,烟花三月下扬州。
孤帆远影碧山尽,惟见长江天际流。
/center>
5.1-5.html
水平分隔线标记
测试水平分隔线标记<
春晓
hrsize="
1"
width="
20%"
align="
color="
red"
春眠不觉晓,<
br>
处处闻啼鸟。
br>
夜来风雨声,<
花落知多少?
属性
参数
功能
单位
默认值
size
设置水平分隔线的粗细
pixel(像素)
2
width
设置水平分隔线的宽度
pixel(像素)、%
100%
align
Leftcenterright
设置水平分隔线的对齐方式
center
color
设置水平分隔线的颜色
black
noshade
取消水平分隔线的3d阴影
注释标记
!
--body标记是主体内容-->
&
lt;
赋得古原草送别&
gt;
pre>
pre代表原样显示排版格式>
离离原上草,
一岁一枯荣。
野火烧不尽,
春风吹又生。
/pre>
标题文字标记
标题标记的格式:
hnalign=参数〉标题内容<
/hn>
说明:
hn>
标记是成对出现的,<
标记共分为六级,在<
h1>
...<
/h1>
之间的文字就是第一级标题,是最大最粗的标题;
h6>
/h6>
之间的文字是最后一级,是最小最细的标题文字。
align属性用于设置标题的对齐方式,其参数为left(左),enter(中),right(右)。
标记本身具有换行的作用,标题总是从新的一行开始。
设定各级标题<
h1align="
CENTER"
一级标题。
h2>
二级标题。
/h2>
h3>
三级标题。
/h3>
文字格式控制标记
使用功能
face
设置文字使用的字体
宋体
设置文字的大小
3
设置文字的颜色
黑色
fontface="
黑体"
size="
6"
盼望着,盼望着,东风来了,春天脚步近了。
/font>
特定文字样式标记
(1)粗体标记<
b>
:
放在<
与<
/b>
标记之间的文字将以粗体方式显示。
(2)斜体标记<
i>
/i>
标记之间的文字将以斜体方式显示。
(3)下划线标记<
u>
/u>
标记之间的文字将以下划线方式显示。
fontcolor="
#FF0000"
+2"
这些文字是粗体的<
br/>
这些文字是斜体的<
这些文字带有下划线<
超链接的应用:
文件超链接:
这种链接的目标端点是一个文件,当然包括各种文件,如页面文件,它可以位于当前网页所在的服务器上,此时可称为“站点内页面的链接”,也可以位于其他服务器,此时可称为“与站点外页面的链接”。
书签超链接:
这种链接的目标端点是网页中的一个位置,通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。
E-mail链接:
通过这种链接可以启动电子邮件客户端程序(如Outlook或FoxMail等),并允许访问者向指定的地址发送邮件。
图像超链接:
这种链接是在图像上建立若干个区域称为“链接区”,通过它可以跳转到其他目标端点去。
P>
ANAME="
top"
/A>
/P>
AHREF="
#top"
返回顶部<
test.htm#top"
跳转到test.htm页的顶部<
mailto:
tzsimple@?
subject=关于动态网站设计"
给我写信<
AHREF=Default.htm>
imgsrc="
dysb.jpg"
/>
考虑:
AHREF="
filename.html"
…<
(链接到本地磁盘上同一目录下的页面)
../../filename.html"
(链接到本地磁盘上不同目录下的页面)
建立列表
(1)<
无序列表<
ul>
li>
默认的无序列表加"
实心园"
litype="
square"
无序列表square加方块
circle"
无序列表circle加空心园
/ul>
(2)<
ol>
默认的有序列表
/ol>
oltype="
a"
start="
5"
第1项
第2项
livalue="
20"
第4项
图像的处理
IMG>
的格式及一般属性设定:
logo.gif"
width=100height=100border=2align="
alt="
Logo"
图片标记<
img>
的属性:
Src:
图像的url的路径
Alt:
提示文字
Width:
宽度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
Height:
高度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
Align;
图像和文字之间的排列属性
Border:
边框
ahref="
imgalt="
XX搜索"
src="
../../imge/logo[2].gif"
/a>
p/>
TABLE表格
标签
描述
table>
/table>
用于定义一个表格开始和结束
th>
/th>
定义表头单元格。
表格中的文字将以粗体显示,在表格中也可以不用此标记,<
标记必须放在<
tr>
标记内
/tr>
定义一行标记,一组行标记内可以建立多组由<
td>
或<
标记所定义的单元格
/td>
定义单元格标记,一组<
标记将将建立一个单元格,<
表格的控制<
TABLEborder=1align="
80%"
height="
150"
TRALIGN="
TH>
姓名<
/TH>
性别<
年龄<
专业<
/TR>
TRALIGN=CENTERbordercolor="
#336600"
bgcolor="
#C1FFC1"
TD>
咚咚<
/TD>
男<
18<
学生<
tralign=centerheight=50bordercolor=navybgcolor="
#86B8E1"
valign=bottombordercolorlight="
#E1F0FD"
bordercolordark="
#002346"
楠楠<
女<
17<
/TABLE>
颜色参考:
tablewidth="
450"
border="
第1行,第1列<
tdcolspan="
2"
第1行的第2、3列<
tdrowspan="
第2行及第3行的第1列<
第2行第2列<
第2行第3列<
第3行第2列<
第3行第3列<
表格的标题标记<
tableborder="
10"
background="
../../imge/b0024.gif"
bordercolorlight="
#9999FF"
#9900CC"
caption>
学生信息表<
/caption>
tralign="
thcolspan="
学生基本信息<
成绩<
姓名<
专业<
课程<
分数<
蓉蓉<
计算机<
程序设计<
88<
喃喃<
89<
表格的嵌套
表格嵌套<
bodybgcolor="
#555555"
text="
#FFFFFF"
560"
3"
cellspacing="
cellpadding="
tdwidth="
100"
69"
网页标志<
divalign="
广告条<
/div>
tdheight="
330"
321"
标题栏<
90"
内容六<
275"
325"
263"
内容一<
内容二<
163"
157"
320"
136"
94"
内容三<
62"
内容四<
160"
内容五<
网页的动态
marquee>
标记可以实现元素在网页中移动的效果,以达到动感十足的视觉效果。
标记是一个成对的标记。
应用格式为:
/marquee>
标记有很多属性,用来定义元素的移动方式:
align:
指定对齐方式top,middle,bottom
scroll:
单向运动
slide:
如幻灯片,一格格的,效果是文字一接触左边就停止。
alternate:
左右往返运动
bgcolor:
设定文字卷动范围的背景颜色
loop:
设定文字卷动次数,其值可以是正整数或infinite表示无限次,默认为无限循环
height:
设定字幕高度
width:
设定字幕宽度
scrollamount:
指定每次移动的速度,数值越大速度越快
scrolldelay:
文字每一次滚动的停顿时间,单位是毫秒。
时间越短滚动越快
hspace:
指定字幕左右空白区域的大小
vspace:
指定字幕上下空白区域的大小
direction:
设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动
behavior:
指定移动方式,scroll表示滚动播出,slibe表示滚动到一方后停止,alternate表示滚动到一方后向相反方向滚动。
字体2"
size=6color="
#ff0000"
滚动字幕
啦啦啦~~~我会跑了<
marqueeheight="
200"
direction="
up"
hspace="
啦啦啦~~~我会往上跑了<
多视窗口框架
框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL网页。
使用框架可以非常方便的在浏览器中同时浏览不同的页面效果,也可以非常方便的完成导航工作。
1.
frameset>
framesrc="
url地址1"
url地址2"
......
例:
framesetcols="
25%,75%"
framename="
left"
frame_left.htm"
right"
frame_right.htm"
/frameset>
其中:
frame_left.htm
frame_right.htm
framesetrows="
20%,80%"
banner.htm"
<
menu.htm"
main.htm"
banner.htm文件内容:
thisisbanner.htm
menu.htm文件内容:
thisismenu.htm
main.htm文件内容:
thisismain.htm
表单的设计
1.form
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
HTMLform标签示例<
标签示例<
formid="
dreamduform"
method="
post"
action="
<
fieldset>
<
legend>
用户名:
/legend>
labelfor="
username"
/label>
inputtype="
text"
id="
name="
/fieldset>
密码:
pass"
password"
/form>
表单中主要包括下列元素:
button——普通按钮
radio——单选按钮
checkbox——复选框
select——下拉式菜单
text——单行文本框
textarea——多行文本框
submit——提交按钮
reset——重填按钮
input>
表单输入标记
此标记在表单中使用频繁,大部分表单内容需要用到此标记。
其语法如下:
input
aligh=left|righ|top|middle|bottom
name=value
type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button
value=value
src=url
checked
maxlength=n
size=n
onclick=function
onselect=function>
HTMLinput标签示例<
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 例子