




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、Company nameWEB编程基础编程基础第第2章章 HTML根本讲解根本讲解清华大学出版社清华大学出版社关键内容 领会领会HTML文档的根基结构文档的根基结构 领会标记属性的使用方式和法那么领会标记属性的使用方式和法那么2.1 HTML文档结构文档结构l一个完整的HTML文件见谅头部和主体两个部分的内容,在头部内容里,可定义咨询题、样式等,文档的主体内容便是要表现的信息.2.1.1 根基结构 一个简单的一个简单的HTML示例示例 迎接完临我的主页迎接完临我的主页 2.1.2 头部内容l是是HTML文档的头部标记文档的头部标记, 在扫瞄器窗口中在扫瞄器窗口中,头部信息是不被表此刻正文中的头
2、部信息是不被表此刻正文中的,在此标记中能够插入其它用以讲明文件的咨询题在此标记中能够插入其它用以讲明文件的咨询题和部分公共属性的标记和部分公共属性的标记.l似要指定似要指定HTML文档的文档的*页咨询题(它将表此刻扫页咨询题(它将表此刻扫瞄器窗口顶部咨询题栏)瞄器窗口顶部咨询题栏),便要在头部内容中提供便要在头部内容中提供有关信息有关信息.用用title元素来指定元素来指定*页咨询题页咨询题,即在即在之间写上之间写上*页咨询题页咨询题,似程序似程序2-2.2.1.2 头部内容我的第一个我的第一个*站站 2.1.2 头部内容2.1.2 头部内容l在头部文件中使用标记用于描述不见谅在规格HTML里
3、的部分文档信息,例似开发工具,作者,*页关键字,*页描述等.这些定义的内容同时不在*页页面中表现,但是部分搜刮引擎能够检索这些信息,扫瞄者能够依照这些关键字或描述查寻到该*页. 2.1.2 头部内容 我的第一个我的第一个*页页 2.1.3 主体内容l在标记和中放置的是页面中全部的内容,似图片、文字、表格、表单、超链接等元素.l例似,程序2-4在body部分添加了几个对于文本和段落的标记.l 2.1.3 主体内容我的第一个页面我的第一个页面这个地方是文章的咨询题这个地方是文章的咨询题.这个地方是文章的段落这个地方是文章的段落. 2.1.4 编写*页的开头l能够通过扫瞄器直截了当查看一个页面的HT
4、ML源代码,例似在IE扫瞄器菜单栏上挑选“查看源文件”即可.l大多页面的开头,往往使用DOCTYPE标记来表明要使用啥风格的HTML或XHTML.DOCTYPE使扫瞄器明白应该似何操作文档,同时且让验证器明白依照啥样的规格查抄代码的语法.接着,用html标记标出现实代码的起始位置.2.2 HTML根基语法lHTML用于描述功能的符号称为“标记”.、等根基上标记.标记往往分为单标记和双标记两种类型.2.2.1 标记语法l 单标记单标记 l单标记仅单独使用便能够表达完整的意思单标记仅单独使用便能够表达完整的意思.l根基语法根基语法:ll语法讲明语法讲明:l最常用的单标记是最常用的单标记是,它示意换
5、行它示意换行.2.2.1 标记语法l 双标记l双标记由首标记和尾标记两部分构成,它必须成对使用.首标记告知Web扫瞄器从此处最先履行该标记所示意的功能.尾标记告知Web扫瞄器在这个地方结束该标记.l根基语法:l内容l语法讲明:l其中“内容”部分便是要被这对标记施加作用的部分.l例似,“b“标记的作用是,告知扫瞄器介于标记和之间的文本应以粗体表现.(这个地方的“b”是“粗体(bold)”的意思.l标记能够见谅标记,即标记能够成对嵌套,但是不能交错地嵌套.下面的代码便是错误的:l这是错误的交错嵌套代码.2.2.2 属性语法lHTML通过标记告知扫瞄器似何展示*页,似告知扫瞄器表现一个换行.另外还能
6、够为某些元素附加部分信息,这些附加信息被称为属性(attribute).l例似,标记的作用是在*页中插入一条水平线,那么这条水平线的粗细、对齐方式等便是该标记的属性,似: 2.2.2 属性语法l根基语法根基语法:ll语法讲明语法讲明:l属性应写在首标记内属性应写在首标记内,同时且和标记名之间有一个同时且和标记名之间有一个空格分隔空格分隔.例似例似,上例中上例中hr标记中标记中,align为属为属性性,center为属性值为属性值,属性值能够直截了当书写属性值能够直截了当书写,也也能够使用能够使用括起来括起来.以下写法也是精确的以下写法也是精确的: 2.3 注释l注释标签用于在 HTML 源码中
7、插入注释.注释会被扫瞄器忽略.能够使用注释对程序代码履行解讲,恰当的注释对往后世码的阅读和维护产生非常大的扶助.l根基语法:l l语法讲明:l左括号后需要写一个惊奇号,右括号前便不需要了. 2.4编写HTML文件的注重事项 l“”是任何标记的最先和结束.元素的标记要用这对尖括号括起来,同时且结束的标记老是在最先的标记前加一个歪杠“”;l标记能够嵌套使用,但不能嵌套标记.任何回车符和空格在HTML代码中都不起作用.为了代码清楚,定见差别的标记都单独占一行;l标记中能够放置各种属性,属性值都用“”括起来;l编写代码,一样应该使用缩进风格,以便更好的懂得页面的结构,便于阅读和维护.2.4编写HTML
8、文件的注重事项l为了使扫瞄器能正常扫瞄*页,在用记事本或不的HTML开发工具编写好HTML文档后,在保留HTML时,对HTML文件的命名要注重以下几点:l文件的扩展名为.htm或结束,定见同一使用html做为文件名的后缀;l文件名中只可由英文字母、数字或下划线组成;l文件名中不要见谅特别符号,比似空格、$等;l文件名辨识大小写;l*站首页文件名一样是index或default.2.5 小实例l编写一个编写一个HTML文件文件,在编写的时侯要注重编写的在编写的时侯要注重编写的注重事项注重事项,养成良好的编码风俗养成良好的编码风俗.页面的咨询题页面的咨询题这是我的第一个页面这是我的第一个页面.这是粗体文本这是粗体文本. 小结l本章关键讲解了本章关键讲解了HTML文件的根基结构和根基语文件的根基结构和根基语法法.HTML文件根基结构见谅三大部分文件根基结构见谅三大部分,其中其中:l、分不示意一个分不示意一个HTML文件的文件的最先和结束;最先和结束;l、分不示意文件头部的最先和分不示意文件头部的最先和结束
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 合同解除中的注意事项
- 2025至2031年中国高粘度切片行业投资前景及策略咨询研究报告
- 2025至2031年中国管件带临时堵头行业投资前景及策略咨询研究报告
- 2025年包头轻工职业技术学院单招职业倾向性考试题库及完整答案一套
- 2025年安康职业技术学院单招综合素质考试题库及答案1套
- 2025年北京科技大学天津学院单招职业适应性考试题库学生专用
- 2025年安徽体育运动职业技术学院单招职业倾向性测试题库及参考答案1套
- 2025年宝鸡中北职业学院单招职业适应性考试题库带答案
- 2025年包头职业技术学院单招职业技能测试题库及答案一套
- 2025年安庆医药高等专科学校单招职业倾向性考试题库有答案
- 2025年河南林业职业学院单招职业技能测试题库完整版
- 地理-浙江省强基联盟2025年2月高三年级联考试题和答案
- (必刷)湖南省医学院校高职单招职业技能测试必会题库(含往年真题)
- 2025《医药企业防范商业贿赂风险合规指引》解读课件
- 血透病人皮肤瘙痒课件
- 2025年度船舶焊接维修工程合同范本资料下载
- 贵州茅台课程设计
- 工业摄像头知识培训课件
- 2024-2025学年六年级数学人教版上册寒假作业(综合基础复习篇含答案)
- DB33T 1134-2017 静钻根植桩基础技术规程
- 楼梯塑料滴水线施工方案
评论
0/150
提交评论