html常见面试题及答案(转行测试开发-HTML)
上一节我们学会了锚点定位,从上到下的会用了,那么从底部往上会用了吗?比如底部有一个返回顶部的按钮,要求点击后回到页面的顶部。我们写代码来尝试下。先看看效果:
点击红框里的段落四,返回到页面顶部。
成功了,我们来看看代码是怎么写的吧
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_九</title>
</head>
<body>
<h1 id="top">标题一</h1>
<h2>标题二</h2><br>
<a href = "#life">标题三(有锚点)</a><br>
<h4>标题四</h4>
<p>段落一</p>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
<p>段落二</p>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
<h5>锚点要跳转到的标签</h5>
<p>段落三</p>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
3.生活有点甜,锚点会来这一段,相信我<br>
<p id="life"><a href="#top">段落四</a></p>
4.你懂个p
</body>
</html>
其中,底部标签段落定义为:
顶部id可以定义为:
这样,就可以跳转了
接着,我们说下注释标签: 需要写一些便于阅读和理解的文档说明,但是又不需要显示在前端页面中。这种情况就需要使用注释标签了
样式为: <!-- 注释文字-->
4.你懂个p
<!--已经到底了-->
这时候双击html文件,注释不展示在前端。使用 ctrl / 就可以添加注释了
最后,我们说下特殊字符
在HTML中我们怎么输入空格呢?直接点击键盘上的空格,其实是不行的。
看下效果
只展示了一个空格,多个的没有展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_十</title>
</head>
<body>
我们 是 好人
</body>
</html>
如果想要展示多个空格,我们应该怎么处理呢?
使用  ;可以达到这个效果
来看下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_十</title>
</head>
<body>
我们 是 好人
</body>
</html>
还有哪些特殊符号呢?
< < > >
看下效果:
看下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_十</title>
</head>
<body>
我们 是 好人
<p>这是一个 <段落> </p>
</body>
</html>
好的,今天先到这里吧
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com