HTML基础知识点-入门范本

（）超文本标HTML Hy perTextMa rkUp Lang ua ge签语言HTML网页的“源码”浏览器“解释和执行HTML源码的工具〈116@（1标签tml文档的首要部分记录文件基本资料，如作者、编写时间he ad部分所包含的元素:文档标题t itiemet a描述非htm1标准的一些文档信息描述当前文档与其他文档之间的连接关系link定义体试时默认的外部资源ba sescri pt脚本程序内容样式表内容style〈body〉标签描述文档内容，文件资料，即在浏览器上看到的网站内容titl e标签（h ead标签中）t it1e包含的内容将会被显示在浏览器窗口的标题栏中.m et a）标签（h ead标签中）描述文档类型和字符编码描述搜索关键字和描述,zm et aht tp-equiv=co nt e nt—type content=text/h tml;ch arset=GB2312”〉通过此语句设定语言的编码方式.（简体中文GB3212繁体中文BIG5）met an ame=k ey wor dsCOn tent（内容）=html,css,ja va sc ript〃meta name=n desc ri ptio FT（描述，描写）cont ent=网页制作“〉这些信息是不可见的，只是提供给那些搜索引擎使用HTML标签分类块级标签:显示为块状前后隔一行（占一行）行级标签按行逐一显示分类的好处:方便后续布局设计基本块级标签标题标签h1〉一级标题〈/hl〉h2）二级标题V/h2〉.......〈h6〉六级v/h6〉水平线标签〈hr/图片标签irng段落〈P〉/p换行〈br/〉用于布局的块级标签-列表无序列表（以•分割）有序列表（以

1.23o4分割）自定义列表有序列表标签ol1i〉列表项l/li1i）列表项2/1i〈li列表项3〉/ol无序列表ul1i列表项IV/1i）〈li列表项2/1i）1i〉列表项3/1i/ul自定义列表（适合用于图文混排）d1〈出〉标题/dt）（dt是块状标签）〈dd描述l/dd）dd描述2V/dd〉dd）描述3V/dd/dl图文混编d1〉（dt）图片HTML代码/dt〈dd〉描述〈/dd〉/d1分区标签odiv〉（当做结构化块使用，相当于一个容器）布局经验div+ul/o1用于分类菜单或导航等d iv+d1+dt+d dt“用于图文混编a ble+t r+t d用于图文布局或显示数据fo rm+tabl e+tr+t do用于布局表单行级标签〈span〉s pan文本等行级内容〈/spa n）W3C万维网联盟列的标准oHTML内容方面:XHTML（HTM L与XML过渡产品）S标签名和属性名必须写标签必须关闭属性《必须用括号引起来“标签必须正诵嵌套必须添向文档类型声明样式美化方面CSS结构文档访问方面:OM页面交互方面Sc rip t原则

1.内容和表现（样式）分离便于后期维护和修改（文字内容与文字字体分离）

2.HTML代码应能表示页面的内容语义，便于搜索引擎搜索（列表需用列表标签，不能使用段落标签）超链接语法（a href廿url”target=目标窗口位置”〉链接文本或图像〈/a超链接分类页面间链接锚链接功能性链结表格（tab1e〉（两行三列）口（行）〈td（列）/td）t d（列）〈/td〉td（列）/td/t r〈tr（行）o〈td〉（列）/tdotd）（列）〈/td〉〈t d〉（歹!J）/td/t r）/table跨行/跨行ta ble bor de）t r6ct drowspan=3〉手机充值〈/td〉（跨行）otd IP卡/tdtd〉网游/td）/tr）t r♦（td）移动/td〈td〉联通（/td）/1r〈trob t d co1span=2联通/1d〉跨列/tr/table表单接受用户输入信息，与后台交互formtable/1ableotr»t d/td/t r/formform action=表单提交地址meth od=提交方法”,meth odpost/get文本框、按钮等表单元素/f or mGet提供数据量小，提交的数据在地址栏上可见Post提供数据量大，提交的数据不可见比较安全框架〈i frame可以把一个页面嵌入到另一个页面中框架的两类用途bo显示多窗口页面〈frameset〉框架集不能放在body内2o页面复用使用viframe/〉可以放在body中创建框架网页步骤创建各子窗口对应的HTML创建整个框架页面文件，引用子窗口文件为了兼容性可使用〈noframes〉不支持次浏览器〈/noframes〉no re si z e=n or esize”固定大小s cro1ling=H non取消滚动条。