<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>HTML第一个案例</title> </head> <body> </body> </html>
一:HTML是一种超文本标记语言
1.超文本包括:文字、图片、音频、视频、动画等
2.HTML的优势
(1)世界知名浏览器厂商对HTML5的支持
(2)市场的需求
(3)跨平台
3. W3C标准
(1)W3C标准不是某一个标准,而是一系列的标准集合,一个网页主要由三部分组成,即结构,表现.和行为
(2)World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
(3)W3C标准包括
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )
4.HTML网页的基本结构
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HTML第一个案例</title>
</head>
<body>
</body>
</html>
5.HTML网页的基本标签:
标题标签:
<h1>1级标题</h1>
.................
<h6>6级标题</h6>
段落标签:<p>段落标签包含的内容</p>
换行标签:<br/>
字体样式标签:
<strong>加粗的内容</strong>
<em>斜体内容</em>
特殊符号:
< <
> >
" "
版权符号 ©
6HTML的标签
图像标签:<img src="图像路径" alt="图像不显示时显示的文字" title="鼠标悬停在图片上显示的文字" width="图像宽" height="图像高" />
超链接标签:
页面间跳转:<a href="页面地址" target="打开窗口位置_self:本窗口_blank:新建窗口">页面间跳转链接<a/>
锚链接:<a name="login">锚链接</a> <a href="页面名称/#login">点击锚链接</a>
功能性连接:<a href="mailto:[email protected]">联系我们</a>
块级元素:无论内容多少独占一行 p,h1-h2
行内元素:自动拼接到行内元素后 a,strong,em
HTML注释:<!--HTML的注释-->