HTML5
什么是HTML
-
HTML
-
Hyper Text Markup Language（超文本标记语言）
超文本：文字，图片，音频，视频，动画等
-
-
优势：浏览器支持，跨平台，市场需求
W3C标准
-
W3C
-
World Wide Web Consortium(万维网联盟)
-
成立于1994年，Web技术领域最权威和具有影响力的国际中立性技术机构
-
-
W3C标准包括
-
结构化标准语言（HTML，XML）
-
表现标准语言（CSS）
-
行为标准（DOM，ECMScript（javaScript））
-
常见的IDE
-
记事本
-
Dreamweaver
-
IDEA
-
WebStorm
-
。。。。
HTML基本结构
<head>
<meta charset="UTF-8"> 网页头部
<title>我的第一个网页</title>
</head>
<body> 主体部分
我的第一个网页
</body>
</html>
<body>,</body>等成对标签，分别叫做“开放标签”，“闭合标签”
单独呈现的标签（空元素），如<hr/>;意为用/来关闭空元素
网页基本信息
<!--DOCTYPE:告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">
<!-- head标签:是网页头部-->
<head>
<!-- meta标签：描述性标签，他用来描述我们网站的一些信息-->
<meta charset="UTF-8">
<meta name="keywords" content="仇淑云">
<meta name="description" content="我的第一个网站以我妈妈的名字命名">
<!--title标签：网页标题 -->
<title>我的第一个网页</title>
</head>
<!-- body标签：代表网页主体-->
<body>
Hello,Mother!
</body>
</html>
网页的基本标签
-
标题标签
-
段落标签
-
换行标签
-
水平线标签
-
字体样式标签
-
注释和特殊符号标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>两只蝴蝶</p>
<p> - 庞龙</p>
<p>词：牛朝阳</p>
<p>曲：牛朝阳</p>
<p>亲爱的你慢慢飞</p>
<p>小心前面带刺的玫瑰</p>
<p>亲爱的你张张嘴</p>
<p>风中花香会让你沉醉</p>
<p>亲爱的你跟我飞</p>
<p>穿过丛林去看小溪水</p>
<p>亲爱的来跳个舞</p>
<p>爱的春天不会有天黑</p>
<p>我和你缠缠绵绵翩翩飞</p>
<p>飞越这红尘永相随</p>
<p>追逐你一生</p>
<p>爱恋我千回</p>
<p>不辜负我的柔情你的美</p>
<p>我和你缠缠绵绵翩翩飞</p>