大概有个这样的form(表单)
<form name='login' action='login.php' method='post'><input type='text' name='username' value='' />
<input type='password' name='password' value='' />
</form>
<script>
var name = document.login.username.value
/* document.login.username 指向 form name='login'
下面的 input name=username 的值，就是你在input name='username'
写入的值
*/
var pwd=document.login.password.value
/*
同上
*/
document.login.submit()
/*
用户点击loginClick()时候触发document.login的submit方法
submit用于表单提交，相当于下面这个表单的button的作用。
就像你在百度知道提问的时候，写完问题要提交上去submit就是提交表单里的
数据给服务器的。
<form action='login.php' method='post'>
<button type='submit'>条件数据</button>
</form>
*/
</script>
一、文字1.标题文字 <h#>文字</h#>“#”可以填1~6；h1为最大字，h6为最小字
2.字体变化 <font>文字</font>
【1】字体大小 <font size=#>文字</font>“#”可填1~7；数字愈大字也愈大
【2】指定字型 <font face="字体名称">文字</font>
【3】文字颜色 <font color=#rrggbb>文字</font>
rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码（rrggbb）也可用6位颜色代码数字
3.显示小字体 <small>文字</small>
4.显示大字体 <big>文字</big>
5.粗体字 <b>文字</b>
6.斜体字 <i>文字</i>
7.打字机字体 <tt>文字</tt>
8.底线 <u>文字</u>
9.删除线 <strike>文字</strike>
10.下标字 <sub>文字</sub>
11.上标字 <sup>文字</sup>
12.文字闪烁效果 <blink>文字</blink>
13.换行（也称回车） <br>
14.分段 <p>
15.文字的对齐方向
<p align="#">#号可为 ：
left：表向左对齐（预设值）
center：表向中对齐
right：表向右对齐
例：<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr width=点数或百分比>
【3】分隔线对齐方向 <hr align="#">
#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.居中对齐 <center>文字</center>
18.依原始样式显示 <pre>文字</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 -- text <body text=#rrggbb>
【5】超连结文字颜色 -- link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>文字</MARQUEE>
移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
移动方向指令是：direction=# up向上、down向下、left向左、right向右。
例：<MARQUEE scrollAmount=3 direction=up>文字</MARQUEE>
二、图片
1.插入图片 <img src="图片地址">
2.设定图框 -- border <img src="图片地址" border=数字>
3.设定图形大小 -- width、height <img src="图片地址" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace <img src="图片地址" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图片地址" alt="说明文字">
6.预载图片
<img src="高解析度图片地址" lowsrc="低解析度图片地址">
P.S.两个图的图形大小最好一致
7.影像地图（Image Map）
<img src="图片地址" usemap="#图的名称"><map >
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL"></map>
【1】定义形状 -- shape
shape=rect：矩形 shape=circle：圆形 shape=poly：多边形
【2】定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：<area shape=circle coords=85,155,30 href="URL">
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">
html的含义是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
它并不是一种单纯的编程语言，中文意思可以理解为静态网页制作。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）