北大青鸟教程课件网页代码基础_第1页
北大青鸟教程课件网页代码基础_第2页
北大青鸟教程课件网页代码基础_第3页
北大青鸟教程课件网页代码基础_第4页
北大青鸟教程课件网页代码基础_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页代码基础朴日东目录网页背后的秘密HTML基本标签HTML高级标签代码编辑的标准及注意事项2网页背后的秘密HTML简介HTML是HyperTextMark-upLanguage的缩写,中文意思就是超文本标记语言(超文本标签语言)HTML是构成网页文档的主要语言,它使用一系列的标签来结构化信息HTML文件的扩展名是.html或.htmHTML是目前网络上应用最为广泛的语言,它可以跨网络,跨平台进行传输3网页背后的秘密HTML文档结构4开始标签结束标签任何不在这两个标签之间的内容都不属于HTML文档,也不会在网页上显示头部开始头部结束包含一些浏览器需要但不需要在网页中显示的信息主体开始主体结束网页主要内容的集合体,包含在网页中显示的文本,图像,链接等具体内容网页背后的秘密HTML代码常用编辑工具记事本UE(UltraEdit)DreamWeaver5HTML基本标签HTML基本标签<title>网页标题,出现在头部区域</title><meta/>网页摘要信息,出现在头部区域例:<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/>解:网页摘要定义为内容类别,类别为html类型,字符编码为简体中文(utf-8为国际性通用字符编码)例:<metaname="keywords"content="关键词,关键词"/>例:<metaname="description"content="网页描述"/>6HTML基本标签<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6><sub>下标</sub><sup>上标</sup>7HTML基本标签<p>段落</p><br/>换行<hr/>水平线<b>加粗</b><strong>加粗强调</strong><span>范围</span>&的应用(特殊符号)组成:&+名称+;8HTML基本标签<img/>图像例:<imgsrc=“图像地址”alt=“图像替代文字”title=“鼠标悬停提示文字”width=“宽度”height=“高度”/>路径绝对路径相对路径../上一级目录./当前目录9HTML高级标签<a>超链接</a>例:<ahref=“链接地址”target=“目标窗口位置”>超链接</a>目标窗口位置_blank_self(默认)例:<aname=“锚标记”>想要在本网页定位的地址</a>解:<ahref=“链接网页地址#锚标记”>直接找到目标网页定位的地址</a>例:<ahref=“mailto:邮箱地址”>发送邮件</a>10HTML高级标签<ol>有序列表</ol><ul>无序列表</ul><dl>定义列表</dl>例:<oltype=“I”><li></li><li></li>……</ol>解:以罗马数字样式排列每一个<li>里面的内容例:<dl><dt>标题</dt><dd>描述</dd><dd>描述</dd>……</dl><!--html注释内容-->11HTML高级标签<table>表格</table>例:<table><tr><td></td><td></td>……</tr><tr><td></td><td></td>……</tr>……</table>解:<tr>决定着表格中的行数<td>决定着一行中的单元格数同时以一行内最多的单元格数决定表格中的列数例:<table><tr><tdcolspan=“所跨列数”rowspan=“所跨行数”></td><td></td></tr><tr><td></td></tr><tr><td></td><td></td><td></td></tr></table>例:<tablewidth=“表格宽度”height=“表格高度”border=“边框宽度”></table><tablecellpadding=“单元格内填充”cellspacing=“单元格间距”></table>12HTML高级标签表格的高级用法例:<table><tr><td><table><tr><td>单元格内可以再次嵌套表格</td>……</tr>……</table></td></tr></table>例:<table><caption>表格标题</caption> <thead><tr><th>表格头部加粗居中单元格</th>......</tr>......</thead> <tbody><tr><td>表格数据内容单元格</td>......</tr>......</tbody> <tfoot><tr><td>表格底部单元格</td>......</tr>......</tfoot> </table>13HTML高级标签<form>表单</form>14单行文本框密码框单选按钮复选框下拉框按钮多行文本框HTML高级标签例:<formmethod=“提交方法”id=“唯一标识”name=“名称”action=“表单提交地址”></form>解:提交方法”get”(对安全性要求不高)或”post”(对安全性要求较高)例:<form><inputtype=“类型”value=“初始值”size=“初始宽度”maxlength=“可输入最大字符数”checked=“按钮选中”/><form>解:类型”text”(单行文本框),”password”(密码框),”radio”(单选按钮),”checkbox”(复选框),”submit”(提交按钮),”reset”(重按钮),”button”(普通按钮)15注:单选按钮需要保证name属性一致HTML高级标签例:<formenctype="multipart/form-data"> <select><optionvalue=“”selected=“selected”>下拉框</option>……</select> <inputtype=“image”src=“图片路径”/> <textareacols=“列数”rows=“行数”readonly=“readonly”>多行文本框</texterea> <inputtype=“file”/> <inputtype=“submit”disabled=“disabled”/> </form>16将表单数据分为多部分提交默认选中图片提交按钮只读权限文件上传禁用HTML高级标签<iframe>内嵌框架</iframe>例:<iframesrc=“引用地址”name=“名称”frameborder=“是否显示边框”scrolling=“是否显示滚动条”></iframe><frameset>另一种内嵌框架</frameset>例:<html> <framesetcols=“横向切割宽度,……”rows=“纵向切割宽度,……”border=“边框宽度”> <framesrc=“引用地址”/> …… </frameset> </html>17代码编辑的标准及注意事项HTML标签的编写要符合w3c(WorldWideWebConsortium)标准w3c统一了各个浏览器对HTML等代码的显示标签名和属性名称必须小写HTML标签必须关闭属性值必须用引号括起来标签要正确嵌套必须添加文档类型声明检测代码是否标准

18Strict(严格类型)<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTM

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论