TTML网页设计知识点个人总结.docx

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

TTML网页设计知识点个人总结

网页设计

网页的结构：

<>

<>

头部分

<>

<>

正文部分

<>

<>

常用标记：

1:

<>

基本语法：

<字体颜色（英文或十六进制）字大小字体类型>被修饰的内容<>

（输入代码）例：

<>

<>

<>

<7宋体>哈哈，大家好<>

<>

<>

（输出结果）:

2:

段落标记.换行标记

基本语法：

被选定的内容<><>内容

（输入代码）例：

<>

<>

<>

<>

哈哈<><>大家好

<>

<>

（输出结果）：

3.插入图片：

<>

基本语法：

<

背景颜色><图片路径（相对）高度宽度提示文本边框粗细上中下>

<>

（输入代码）：

<>

<>

<>

<>

<\12200300美丽的花1>

<>

<>

（输出结果）:

4网页的背景图片：

基本语法：

<图片途径>

（输入代码）：

<>

<>

<>

<\12>

<>

<>

（输出结果）:

5网页标题：

基本语法：

<>标题内容<>注意：

写在<>与<>之间

6正文标题：

基本语法：

内容<1>内容<2>

内容<3>

内容<4>

内容<5>

内容<6>注意：

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

（输入代码）:

<>

<>

<>

<>

<>

<>

你最近还好吧！

<1>

你最近还好吧！

<2>

你最近还好吧！

<3>

你最近还好吧！

<4>

你最近还好吧！

<5>

你最近还好吧！

<6>

<>

<>

（输出结果）;

7滚动字幕：

、

基本语法：

<左右/上下滚动高度滚动间隔（毫秒）>被选的内容<>

8超链接：

基本语法：

热点<>

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

9特殊字符：

A：

<:

;

B:

>:

;

C:

空格：

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

D：

版权号：

;

E:

注册商标：

;

F:

钱：

;

G:

”:

;

10;无序列表：

基本语法：

<（类型）=（实心圆/空心圆实心正方形）>

<>内容<>

<>内容<>

<>内容<>

<>

（输入代码）:

<>

<>

<>

<>

<>

<>

<>

<>哈哈<>

<>嘻嘻<>

<>嘿嘿<>

<>

<>

<>

（输出结果）;

11.有序列表：

基本语法：

<>

<>

<>

<>

<>

<>

<1阿拉伯大写英文字母小写英文字母大写罗马小写罗马数字>

<>您好<>

<>您好吗<>

<>我很好<>

<>

<>

<>

输出代码：

<>

<>

<>

<>

<>

<>

<13>

<>您好<>

<>您好吗<>

<>我很好<>

<>

<>

<>

输出结果：

12定义列表：

基本语法：

<><>内容<><>

输入代码：

<>

<>

<>

<>

<>

<>

<>

<>

<>

<>

<>

<>

<>

<>

输出结果：

13水平线：

基本语法：

<颜色大小（粗细）宽度（无阴影）>

>

输入代码：

<>

<>

<>

<>

<>

<>

<3500>

<>

<>

输出结果：

14.表格标记：

基本语法

<属性>

<>

<>内容<>

<>内容<>

<>

<>

<><>

<><>

<>

<>

属性：

:

边框粗细

边框颜色

宽度高度

单元格间距

单元格边距

（）水平对齐（在中就是整个表格居中；在中就是内容居中；在中就是某一居中）

垂直对齐（上中下）（对于文字）

背景颜色

背景图片

跨列合并

:

跨行合并

KL两个只能用于<><>标记

与表格有关的标记：

<>:

表格标记

<>:

行标记

<>:

单元格标记（列标记）

<>:

列头标记（加粗并居中）

<>:

标题标记

输入代码：

<>

<>

<>

<>

<>

<>

<13002011>

<>

<>姓名<>

<>爱好<>

<>星座<>

<>

<>

<>某人<>

<>听歌<>

<>水瓶座<>

<>

<>

<>

<>

输出结果：

跨列合并代码：

<>

<>

<>

<>

<>

<>

<>

<>

<3>菜单<>

<>

<>

<>食物<>

<>饮料<>

<>甜品<>

<>

<>

<>A<>

<>B<>

<>C<>

<>

<>

<>

<>

跨列合并输出结果：

跨行合并代码：

<>

<>

<>

<>

<>

<>

<>

<>

<3>菜单<>

<>食物<>

<>A<>

<>

<>饮料<>

<>B<>

<>

<>

<>甜品<>

<>C<>

<>

<>

<>

<>

跨行合并输出结果

15.表单：

基本语法：

<表单名（）提交路径提交方式（/表单元素><>

:

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

:

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

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

A：

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

类型：

:

文本框（）

:

普通按钮（）

:

自动提交按钮（）

:

重置按钮（）

:

单选框（）

:

复选框（）

:

密码框（）

:

文本浏览器（）

:

图片（）可实行自动提交

:

隐藏域（）

基本语法：

<>

输入代码：

<>

<>

<>

<>

<>

<>

<1>

<>

<>

<>用户名:

<>

<><19><>

<>

<>

<>密;码:

<>

<><10><>

<>

<>

<>确认密码:

<>

<><2><>

<>

<>

<>

<>

输出结果：

B:

文本域：

基本语法：

<名字（开头）行数列数>内容<>

C:

下拉选择框：

基本语法:

<开头显示的个数多选>

<>选项内容

<>选项内容

<（默认选中）>选项内容

<>

输入代码：

<>

<>

<>

<>

<>

<>

<>

<>

<>国籍:

<>

<>

<5>

<>中国

<>澳大利亚

<>南非

<>美国

<>德国

<>过放电

<>士大夫

<>

<>

<>

<>

<>

<>

输出结果：

D：

按钮:

基本语法:

<普通按钮自动提交按钮重置按钮>文字内容<>

插按钮方式：

:

文字在。

。

。

。

:

文字在<>与<>之间

16字符标记：

加粗：

内容<>

斜体：

内容<>

下斜线：

内容<>

删除线：

内容<>

输入代码：

<>

<>

<>

<>

<>

<>

加粗<>

斜体<>

下斜线<>

删除线<>

<>

<>

输出结果：

17上标下标：

上标：

<>内容<>

下标：

<>内容<>

输入代码：

<>

<><>

<>

<7>3<><1>2<><>=9<><>

H<>2<>o

<>

<>

输出结果：

18.原样输出：

<>内容<>

输入代码：

<>

<><>

<>

<>哈哈

大家好！

<>

<>

<

输出结果：

19段落缩进：

<>内容<>

输入代码：

<>

<>

<>

<>

1、三星I9300<3>

<>;洒到段洒到段将发生大家洒到段将发生将发生大家洒到段将发生大家将发生大家

<>

<>

<>

输出结果：

20.发送电子邮件：

收件人地址”>内容<>

21音乐：

A：

背景<文件路径>

B：

有播放器的音乐<文件路径宽度高度><、>

输入代码：

<>

<>

<>

<>

<"\罗志祥爱转角3"><>

<>

<>

输出结果：

22.视频：

插入媒体（）

模板文件：

模板文件必须放在文件中