HTML系列教材（八）- 基本元素

HTML系列教材（九）- 基本元素 - 的标题标签 h1,h2,h3,h4,h5

下载区
文件名	文件大小
answer.html	662b
解压rar如果失败，请用5.21版本或者更高版本的winrar 点击下载 winrar5.21

工具版本兼容问题

这是英雄联盟在百度百科里面的一段描述，使用的就是html的方式编写的。

当然，你如果以前没有接触过html，是不会编写出这样的效果的。接下来就会以这个效果为目标，缺什么学什么。

本效果需要用到标题段落粗体斜体删除效果下划线等等知识点，每学习一个知识点，就能完善一部页面效果。最后做出一模一样的效果来。

答案可以在右侧下载，不过尽量自己去实现图片中的效果

纠

步骤 1 :

学习目标

edit 顶折

纠问

HTML系列教材（七）- 概念 - 中如何写注释

HTML系列教材（九）- 基本元素 - 的标题标签 h1,h2,h3,h4,h5

HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。

问答区域

2024-03-19 第一题

IXHNLmz

关于前端部分-HTML-阶段性练习1 的提问

练习

<head>
 <meta charset="uft-8">
</head>
<html>
<body>
<h1>英雄联盟       (电子竞技类游戏)</h1>
<p><strong>《英雄联盟》</strong>(简称lol) 是由美国<em>Riot Games</em>开发,中国大陆地区由腾讯游戏运营的网络游戏.</p>
<p><strong>《英雄联盟》</strong>除了及时战略,团队作战外,还拥有一百多位特色各异的英雄,丰富的地图及玩法,自动匹配的战网平台,包括天赋树,召唤师系统,符文等元素.[<ins>1</ins>]<p>
<p>2016年1月,更据官方数据显示,LOL全球最高同时在线已突破<del>760</del>900万,全球日活跃高达2700万,全球月活跃已达到6700万,注册用户亿计,LOL以及成为当今世界最具人气和影响力的网络游戏之一.[<ins>2</ins>]</P>
</body>
</html>

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2022-03-07 <del></del> 可用次代替<s></s>，一样的效果。

Dfantuan

关于前端部分-HTML-阶段性练习1 的提问

在 HTML 5 中，<s> 标签可定义加删除线文本定义。

2 个答案

泡芙
答案时间：2023-04-01

代码超过 5行，点击查看

1244071832
答案时间：2022-10-18

<h1>英雄联盟（电子竞技类游戏）</h1> 《英雄联盟》（简称LOL是由美国Riot Games游戏公司开发） 《英雄联盟》除了即时战略，团队作战外，符元素集<ins>[1]</ins> hahhhhh哈哈哈哈哈哈<del>嘿嘿嘿</del>啊啊啊啊啊

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2021-04-06 旅行者的前端学习-阶段练习1

旅行者Lumine

关于前端部分-HTML-阶段性练习1 的提问

开始学习前端的旅者

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>
    <h1>英雄联盟（电子竞技类游戏）</h1>
    <p><b>《英雄联盟》</b>（简称LOL）是由美国<i>Riot Games</i>开发，中国大陆地区由腾讯游戏运营的网络游戏</p>
    <p><b>《英雄联盟》</b>除了即时战略、团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，
        <br>
        包括天赋树、召唤师系统、符文等元素。[<ins>1</ins>]</p>
    <p>2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，
        全球月活跃已达6700万；
        <br>
        注册用户以亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。[<ins>2</ins>]</p>

</body>
</html>

11 个答案

lxd153486
答案时间：2024-04-10

代码超过 5行，点击查看

努力干饭
答案时间：2023-07-23

<html> <head> <meta charset = "UTF-8"/> </head> <body> <h1 align="center">英雄联盟（电子竞技类游戏）</h1> 《英雄联盟》（简称lol）是由美国Riot Game开发，中国大陆地区由腾讯运营的网络游戏。 《英雄联盟》除了及时战略团队作战外还拥有一百多名特色英雄人物、丰富的地图、自动匹配对战平台，包括天赋、符文等元素。<ins>[1]</ins> 2016年1月，根据官方数据显示，LOL全球最高同时在线人数突破<del>750</del> 900万，全球日活跃高达2700万等等，LOL已成很具人气和影响力的网络游戏之一。<ins>[2]</ins> </body> </html>

