HTML
HTML: Hyper Text Markup Language (超文本标记语言)
HTML5 新特性:使用王爷实现动态渲染图形、图标、图像以及动画,以及不需要安装任何插件直接使用网页播放视频等。
H5的优势:所有主流浏览器都支持HTML5,跨平台
W3C标准:
W3C: World Wide Web Consortium (万维网联盟)
web技术领域最权威和具影响力的国际中立性技术机构
www.w3.org
www.chinaw3c.org
W3C标准包括:
结构化标准语言 HTML, XML
表现标准语言 CSS
行为标准 DOM, ECMAScript
<!-- DOCTYPE: 告诉浏览器,我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">
<!-- head标签代表网页头部 -->
<head>
<!--meta 描述性标签,用来描述网站的信息-->
<!--meta标签一般用来做SEO
SEO(Search Engine Optimization):汉译为搜索引擎优化。
是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
目的是让其在行业内占据领先地位,获得品牌收益。
很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。-->
<meta charset="UTF-8">
<meta name="keywords" content="百度">
<meta name="description" content="可以用来搜索">
<!--title标签是网页标题-->
<title>我的第一个网页</title>
</head>
<!--body标签代表网页主体-->
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<!--段落标签-->
<h6>没有段落标签</h6>
风急天高猿啸哀,渚清沙白鸟飞回。
无边落木萧萧下,不尽长江滚滚来。
<h6>有段落标签</h6>
<p>风急天高猿啸哀,</p>
<p>渚清沙白鸟飞回。</p>
<p>无边落木萧萧下,</p>
<p>不尽长江滚滚来。</p>
<!--换行标签,自闭合标签-->
<!--虽然使用了换行标签,但是多个换行内容依旧是一个段落,比较紧凑-->
风急天高猿啸哀,渚清沙白鸟飞回。<br/>
无边落木萧萧下,不尽长江滚滚来。<br/>
</body>
</html>