HTML

HyperTextMarkupLanguage超文本标记语言

页面的中元素为什么选择HTML5

html5提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。为页面提供了一些新的功能,如渲染表格,动画以及不需要使用任何插件直接在浏览器上播放视频。

HTML5的优势

跨平台

市场的需求

世界知名的浏览器对HTMl5的支持

W3C

WorldWideWebConsortium万维网联盟

W3C的标准(面试)

结构化标准语言HTML、XML

表现标准语言CSS

行为标准DOM、ECMAScript(JavaScript)

页面的基本元素

!--DOCTYPE:页面使用的规范--!DOCTYPEhtmlhtml!--head:网页的头部--head!--meta:描述性标签,告诉浏览器一些信息--metacharset="utf-8"/metaname="keywords"content="学习java"/metaname="description"content="一起学习编程"/!--title:网页的标题--title/title/head!--body:网页的主体代码--body/body/html网页基本标签标题标签

h1一级标题/h1h2二级标题/h2h3三级标题/h3h4四级标题/h4h5五级标题/h5h6六级标题/h6段落标签

p段落标签/p换行标签

br/分割线

hr/粗体和斜体

粗体:strong/strong斜体:em/em注释和特殊标签

注释:!--注释内容--空格:nbsp;大于号:gt;小于号:lt;版权符号:copy;图像标签

imgsrc=""alt=""title=""width=""height=""/src:图片路径../表示上一级标签alt:图片加载失败时,显示的文字title:图片悬停时,提示的文字width:图片的宽度height:图片的高度链接标签

ahref=""target=""链接文本或图像/ahref:链接的路径target:表示窗口在哪里打开_blank:在新页面打开_self:在本页面打开锚链接

ahref="#name"链接文本或图像/ahref:中的属性值为#加要跳到的位置标签的name属性值行元素和块元素

行元素:左右都是行内元素的可以排在一行

块元素:无论内容多少,该元素独占一行

自定义列表

!--有序列表--olli/lili/lili/li/ol!--无序列表--ulli/lili/lili/li/ul!--自定义列表dt:列表标题dl:列表内容--dldt/dtdl/dl/dl表格标签

!--tr:行td:列--tabletr!--colspan:合并列--tdcolspan=""/tdtd/tdtd/td/trtr!--rowspan:合并行--tdrowspan=""/tdtd/tdtd/td/tr/table视屏和音频元素

视屏videosrc=""controls="controls"autoplay="autoplay"/video音频audiosrc=""controls="controls"autoplay="autoplay"/audiosrc:视屏的路径controls:控制视屏播放autoplay:自动播放入门编程



转载请注明地址:http://www.tanhuaa.com/gjth/8781.html