TTML网页设计知识点个人总结文档格式.docx

TTML网页设计知识点个人总结文档格式.docx

《TTML网页设计知识点个人总结文档格式.docx》由会员分享，可在线阅读，更多相关《TTML网页设计知识点个人总结文档格式.docx（26页珍藏版）》请在冰豆网上搜索。

大家好

（输出结果）：

3.插入图片：

img>

bodybgc

olor=背景颜色>

imgsrc=图片路径（相对）height=高度width=宽度alt=提示文本border=边框粗细align=top上/middle中/bottom下>

（输入代码）：

bodybgcolor=pink>

imgsrc=images\flower12.jpgheight=200width=300alt=美丽的花border=1align=center>

4网页的背景图片：

bodybackground=图片途径>

bodybackground=images\flower12.jpg>

5网页标题：

title>

标题内容<

/title>

注意：

写在<

与<

之间

6正文标题：

h1>

内容<

/h1>

h12>

/h2>

h3>

/h3>

h4>

/h4>

h5>

/h5>

h6>

/h6>

A所有标题都是一个段落，并以h1最大到h6最小；

都有align（left/center/right）属性；

（输入代码）:

你最近还好吧！

h2>

（输出结果）;

7滚动字幕：

、

marqueedirection=left左/right右/up上/down下height=滚动高度scrolldelay=滚动间隔（毫秒）>

被选的内容<

/marquee>

8超链接：

ahref=链接目标>

热点<

/a>

Target=显示目标窗口——blank.在空白窗口打开name=命名锚记

9特殊字符：

A：

:

&

lt;

B:

>

gt;

C:

空格：

&

nbsp;

（空多少个空格就打多少个）

D：

版权号：

copy;

E:

注册商标：

Reg;

F:

钱：

yen;

G:

”:

quot;

10;

无序列表：

ultype（类型）=（disk实心圆/circle空心圆/square实心正方形）>

li>

/li>

/ul>

ultype=circle>

<

嘻嘻<

嘿嘿<

11.有序列表：

ultype=1阿拉伯/A大写英文字母/a小写英文字母/I大写罗马/i小写罗马start=数字>

您好<

您好吗<

我很好<

输出代码：

ultype=1start=3>

输出结果：

12定义列表：

dl>

dt>

内容<

dd>

输入代码：

body>

dl>

today

todayisyesterday

tomorrow

tomorrowistoday

/dl>

13水平线：

hrcolor=颜色size=大小（粗细）width=宽度noshade（无阴影）align=>

Left/center/right>

hrcolor=redsize=3width=500align=leftnoshade>

14.表格标记：

基本语法

table属性>

tr>

td>

/td>

/tr>

/table>

属性：

A:

border:

边框粗细

bordercolor边框颜色

width,height宽度高度

D:

celllspacing单元格间距

cellpadding单元格边距

align（leftcenterright）水平对齐（在table中就是整个表格居中；

在tr中就是内容居中；

在td中就是某一居中）

valign垂直对齐（top上middle中bottom下）（对于文字）

H:

bgcolor背景颜色

J:

background背景图片

K:

colspan跨列合并

L:

rowspan:

跨行合并

KL两个只能用于<

th>

标记

与表格有关的标记：

table>

表格标记

行标记

单元格标记（列标记）

列头标记（加粗并居中）

caption>

标题标记

tableborder=1bordercolor=redwidth=300height=20cellspacing=1cellpadding=1align=centerbgcolor=pink>

tr>

td>

姓名<

爱好<

星座<

某人<

听歌<

水瓶座<

跨列合并代码：

tableborder>

thcolspan=3>

菜单<

/th>

食物<

饮料<

甜品<

A<

B<

C<

跨列合并输出结果：

跨行合并代码：

throwspan=3>

跨行合并输出结果

15.表单：

formname=表单名（frm）action=提交路径method=提交方式（post/get表单元素>

/form>

Post:

将表单中的数据以数据包的形式提交，安全性高，但速速慢；

Get:

将表单中的数据直接以字符串的形式提交，在地址栏中可见，速度快，但安全性低

常见的表单元素（控件）：

A：

inputtype=类型name=控制名属性=值（即所写的内容check默认选中maxlength=最大长度（限文本框输入长度）size=设置文本框或密码框的宽度）>

类型：

Text:

文本框（txt）

Button:

普通按钮（btn）

Submit:

自动提交按钮（btn）

Reset:

重置按钮（btn）

Radio:

单选框（rad/rdo）

Checkbox:

复选框（chk）

Password:

密码框（btn）

File:

文本浏览器（file）

Image:

图片（img）可实行自动提交

Hidden:

隐藏域（hid）

基本语法：

inputtype=#name=#action=#method=#>

formname=frmUseraction=1.html>

<

用户名:

inputsize=19type=textname=txtName>

密&

码:

inputmaxlength=10type=passwordname=txtPwd>

确认密码:

inputtype=passwordname=txtPwd2>

输出结果：

文本域：

texyereaname=名字（txa开头）rows=行数cols=列数>

/textarea>

C:

下拉选择框：

基本语法:

selectname=sel开头size=显示的个数mutiple多选>

option>

选项内容

optionselected（默认选中）>

/select>

输入代码：

国籍:

<

selectmultiplesize=5name=selCountry>

<

中国

澳大利亚

南非

美国

德国

过放电

士大夫

button按钮:

buttontype=button普通按钮submit自动提交按钮reset重置按钮>

文字内容<

/button>

插按钮方式：

input:

文字在value=。

。

Button:

文字在<

button>

16字符标记：

加粗：

b>

/b>

斜体：

i>

/i>

下斜线：

u>

/u>

删除线：

s>

/s>

加粗<

斜体<

下斜线<

删除线<

17上标下标：

上标：

sup>

/sup>

下标：

sub>

/sub>

fontsize=7>

3<

fontsize=1>

2<

=9<

H<

o

18.原样输出：

pre>

/pre>

哈哈

大家好！

/html

19段落缩进：

blockquote>

/blockquote>

1、三星I9300<

洒到段洒到段将发生大家洒到段将发生将发生大家洒到段将发生大家将发生大家

20.发送电子邮件：

ahref=”mailto:

收件人地址”>

21音乐：

背景<

bgcolorsrc=文件路径>

B：

有播放器的音乐<

embedsrc=文件路径width=宽度height=高度>

、embed>

embedsrc="

music\罗志祥爱转角.mp3"

/embed>

22.视频：

插入媒体flash（.flv/swf）

模板文件：

.dwt模板文件必须放在Templates文件中