anke
答案时间：2023-04-16

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h1>英雄联盟（电子竞技类游戏）</h1> 《英雄联盟》（简称lol）是由美国Riot Games开发，中国大陆地区由腾讯游戏运营的网络游戏。 《英雄联盟》出了即时战略、团队协作外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素。[1] 2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<s>750</s>900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。[2] </body> </html>

不安分的
答案时间：2023-02-12

代码超过 5行，点击查看

月之书
答案时间：2022-09-18

代码超过 5行，点击查看

bobtick
答案时间：2022-05-07

代码超过 5行，点击查看

rGVUgigT5Jb7Pv9
答案时间：2021-09-13

代码超过 5行，点击查看

Bravel
答案时间：2021-06-09

试试看

代码超过 5行，点击查看

莎茹娜的马文军
答案时间：2021-06-08

代码超过 5行，点击查看

金金a金金
答案时间：2021-05-14

直接在idea里面写了

代码超过 5行，点击查看

cjj200381
答案时间：2021-05-13

<head> <meta charset="uft-8"> </head> <html <body> <h1>英雄联盟 (电子竞技类游戏)</h1> 《英雄联盟》(简称LOL）是由美国Ri0t Gamrs开发，中国大陆地区由腾讯游戏运营的网络游戏 《英雄联盟》 除了即时战略，团队作战外，还拥有一百多位特色各异的英雄，丰富的地图及玩法，自动匹配的战网平台， 包括天赋树，召唤师系统，符文等元素。{<ins>1</ins>} 2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万。全球日活跃高达2700万，全球月活跃已达6700万； <dr> 注册用户以亿计，LOL已经成为当今世界最具人气和影响力的网路游戏之一。 {<ins>2</ins>} </body> </html>

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-09-12 第一题

叫么么哒的兔子猪

关于前端部分-HTML-阶段性练习1 的提问

运行正常

<!DOCTYPE html>
<!--html使用这个进行注释-->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<h1>英雄联盟(电子竞技类游戏)</h1>
		<p><b>《英雄联盟》</b>(简称lol)是由美国Riot Games开发，中国大陆地区由腾讯游戏经营的网络游戏。</p>
		<p><strong>《英雄联盟》</strong>除了即时战略，团队作战外，还拥有一百多位特色各异的英雄，丰富的地图及玩法，自动匹配的站网平</p>
		<p>台，包括天赋树，召唤师系统，符文等元素。[<u>1</u>]</p>
		<p>2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<s>750</s>&nbsp;900万，全球日活跃高达2700万，全球月活跃已达6700</p>
		<p>万，注册用户亿计，LoL已经成为当今世界最具人气和影响力的网络游戏之一。【<u>2</u>】</p>
	</head>
	<body>
	</body>
</html>

7 个答案

Java是坠吊的
答案时间：2022-02-23

代码超过 5行，点击查看

Kyrie-11
答案时间：2022-01-10

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>英雄联盟</title> </head> <body> <h1>英雄联盟&nbsp&nbsp&nbsp(电子竞技类游戏）</h1> 《英雄联盟》(简称lol)是由美国Riet Games开发，中国大陆地区由腾讯游戏运营的网络游戏。 《英雄联盟》除了即时战略，团队作战外，还拥有一百多位特色各异的英雄，丰富的地图集玩法，自动匹配的战网平台，包括天赋树，召唤师系统，符文等元素。<ins>[1]</ins> 2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。<ins>[2]</ins> </body> </html>

代码超过 5行，点击查看

王菜菜
答案时间：2021-11-13

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>王者荣耀   (电子竞技类游戏)</h1> 《王者荣耀》 （简称王者）是按sjvffffffffd 程和不会京哈v就啊哈哈爱德华。 haaaaaaaaaaa  (受苦的还是v收看电视的还是首府喀山那开发安徽分类奥菲罗克哈电话看，【<ins>1</ins>】 就ask理财经理就是和<del>196</del>500,基础上零零苏很舒服一归属感领事馆就会，【<ins>1</ins>】 </body> </html>

LittleWhiteApe
答案时间：2021-05-21

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>英雄联盟     （电子竞技类游戏）</h1> 《英雄联盟》（简称lol）是由美国Riot Games 开发，中国大陆地区由腾讯游戏运营的网络游戏. 《英雄联盟》除了即使战略、团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平 台，包括天赋树、召唤师系统、符文等元素。<ins>[1]</ins> 2016年1月，根据官方数据显示，LOL全球同时在线已经突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700 万，注册用户亿计，LOL已经都成为当前世界最具有人气和影响力的网络游戏之一。<ins>[2]</ins> </body> </html>

加油未来
答案时间：2020-12-26

<body> <h1>英雄联盟    (电子竞技类游戏)</h1> 《英雄联盟》 (简称lol)是由美国Riot Game开发,中国大陆由腾讯游戏运营的网络游戏 《英雄联盟》 除了即时战略、团队作战外，还拥有一百多位特色各异的英雄、丰富多彩的地图及玩法、自动匹配的战网平台、包括天赋树、召唤师系统、符文元素等。<ins>1</ins> 2016年1月，根据官网数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃高达6700万，注册用户亿计，LOL已经成为当今世界最具有人气和影响力的网络游戏之一 </body>

kong空
答案时间：2020-11-13

< html> <head> <body> <h1> 英雄联盟 (电子竞技类游戏)</h1> 《英雄联盟》简称LOL 是由美国Riot Game公司开发的,中国大陆由腾讯公司运营的网络游戏 《英雄联盟》除了即时战略，团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素【1】 2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del>900万。2016年1月，根据官方数据显示，LOL全球最高同时在线已突破 </body> </head> </html>

long1937259356
答案时间：2020-10-28

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>英雄联盟（电子竞技类游戏）</h1> 《英雄联盟》（简称lol）是由美国Riot Games开发，中国大陆地区由腾讯游戏运营的网络游戏。 《英雄联盟》除了即时战略、团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素。[1] 2016年1月，根据官方数据显示，LOL全球最高同时在线已突破 <del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。[2] </body> </html>

代码超过 5行，点击查看

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-05-07 学习中，写的很慢

做测试的老少女

关于前端部分-HTML-阶段性练习1 的提问

要是没有用P标签可以吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<h1>英雄联盟 （电子竞技类游戏）</h1>
<strong>《英雄联盟》</strong>（简称lol）是由美国<em>Riot Game</em>开发，中国大陆地区由腾讯游戏运营的网路游戏。
<br>
<strong>《英雄联盟》</strong>除了即时战略、团队做站外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素。<ins>[1]</ins>
<br>
<br>
2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。<ins>[2]</ins>
</body>
</html>

3 个答案

冷可乐
答案时间：2020-08-26

我和你们差不多就是没有前面的直接从 <h1>英雄联盟</h1>开始的

Edw1n
答案时间：2020-08-11

代码超过 5行，点击查看

flow3r
答案时间：2020-05-11

我用的O。

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 17 条以前的提问，请点击查看

提问之前请登陆

提问已经提交成功，正在审核。请于我的提问处查看提问记录，谢谢

关于前端部分-HTML-阶段性练习1 的提问

尽量提供截图、代码和异常信息，有助于分析和解决问题。也可进本站QQ群交流: 578362961

提问尽量提供完整的代码，环境描述，越是有利于问题的重现，您的问题越能更快得到解答。
对教程中代码有疑问，请提供是哪个步骤，哪一行有疑问，这样便于快速定位问题，提高问题得到解答的速度
在已经存在的几千个提问里，有相当大的比例，是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本，可以节约自己大量的学习时间。站长把教学中用的软件版本整理了，都统一放在了这里，方便大家下载： https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图