第一章(HTML5基础)
HTML:超文本标记语言
超文本包括:文字、图片、音频、视频、动画等
流程:写好HTML代码后通过浏览器(自动编译HTML代码)展现出效果
HTML优点:
世界知名浏览器厂商对HTML5的支持
微软
Google
苹果
Opera
Mozilla
市场的需求
跨平台
世界知名浏览器厂商对HTML5的支持
微软
苹果
Opera
Mozilla
市场的需求
跨平台
W3C:万维网联盟
World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
W3C标准包括
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )
HTML网页基本结构:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HTML第一个案例</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HTML第一个案例</title>
</head>
<body>
</body>
</html>
DOCTYPE:告诉浏览器使用什么规范进行编译
<title></title>:网页标题
<meta/>
</html>
DOCTYPE:告诉浏览器使用什么规范进行编译
<title></title>:网页标题
<meta/>
HTML网页的基本标签:
标题标签:
<h1>1级标题</h1>
.................
<h6>6级标题</h6>
段落标签:<p>段落标签包含的内容</p>
换行标签:<br/>
字体样式标签:
<strong>加粗的内容</strong>
<em>斜体内容</em>
特殊符号:
< <
> >
" "
版权符号 ©
图像标签:<img src="图像路径" alt="图像不显示时显示的文字" title="鼠标悬停在图片上显示的文字" width="图像宽" height="图像高" />
超链接标签:
页面间跳转:<a href="页面地址" target="打开窗口位置_self:本窗口_blank:新建窗口">页面间跳转链接<a/>
锚链接:<a name="login">锚链接</a> <a href="页面名称/#login">点击锚链接</a>
功能性连接:<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
标题标签:
<h1>1级标题</h1>
.................
<h6>6级标题</h6>
段落标签:<p>段落标签包含的内容</p>
换行标签:<br/>
字体样式标签:
<strong>加粗的内容</strong>
<em>斜体内容</em>
特殊符号:
< <
> >
" "
版权符号 ©
图像标签:<img src="图像路径" alt="图像不显示时显示的文字" title="鼠标悬停在图片上显示的文字" width="图像宽" height="图像高" />
超链接标签:
页面间跳转:<a href="页面地址" target="打开窗口位置_self:本窗口_blank:新建窗口">页面间跳转链接<a/>
锚链接:<a name="login">锚链接</a> <a href="页面名称/#login">点击锚链接</a>
功能性连接:<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
块级元素:无论内容多少独占一行 p,h1-h2
行内元素:自动拼接到行内元素后 a,strong,em
行内元素:自动拼接到行内元素后 a,strong,em
HTML注释:<!--HTML的注释-->