html简单介绍及其应用.docVIP

html简单介绍及其应用 什么是html hypertext markup language(超文本标记语言),它是由 w3c定义的一套标记，用于设计网页，浏览器会解析标记及 标记之内的内容，以合适的方式展现出来。 1),html文件以.html或者.htm为后缀(为兼容 早期的windows)保存。 2)文件的内容主要分成两大部分 a,头 head title标题/title !-- meta 元标记 http-equiv: 模拟消息头 content:设置消息头的值 -- meta http-equiv=content-type content=text/html;charset=gbk meta http-equiv=refresh content=3 !--引入样式文件-- link rel=stylesheet type=text/css href=style.css !--引入外部的javascript文件或者 编写javascript脚本-- script src=my.js/script !--添加样式-- style /style /head b,体 body !--链接-- a !--表格-- table !--表单-- form !--列表-- ul,ol !--子窗口-- iframe /body body{ font-size:60px; color:red; font-style:italic; } first.html html head titlemy first html/title meta http-equiv=content-type content=text/html;charset=gbk !-- meta http-equiv=refresh content=3 -- link rel=stylesheet type=text/css href=style.css script src=my.js/script /head body 大家好 /body /html a.html html !--链接的使用-- head style body{ font-size:30px; font-style:italic; } /style /head body a href=hello.html target=_blank title=这是一个链接提示点我吧/a br/ br/ a href=hello.htmlimg src=fx.gif border=0/ /a p/ a href=mailto:eric@126.com?subject=hello 给我发邮件/a p/ a name=top小龙女是....../a div style=height:800px;/div a href=#top小龙女/ /body /html form.html html !--表单的使用-- head titleregist/title /head body form !--text: 文本输入框 value属性:缺省值 -- !--name属性一般都需要有，用于生成一个 请求字符串 disabled属性：只有一个值disabled，表示 禁用这个表单控件。 -- 用户名:input type=text name=username value=sddbr/ 密码:input type=password name=pwd/br/ !--单选框 name要求唯一; 最好提供一个缺省值 checked=checked-- 性别:男input type=radio name=gender value=m checked=checked/ 女input type=radio name=gender value=f/br/ 爱好: 做饭:input type=checkbox name=interest value=cooking checked=checked/ 钓鱼:in