1、基础知识
1.HTML（超文本标签语言），通过HTML标签对网页中的文本、图片、声音等内容进行描述。文本 标签 语言
2.<head>
<meta charset="UTF-8">
<title>题目</title>
</head>
<body>
内容
</body>
</html>
3.HTML的标签分类，标签是放在<>标签符中表示某个功能的编码命令，也称HTML标签或HTML元素。有双标签和单标签。
1.双标签
<标签名> 内容 </标签名>
<标签名>表示该标签的作用开始，称为“开始标签”；</标签名>表示该标签的作用结束，称为“结束标签”。
例：<body> 我是文字 </body>
2.单标签
<标签名 />
<标签名 />即可完整地描述某个功能的标签。
例：<br />
HTML标签关系：嵌套关系和并列关系
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<head></head>
<body></body>
双标签：1. “<b>”表示关键字和产品名称 HTML5 解释：元素实际作用就是加粗。从语义上来看，就是标记一段文字，但并不是特别强调或重要性。比如：一段文本中的某些关键字或者产品的名称。
2.<strong> 表示重要的文字 <strong> HTML5 </strong> 解释：<strong>元素实际作用和<b>一样，就是加粗。从语义上来看，就是强调一段重要的文本。
3.<i> 表示外文词汇或科技术语 <i>HTML5</i> 解释：<i>元素实际作用就是倾斜。从语义上来看，表示区分周围内容，并不是特别强调或重要性。
4.<em> 加以强调 <em>HTML5</em> 解释：<em>元素实际作用和<i>一样，就是倾斜；从语义上来看，表示对一段文本的强调。
5.<s> 表示不准确或校正 <s>HTML5</s> <s>HTML5</s> 解释：<s>元素实际作用就是删除线；从语义上来看，表示不准确的删除。
6.<del> 表示删除文字 <del>HTML5</del>解释：<del>元素实际作用和<s>一样，就是删除线；从语义上来看，表示删除相关文字。
7.<u> 表示给文字加上下划线 <u>HTML5</u> 解释：<u>元素实际作用就是加一条下划线；从语义上来看，并不强调此段文本。
单标签：1.
强制换行、<wbr> 安全换行Thisabc<wbr>dkedkslakdj<wbr>fkdlsakd is apple.解释：在任意文本位置键入
都会被换行，而在英文单词过长时使用<wbr>会根据浏览器的宽度适当的裁切换行。
2.<hr>横线
strong em del ins 语义更强烈
水平线的长度（width）为666 颜色为红色
<hr width="666" color=“red”>
标签的属性：
1.标签可以拥有多个属性，必须写在开始标签中。位于标签名后面。
2.属性间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
2、代码
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>我的第一个网站
<h1>来自火星星的你
<h2>来自火星星的你
<h3>来自火星星的你
<h4>来自火星星的你
<h5>来自火星星的你
<h6>来自火星星的你
<i><strong>文本加粗、倾斜
<p>以1609年（光海1年）《朝鲜王朝实录》中记载的不明飞行物为基础发挥不可思议的想象，讲述从外星来到朝鲜<br>时代的神秘男人都敏俊（金秀贤 饰）就此生活到400年之后的现代，在和身为国民顶级女演员的千颂伊（全智贤<br>饰）陷入爱情的过程中，不同星球的两人消除彼此之间的误解，克服危险追寻真爱的浪漫爱情喜剧。
<p>韩流明星千颂伊搬家的第一天，在电梯遇到都敏俊，以为他是跟踪自己的狂热fans，在电梯里训了他一顿，都敏俊却根本不理她，千颂伊到了楼层才发现他是住在隔壁的邻居，丢脸丢到太平洋，来地球生活了400年的都敏俊听到远处咖啡厅中的同事们说他闲话，并说他这种人应该去参军，展开独白：“自己来韩国生活的400年共参军24次，在军中生活的时间累计49年零7个月，陆海空各路军队，没有他没去过的地方。
<p>都敏俊拒绝了千颂伊的请求,不愿给她学分放水,知晓敏俊身份的律师张英牧问他是否可以像12年前一样提前感知即将发生的事情,劝说他以此帮助困难的人.敏俊想起初来地球时遇到的赌徒,帮助了他一次他却越陷越深,甚至要卖儿女,因此敏俊认为该发生的还是会发生该变坏的还是会变坏,不愿帮助颂伊.电视台跟拍千颂伊明星生活实录,千颂伊一路出没常识的洋相,险险从家楼下拍到学校,把经纪人代做的讲义得意地交给都敏俊教授,回头故意走得很慢等都敏俊叫住她表扬,都敏俊叫住了她,却是当众对她说这份作业剪切复制黏贴只能得零分,并准确指出哪些部分出自哪里的文献或资料.
<h1>40.6摄氏度：上海创出140年史上高温新纪录
<p>2016年7月27日 10：58：26 来源：新华网
<p>新华网上海7月26日电（记者李荣）26日
<p>------中国四大发明------
1.造纸术
2.印刷术
3.火药
4.指南针
<h3>------文本格式化标签------
<strong>一二三四五，
<strong>六七八九十。
<strong><i>五四三二一，
十九八七六。
优惠大促销：原价：<s>2888</s>元<s><strong>1888</strong></s>元
现价：<strong><u>8.88</u></strong>元<strong><u>0.88</u></strong>元
水平线的长度（width）为500,颜色为红色
<hr width="666" color="red" >
标签的属性：
1.标签可以拥有多个属性，必须写在开始标签中。位于标签名后面。
2.属性间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
</html>
3、结果
image.png
image.png
