3HTML基础.pptx
- 文档编号:18070910
- 上传时间:2023-08-09
- 格式:PPTX
- 页数:43
- 大小:1.14MB
3HTML基础.pptx
《3HTML基础.pptx》由会员分享,可在线阅读,更多相关《3HTML基础.pptx(43页珍藏版)》请在冰点文库上搜索。
3-HTML基础HTML5-过去现在和未来,2015Spring,xian,本章内容,超文本标记语言HTML概念HTML文档结构HTML通用元素Section段落元素语义结构元素,超文本标记语言,超文本标记语言,HTML超文本标记语言为了描述的标记文档结构(语义标记)格式(显示标记)看起来像:
一个Word文档标记的tag标签提供了页面内容结构的信息HTML文档包含许多标签,创建HTML页面,HTML文档必须为.htm或.html文件扩展名HTML文件能够由文本编辑器创建:
Notepad,Notepad+,SublimeText或者HTML编辑器(所见即所得编辑器):
MicrosoftWebMatrixMicrosoftExpressionWebMicrosoftVisualStudioAdobeDreamweaver,HTML过去,现在,未来,1991HTML首先提及TimBerners-LeeHTML标签1993HTML(第一个公开版本,在IETF发行)1993HTML2起草1995HTML2W3C1995HTML3起草1997HTML3.2“Wilbur”1997HTML4”Cougar”CSS1999HTML4.01(最终)2000XHTML起草2001XHTML(最终)2008HTML5/XHTML5起草2011HTML5特性完成http:
/en.wikipedia.org/wiki/HTML5,HTML术语标签,属性和元素,HTML术语,HTML中的概念Tag标签起始标签和关闭标签HTML最小片段Attribute属性标签的属性大小,颜色,等Element元素由起始标签,关闭标签和特性组成,HTML标签,标签是HTML文档中最小片段开始于两类标签起始标记了HTML元素的开始结束标签了HTML元素的结束以/开始,HelloPesho!
属性,属性是HTML元素的属性用于设置大小,颜色,边框,等直接放在标签中用或围绕着值值总是一个字符串,gotoGoogle,多数通用属性,有一些属性是每个HTML元素都通用的Id,class,name,style一些属性是特定的如img元素的属性src显示图像的路径,HTML元素,HTML元素是标签和属性的组合带有一些或没有属性的起始标签,以及关闭标签,gotoGoogle,HTML术语演示,HTML文档结构HTML文档,head,body,doctype,HTML文档结构,一些元素是每个HTML文档必须的html,head,body,doctypehtml元素用于标记一个HTML文档的开始和结束在标签中是所有网页的内容,head标签,head标签包含了用户(使用浏览器的人们)看不到的标记但帮助浏览器来正确渲染HTML文档其中有什么?
样式,脚本编码声明等title标签浏览器选项卡上的文字,body元素和doctype,body元素包含了所有可视的用户标记标题,文本,超链接,图像,等文本框,滑动块,按钮,等doctype是一种页面的验证器告诉浏览器,页面是用哪个版本的HTML写成HTML5doctype,HTML文档结构演示,HTML通用元素用于90%的站点,文本格式,文本格式标签在起始标签和结束标签内修改了文本如Hello,让Hello加粗许多格式标签不推荐使用以CSS代替,一些简单标签,超链接标签图像标签文本格式标签,链接到新浪网站,Thistextisemphasized.newlineThisoneismoreemphasized.,标题和段落,标题标签(h1-h6)文段标签段落:
div和span,Heading1Subheading2Subheading3,ThisismyfirstparagraphThisismysecondparagraph,Thisisadiv,有序列表:
标签,创建一个有序列表使用:
type的属性值为1,A,a,I,ori,AppleOrangeGrapefruit,AppleOrangeGrapefruit,23,AppleOrangeGrapefruit,AppleOrangeGrapefruit,AppleOrangeGrapefruit,AppleOrangeGrapefruit,无序列表:
标签,创建无序列表使用:
type的属性值为:
disc,circle或square,AppleOrangeGrapefruit,AppleOrangePear,AppleOrangePear,AppleOrangePear,定义列表:
标签,创建定义列表使用一对文本和关联定义组成一对;文本用标签,定义用标签并没有渲染出编号符号定义是缩进的,HTMLAmarkuplanguageCSSLanguageusedto,HTML通用元素演示,段落元素和,标签,在一个页面中创建了逻辑部分块元素使用CSS示例:
DIVexampleThisoneisonlyatest.,演示,标签,行内样式元素用于修改文本的特定部分不要在文档中创建分离区域(文段)主要用于文本的样式部分,Thisoneisonlyatest.ThisoneisanotherTEST.,演示,sometext,语义结构标签,网页的结构,一个网页的布局结构示例,HTML4及之前方法,使用div和idid用来加样式,HTML4方法演示,HTML5方法,在HTML5中有布局的语义标签,只在新浏览器上运行,HTML5方法演示,记住,对HTML有正确的愿景和态度是非常重要的HTML只关心结构,不关心外观浏览器容许无效HTML代码并分析错误你并不能容忍总是思考语义W3CHTML验证器是一种验证你的HTML的方法http:
/validator.w3.org/,提问环节,练习,写一个HTML页面,如下:
用标题,div,文段和ul,练习,写一个HTML页面,如下:
练习,创建一个用户介绍网页profile.html,朋友页面friends.html和主信息页面home.html。
使用标签将其连接起来。
谢谢观赏!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 基础