下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
1、HTML(HyperText MarkUp Language) 超文本标签语言HTML：网页的“源码”浏览器：“解释和执行”HTML源码的工具<head>标签 tml文档的首要部分。记录文件基本资料，如作者、编写时间。head部分所包含的元素：元素描述title文档标题meta描述非html标准的一些文档信息link描述当前文档与其他文档之间的连接关系base定义体试时默认的外部资源script脚本程序内容style样式表内容<body>标签描述文档内容,文件资料，即在浏览器上看到的网站内容。<title>标签（head标签中）title包含的内容将会被显示
2、在浏览器窗口的标题栏中。<meta>标签（head标签中）描述文档类型和字符编码描述搜索关键字和描述<meta http-equiv="content-type" content="text/html;charset="GB2312"> 通过此语句设定语言的编码方式。（简体中文GB3212 繁体中文BIG5） <meta name="keywords" content（内容）="html,css,javascript"> <meta
3、 name="description"(描述，描写) content="网页制作"> 这些信息是不可见的，只是提供给那些搜索引擎使用。1 / 5HTML标签分类：块级标签：显示为块状 前后隔一行(占一行)行级标签：按行逐一显示分类的好处：方便后续布局设计基本块级标签标题标签 <h1>一级标题</h1> <h2>二级标题</h2> <h6>六级</h6>水平线标签 <hr/> 图片标签 img段落<p></p>换行<
4、br/>用于布局的块级标签列表无序列表（以·分割）有序列表（以分割）自定义列表有序列表标签<ol><li>列表项1</li><li>列表项2</li><li>列表项3</li></ol>无序列表<ul><li>列表项1</li><li>列表项2</li><li>列表项3</li></ul>自定义列表（适合用于图文混排）<dl><dt>标题</dt
5、> (dt是块状标签)<dd>描述1</dd><dd>描述2</dd><dd>描述3</dd></dl>图文混编<dl><dt>图片HTML代码</dt> <dd>描述</dd></dl>分区标签<div> (当做结构化块使用，相当于一个容器)布局经验div +ul/ol 用于分类菜单或导航等div+dl+dt+dd 用于图文混编table+tr+td 用于图文布局或显示数据form+ table+tr+td 用于布局表单
6、行级标签<span><span>文本等行级内容</span>W3C 万维网联盟列的标准HTML内容方面：XHTML（HTML与XML过渡产品）标签名和属性名必须小写标签必须关闭属性值必须用括号引起来标签必须正确嵌套必须添加文档类型声明样式美化方面：CSS结构文档访问方面：OM页面交互方面：Script原则：1.内容和表现（样式）分离 便于后期维护和修改（文字内容与文字字体分离）2.HTML代码应能表示页面的内容语义，便于搜索引擎搜索（列表需用列表标签，不能使用段落标签）超链接语法<a href=”url” target=”目标窗口位置”>链接文本
7、或图像</a>超链接分类页面间链接锚链接功能性链结表格<table> (两行三列)<tr>(行)<td>(列) </td><td>(列) </td><td>(列) </td></tr><tr>(行)<td>(列) </td><td>(列) </td><td>(列) </td></tr></table>跨行/跨行<table border="1"
8、> <tr><td rowspan="3">手机充值</td> （跨行）<td>IP卡</td><td>网游</td></tr><tr><td>移动</td><td>联通</td></tr><tr><td colspan="2">联通</td> （跨列）</tr></table>表单（接受用户输入信息，与后台交互）<f
9、orm><table></table><tr><td> </td></tr></form><form action=”表单提交地址” method=”提交方法”> (method ：post/get)文本框、按钮等表单元素</form>Get：提供数据量小，提交的数据在地址栏上可见Post：提供数据量大，提交的数据不可见（比较安全）框架<iframe>可以把一个页面嵌入到另一个页面中框架的两类用途 1.显示多窗口页面 <frameset>框架集（不能放在body内）2.页面复用使用<iframe/>（可以放在body中）创建框架网页步骤创
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论