HTML教程33392.docVIP

HTML教程 1 一 页面结构 3 1 基本语法 3 2 背景色彩和文字色彩 3 3 背景图象 3 4 链接(Link) 4 5 标尺线 5 二 字体控制 5 1 标题字体 5 2 字体大小控制 6 3 字体颜色 6 三 文字布局 7 1 行的控制 7 2 文字的对齐 7 3 文字的分区显示 7 4 列表 8 四 图象标记 9 1 链入图象的语法 9 2 图片上加连接/图象的边框 9 五 表单的使用 10 1 表单的基本语法 10 2 文字输入和密码输入 10 3 复选框(Checkbox) 和 单选框(RadioButton) 11 4隐藏表单的元素 12 5 下拉菜单（又叫列表框） 12 6 文本域 13 六 表格标记 13 1表格的基本语法 13 2跨多行、多列的表格 14 七 多窗口页面 15 1基本语法 15 2 各窗口的尺寸设置 15 3各窗口间相互操作 17 4卷滚条设置 21 5浮动窗口(Iframe) 21 一 页面结构 1 基本语法 HTML HEAD title该页面的标题/title /HEAD BODY HTML 文件的主体内容要写在这个位置 /BODY /HTML 2 背景色彩和文字色彩 body bgcolor=# text=# bgcolor --- 背景色彩 text --- 非可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 如下： HTML HEAD title该页面的标题/title /HEAD BODY bgcolor=#123456 text=#ff0000 文字的色彩br /BODY /HTML 3 背景图象 body background=image-URL 如下： HTML HEAD title该页面的标题/title /HEAD BODY background=Water lilies.jpg text=ff0000 文字的色彩br /BODY /HTML 4 链接(Link) HTML HEAD title该页面的标题/title /HEAD BODY bgcolor=#123456 text=#ff0000 a href=新浪/abr a href= target=_self新浪(本窗口)/abr a href= target=_blank新浪(新窗口)/abr a href=mailto:www@163.com target=_blank发邮件/abr a href=#haerbin target=_self跳转到某个页面的某个位置/abr a href=其他页面的连接#haerbin target=_self跳转到其他页面的某个位置/abr a name=beijing/a 北京 brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr a name=shanghai/a 上海 brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr a name=haerbin/a 哈尔滨 brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr /BODY /HTML 5 标尺线 HTML HEAD title该页面的标题/title /HEAD BODY bgcolor=#123456 text=#ff0000 标尺线br hr hr width=50 hr width=50% hr width=50% align=left hr width=50% align=right /BODY /HTML 二 字体控制 1 标题字体 HTML HEAD title该页面的标题/title /HEAD BODY bgcolor=#123456 text=#ff0000 !-- HTML的注释： h# ... /h# #=1, 2, 3, 4, 5, 6br -- h1今天天气真好！/h1 h2今天天气真好！/h2 h3今天天气真好！/h3 h4今天天气真好！/h4 h5今天天气真好！/h5 h6今天天气真好！/h6 /BODY /HTML 2 字体