HTML基础知识点 入门

HTML(HyperTextMarkupLanguage)超文本标签语言HTML:网页的“源码”阅读器：“说明和执行"HTML源码的工具vhead＞标签tml文档的首要部分。记录文件基本资料，如作者、编写时间。head部分所包含的元素:title文档标题meta描述非html标准的一些文档信息link描述当前文档与其他文档之间的连接关系base定义体试时默认的外部资源script脚本程序内容style样式表内容vbody＞标签描述文档内容，文件资料，即在阅读器上看到的网站内容。标签（head标签中）title包含的内容将会被显示在阅读器窗口的标题栏中。vmeta＞标签（head标签中）描述文档类型和字符编码描述搜寻关键字和描述<meta -equiv="content-type”content=ntext/html;charset=nGB2312n>通过此语句设定语言的编码方式。（简体中文GB3212繁体中文BIG5）<metaname="keywords"content（内容）="html,css,javascript"><metaname="description"（描述，描写）content="网页制作"〉这些信息是不行见的，只是供应应那些搜寻引擎运用。HTML标签分类：块级标签：显示为块状前后隔一行（占一行）行级标签：按行逐一显示分类的好处：便利后续布局设计基本块级标签标题标签<hl>一级标题</hl><h2>二级标题</h2> <h6>六级</h6>水平线标签<hr/>图片标签img段落<p></p>换行<br/>用于布局的块级标签一一列表无序列表（以•分割）有序列表（以分割）自定义列表有序列表标签<ol><li>列表项l</li><li>列表项2</li><li>列表项3</li></ol>无序列表<ul><li>列表项l</li><li>列表项2</li><li>列表项3</li></ul>自定义列表（适合用于图文混排）<dl><dt>标题</dt>（dt是块状标签）vdd>描述l</dd><dd>描述2</dd><dd>描述3</dd></dl>图文混编<dl>Vdt>图片HTML代码v/dt><dd>描述</dd></dl>分区标签<div>（当做结构化块运用，相当于一个容器）布局阅历div+ul/ol 用于分类菜单或导航等div+dl+dt+dd用于图文混编div+dl+dt+dd用于图文混编table+tr+td用于图文布局或显示数据table+tr+td用于图文布局或显示数据form+table+tr+td用于布局表单行级标签＜span＞＜span＞文本等行级内容＜/span＞W3C万维网联盟列的标准HTML内容方面：XHTML（HTML与XML过渡产品）厂标签名和属性名必需小写＜标签必需关闭I属性值必需用括号引起来标签必需正确嵌套必需添加文档类型声明样式美化方面：CSS结构文档访问方面：OM页面交互方面：Script原则：.内容和表现（样式）分别便于后期维护和修改（文字内容与文字字体分别）.HTML代码应能表示页面的内容语义，便于搜寻引擎搜寻（列表需用列表标签，不能运用段落标签）超链接语法vahref="url"targeti'目标窗口位置”,链接文本或图像</a>超链接分类页面间链接锚链接功能性链结表格<table>（两行三列）<tr>（行）vtd>（歹！J）</td>vtd>例）</td>vtd>例）</td></tr><tr>（行）vtd>例）</td>vtd>例）</td>vtd>（列）</td></tr></table>跨行/跨行<tableborder=nr'><tr><tdrowspan="3">手机充值</td>（跨行）<td>IP卡v/td><td>网游v/td></tr><tr>vtd>移动v/td><td>联通v/td></tr><tr><tdcolspan="2">联通</td>（跨列）</tr></table>表单（接受用户输入信息，与后台交互）<form><table></table><tr><td></td></tr></form><formaction」'表单提交地址”method=,,提交方法”>(method:post/get)文本框、按钮等表单元素</form>Get：供应数据量小，提交的数据在地址栏上可见Post：供应数据量大，提交的数据不行见（比较平安）框架<iframe>可以把一个页面嵌入到另一个页面中框架的两类用途1.显示多窗口页归1.显示多窗口页归vframeset＞框架集（不能放在body内）2.页面复用运用＜iframe/＞（可以放在body中）创建框架网页步骤创建各