TTML网页设计网页的结构：<html><head>//头部分//</head><body>//正文部分//</body></html>常用标记：1:<font>基本语法：<font color=字体颜色（英文或十六进制）size=字大小face=字体类型>被修饰的内容</font>(输入代码)例：<html><head><body><font color=red size=7 face=宋体>哈哈，大家好</font></body></html>(输出结果):2:段落标记.换行标记基本语法：<p align=left左/center中/右right>被选定的内容</p><br>内容(输入代码)例：<html><head></head><body><p align=center>哈哈</p><br>大家好</body></html>(输出结果)：3.插入图片：<img>基本语法：<body bgcolor=背景颜色><img src=图片路径(相对) height=高度width=宽度alt=提示文本border=边框粗细align=top上/middle中/bottom下></body>(输入代码)：<html><head></head><body bgcolor=pink><img src=images\flower12.jpg height=200 width=300 alt=美丽的花border=1 align=center></body></html>(输出结果):4网页的背景图片：基本语法：<body background=图片途径> (输入代码)：<html><head></head><body background=images\flower12.jpg> </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滚动字幕：、基本语法：<marquee direction=left左/right右/ up上/down下height=滚动高度scrolldelay=滚动间隔(毫秒)>被选的内容</marquee>8超链接：基本语法：<a href=链接目标>热点</a>Target=显示目标窗口——blank.在空白窗口打开name=命名锚记9特殊字符：A：<: <B: >: >C:空格： (空多少个空格就打多少个)D：版权号：©E:注册商标：&Reg;F:钱：¥G:”: "10;无序列表：基本语法：<ul type(类型)=(disk实心圆/ circle 空心圆/square实心正方形)><li>内容<li><li>内容</li><li>内容</li></ul>(输入代码):<html><head><title></title></head><body><ul type=circle><li>哈哈</li><li>嘻嘻</li><li>嘿嘿</li></ul></body></html>(输出结果);11.有序列表：基本语法：<html><head><title></title></head><body><ul type=1阿拉伯/A大写英文字母/a小写英文字母/I大写罗马/i小写罗马start=数字><li>您好</li><li>您好吗</li><li>我很好</li></ul></body></html>输出代码：<html><head><title></title></head><body><ul type=1 start=3><li>您好</li><li>您好吗</li><li>我很好</li></ul></body></html>输出结果：12定义列表：基本语法：<dl><dt> 内容<dd><dl> 输入代码：<html><head><title></title></head><body ><dl ><dt>today<dd>today is yesterday<dt>tomorrow<dd>tomorrow is today</body></html>输出结果：13水平线：基本语法：< hr color=颜色size=大小(粗细) width=宽度noshade(无阴影) align=>Left /center/ right>输入代码：<html><head></title></head><body ><hr color=red size=3 width=500 align=left noshade></body></html>输出结果：14.表格标记：基本语法<table 属性><tr><td> 内容</td><td>内容</td></tr><tr><td></td><td></td></tr></table>属性：A:border:边框粗细B:bordercolor边框颜色C:width, height宽度高度D:celllspacing单元格间距E:cellpadding单元格边距F:align(left center right)水平对齐(在table中就是整个表格居中；在tr中就是内容居中；在td中就是某一居中) G:valign垂直对齐(top上middle中bottom下)(对于文字)H:bgcolor背景颜色J:background背景图片K:colspan跨列合并L:rowspan:跨行合并K L 两个只能用于<td><th> 标记与表格有关的标记：<table>:表格标记<tr>:行标记<td>:单元格标记(列标记)<th>:列头标记(加粗并居中)<caption>: 标题标记输入代码：<html><head><title></title></head><body ><table border=1 bordercolor=red width=300 height=20 cellspacing=1 cellpadding=1 align=center bgcolor=pink ><tr ><td >姓名</td><td>爱好</td><td>星座</td></tr><tr><td>某人</td><td>听歌</td><td>水瓶座</td> </tr></table></body></html>输出结果：跨列合并代码：<head><title></title></head><body ><table border><tr ><th colspan=3>菜单</th> </tr><tr><th>食物</th><th>饮料</th><th>甜品</th></tr><tr><th>A</th><th>B</th><th>C</th></tr></table></body>跨列合并输出结果：跨行合并代码：<html><head><title></title></head><body ><table border><tr ><th rowspan=3>菜单</th><th>食物</th><th>A</th></tr><th>饮料</th><th>B</th></tr></tr><th>甜品</th><th>C</th></tr></table></body></html>跨行合并输出结果15.表单：基本语法：<form name=表单名(frm) action=提交路径method=提交方式(post / get 表单元素> </form> Post:将表单中的数据以数据包的形式提交，安全性高，但速速慢；Get:将表单中的数据直接以字符串的形式提交，在地址栏中可见，速度快，但安全性低常见的表单元素(控件)：A：<input type=类型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)基本语法：< input type=# name=# action=# method=#> 输入代码：<html><head><title></title></head><body ><form name=frmUser action=1.html><table><tr><td>用户名:</td><td><input size=19 type=text name=txtName></td></tr><tr><td>密 码:</td><td><input maxlength=10 type=password name=txtPwd></td></tr><tr><td>确认密码:</td><td><input type=password name=txtPwd2></td></tr></table></body></html>输出结果：B:文本域：基本语法：<texyerea name=名字(txa开头) rows=行数cols=列数>内容</textarea>C:下拉选择框：基本语法:<select name=sel开头size=显示的个数mutiple多选><option>选项内容<option>选项内容<option selected(默认选中)>选项内容</select>输入代码：<html><title></title></head><body ><table><tr><td>国籍:</td><td><select multiple size=5 name=selCountry><option>中国<option>澳大利亚<option>南非<option>美国<option>德国<option>过放电<option>士大夫</select></td></tr></table></html>输出结果：D：button按钮:基本语法:<button type=button普通按钮submit自动提交按钮reset重置按钮>文字内容</button>插按钮方式：input: 文字在value=。