【引言】

我们在浏览网页的时候，都见到过地址栏中有写到http://……，相信对于http（HyperText Transfer Protocol）都知道，老师告诉我们说这是超文本传输协议，通过输入地址我们可以访问到形形色色、五花八门的网页，网页上有文字、图片、链接等等，这些神奇的网页背后又有什么作为支撑呢？那就是html(超文本标记语言)发挥作用了，下面一起来认识一下吧！

HTML

Hyper Text Markup Langyage(超文本标记语言)

超文本包括：文字，图片，音频，视频，动画等.

HTML5的优势：主流浏览器的支持，市场的需求，跨平台

W3C（万维网联盟）web技术领域最具权威和具有影响力的国际中立性技术标准机构

W3C标准包括：

结构化标准语言（HTML，XML）
表现标准语言（CSS）
行为标准语言（DOM，ECMAScript）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<body>,</body>等成对出现的标签，分别叫做开放标签和闭合标签，单独呈现的标签（空元素）：如<hr/>:意为用/来关闭空元素
<!--	-->HTML的注释

网页基本标签

DOCTYPE标签：是告诉浏览器，我们要使用什么规范，默认为html
html标签：所有的内容都放在里面
head标签：代表网页头部，有且只有一个
body标签：代表网页主题，有且只有一个
title标签：代表网页标题
meta标签：描述性标签，用来描述我们网站的一些信息，一般用来做SEO

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="I like study">
    <meta name="description" content="I want to marry study">
    <title>Title</title>
</head>
<body>
Hello Word!
</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>

<!--段落标签-->
<p>一闪一闪亮晶晶，满天都是小星星，挂在天空放光明，好象千万小眼睛。</p>
<p>太阳慢慢向西沉，乌鸦回家一群群，星星眨着小眼睛，闪闪烁烁到天明，</p>
<p> 一闪一闪亮晶晶，满天都是小星星，挂在天空放光明，好象千万小眼睛。</p>
<p>太阳慢慢向西沉，乌鸦回家一群群，星星眨着小眼睛，闪闪烁烁到天明，一闪一闪亮...</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
一闪一闪亮晶晶，满天都是小星星，挂在天空放光明，好象千万小眼睛。<br/>
太阳慢慢向西沉，乌鸦回家一群群，星星眨着小眼睛，闪闪烁烁到天明，<br/>
一闪一闪亮晶晶，满天都是小星星，挂在天空放光明，好象千万小眼睛。<br/>
太阳慢慢向西沉，乌鸦回家一群群，星星眨着小眼睛，闪闪烁烁到天明，一闪一闪亮... <br/>
<!--粗体，斜体-->
<h1>字体样式</h1>
粗体：<strong>I love my girlfriend</strong>
斜体：<em>I love my grilfriend</em>
<br>
<!--特殊符号-->
空格：空&nbsp;&nbsp;&nbsp;格<bt/>
大于号：&gt;<br/>
小于号：&lt;<br/>
书名号：&copy <dr/>
<!--特殊符号记忆格式：
&    ;
其中空格部分不会的就去查，或者写个一个字母去挨个找
-->
</body>
</html>

前端学习（初识HTML）——网页的基本标签

HTML

网页基本标签

网页的基本标签