文档介绍:该【TTML网页设计知识点个人总结 】是由【莫比乌斯】上传分享,文档一共【33】页,该文档可以免费在线阅读,需要了解更多关于【TTML网页设计知识点个人总结 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。TTML网页设计
网页的结构:
<html>
<head>
//头部分//
</head>
<body>
//正文部分//
</body>
</html>
常用标记:
1:<font>
基本语法:<fontcolor=字体颜色(英文或十六进制)size=字大小face=字体类型>被修饰的内容</font>
(输入代码)例:
<html>
<head>
<body>
<fontcolor=redsize=7face=宋体>哈哈,大家好</font>
</body>
</html>
(输出结果):
2:
基本语法:<palign=left左/center中/右right>被选定的内容</p><br>内容
(输入代码)例:
<html>
<head>
</head>
<body>
<palign=center>哈哈</p><br>大家好
</body>
</html>
(输出结果):
插入图片:<img>
基本语法:<bodybgc
olor=背景颜色><imgsrc=图片路径(相对)height=高度width=宽度alt=提示文本border=边框粗细align=top上/middle中/bottom下>
</body>
(输入代码):
<html>
<head>
</head>
<bodybgcolor=pink>
<imgsrc=images\=200width=300alt=美丽的花border=1align=center>
</body>
</html>
(输出结果):
4网页的背景图片:
基本语法:<bodybackground=图片途径>
(输入代码):
<html>
<head>
</head>
<bodybackground=images\>
</body>
</html>
(输出结果):
5网页标题:
基本语法:<title>标题内容</title>注意:写在<head>与</head>之间
6正文标题:
基本语法:<h1>内容</h1><h12>内容</h2><h3>内容</h3>
<h4>内容</h4><h5>内容</h5><h6>内容</h6>注意:A所有标题都是一个段落,并以h1最大到h6最小;都有align(left/center/right)属性;
(输入代码):
<html>
<head>
<title>
</title>
</head>
<body>
<h1>你最近还好吧!</h1>
<h2>你最近还好吧!</h2>
<h3>你最近还好吧!</h3>
<h4>你最近还好吧!</h4>
<h5>你最近还好吧!</h5>
<h6>你最近还好吧!</h6>
</body>
</html>
(输出结果);
7滚动字幕:、
基本语法:<marqueedirection=left左/right右/up上/down下height=滚动高度scrolldelay=滚动间隔(毫秒)>被选的内容</marquee>
8超链接:
基本语法:<ahref=链接目标>热点</a>
Target=显示目标窗口——=命名锚记
9特殊字符:
A:<:&lt;
B:>:&gt;
C:空格:&nbsp;(空多少个空格就打多少个)
D:版权号:&copy;
E:注册商标:&Reg;
F:钱:&yen;
G:”:&quot;
10;无序列表:
基本语法:<ultype(类型)=(disk实心圆/circle空心圆/square实心正方形)>
<li>内容<li>
<li>内容</li>
<li>内容</li>
</ul>
(输入代码):
<html>
<head>
<title>
</title>
</head>
<body>
<ultype=circle>
<li>哈哈</li>
<li>嘻嘻</li>
<li>嘿嘿</li>
</ul>
</body>
</html>
(输出结果);