- 1、本文档共31页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
本课小结 本节课主要学习了: 1、HTML5的基本结构 2、HTML5的部分常用标记:标题、段落、换行、文本格式化标记、列表、图象等 课堂练习 1、熟悉基本结构属性,编写用例; 2、熟悉标题、段落、换行、文本格式化标记,编写用例; 3、熟悉列表标记,编写用例; 4、熟悉图象标记,编写用例; 网站设计与制作 第二课 杨晓亮 2016年2月 1 HTML5文档结构 2 HTML5常用标记 本节大纲 HTML5文件的基本结构 !DOCTYPE html 文档类型申明 html 文件开始的标记 head 文件头部开始的标记 … 文件头部的内容 /head 文件头部结束的标记 body 文件主体开始的标记 … 文件主体的内容 /body 文件主体结束的标记 /html 文件结束的标记 完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象,这些对象统称为HTML元素。 文档类型说明 !DOCTYPE html 申明需要出现在HTML5文件的第一行 不属于html标记 他是一条指令,目的:告诉浏览器编写页面所用标记的版本 化繁为简 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd HTML标记 html … /html 以html开头,以/html结尾 文档的所有内容书写在开头和结尾的中间 可以省略,但不建议省略 书写统一保持小写 头标记head head … /head 用于说明文档头部的相关信息,一般包括:标题信息、元信息、css样式、脚本代码 内容不会在网页上直接显示 头标记head之title标记 title … /title 放在head标记之间 网页的标题 显示在浏览器的标题栏中 页面的标题只有一个 头标记head之meta元信息标记 meta 放在head标记之间 提供页面相关的元信息,比如:针对有哪些信誉好的足球投注网站引擎和更新频度的描述和关键词。 字符集charset属性 meta charset=“UTF-8“ / 有哪些信誉好的足球投注网站引擎的关键词 meta name=keywords content=HTML,CSS,JavaScript / 页面描述 meta name=description content=网站设计与制作实践 / 页面定时跳转 meta http-equiv=refresh content=1/ meta标记的属性及取值 属性 值 描述 charset character encoding 定义文档的字符编码 content some_text 定义与http-equiv或name属性相关的元信息 http-equiv content-type 把 content 属性关联到 HTTP 头部。 expires refresh set-cookie name author 把 content 属性关联到一个名称。 description keywords generator revised others 主体标记body body … /body 网页索要显示的内容都要放在网页的主体标记内 它是HTML文件的重点所在 不仅仅是一个形式上的标记,它本身也可以控制网页的背景颜色或背景图像 在构建HTML结构时,标记不允许交错出现,否则会造成错误 页面注释标记!-- !--注释的内容-- 注释只出现在代码中,浏览器对注释代码不进行解释 注释内容在浏览器的页面中不显示 是一种非常好的编码习惯 有助于代码日后的修改和维护工作 课堂动手实践一 动手写一个完整的html文件,要求: 1、文件完整,有标题、有内容; 2、有2个以上的注释; 3、有一条元信息 标题标记 在浏览网页时,常看到一些标题文字,用于对文本中的章节进行划分,他们以固定的字号显示。 HTML提供了六级标题,h1最大,h6最小,用户只需把文字放入这些标记内,浏览器负责显示。 h1这是一级标题/h1 h2这是二级标题/h2 h3这是三级标题/h3 h4这是四级标题/h4 h5这是五级标题/h5 h6这是六级标题/h6 要注意的是,每个标题独占一行,也就是说一行文字里只能有一种标题。 段落标记p p/p标记对用来创建一个段落,此标记对之间加入的文本将按
您可能关注的文档
- 建筑机械使用安全技术规程培训教材-1-2章-总则-基本规定案例.ppt
- 建筑讲稿第9章塑料案例.ppt
- 西方文明的摇篮介绍.ppt
- 西方文论介绍.ppt
- 西方文化的扩张介绍.ppt
- 西方世界最昂贵的20幅油画介绍.ppt
- 西方史学发现.介绍.ppt
- 维他奶市场营销案例介绍.ppt
- 西方酒文化介绍.ppt
- 建筑节能检测案例.ppt
- 甘肃省白银市会宁县第一中学2025届高三3月份第一次模拟考试化学试卷含解析.doc
- 2025届吉林市第一中学高考考前模拟生物试题含解析.doc
- 四川省三台县芦溪中学2025届高三下第一次测试生物试题含解析.doc
- 2025届江苏省启东市吕四中学高三适应性调研考试历史试题含解析.doc
- 浙江省宁波市十校2025届高三二诊模拟考试历史试卷含解析.doc
- 甘肃省甘南2025届高考生物必刷试卷含解析.doc
- 河北省石家庄市一中、唐山一中等“五个一”名校2025届高考历史四模试卷含解析.doc
- 江西省南昌市进贤一中2025届高考生物考前最后一卷预测卷含解析.doc
- 甘肃省白银市会宁县第四中学2025届高三第二次模拟考试历史试卷含解析.doc
- 宁夏银川市宁夏大学附属中学2025届高考化学押题试卷含解析.doc
最近下载
- 利用十二烯催化合成叔十二硫醇的反应设备及工艺.pdf VIP
- 五金工具电子商务行业市场及发展战略分析报告.pptx VIP
- 快速康复护理措施执行单模板.doc VIP
- 09.15--快速康复护理措施执行单模板-(一).doc VIP
- 2024年02月徽商银行总行2024年社会招考金融科技岗人员上岸笔试历年高频考点(难、易错点荟萃)附带答案详解.docx
- ps课程整体教案设计.doc
- 陕西省级大学科技园申报认定需提供材料明细及样例.docx
- 人教精通版英语四年级上册全册教学课件(2022年11月修订).pptx
- 通信建设工程概算、预算编制办法》.pdf VIP
- 中级消防维保35个抽考整理版2023.12.10.pptx
文档评论(0)