加入收藏 | 设为首页 | 会员中心 | 我要投稿 宁德站长网 (https://www.0593zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MsSql教程 > 正文

前端开发每天必学之认识HTML标签(1)

发布时间:2020-03-19 16:25:25 所属栏目:MsSql教程 来源:站长网
导读:副标题#e# 2.1 语义化,让你的网页更好的被搜索引擎理解 这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标签过程中,主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。 什么叫做语义化呢,说的

<blockquote>何须浅碧深红色,自是花中第一流。</blockquote>           

<p>这是李清照《咏桂》中的词句,在李清照看来,桂花暗淡青黄,性情温柔,淡泊自适,远比那些大红大紫争奇斗艳花值得称道。</p>       

</body>  

</html>  

在浏览器中显示效果如下,可以看到被<blockquote>标签部分前后都缩进了:

2.9 br标签分行显示文本

怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。

语法:
xhtml1.0写法:<br />
html4.01写法:<br>

与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。

总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  

<html>       

<head>           

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">           

<title>br标签的使用</title>       

</head>       

<body>           

<h2>《咏桂》</h2>           

<p>               

暗淡轻黄体性柔,<br>               

情疏迹远只香留。<br>               

何须浅碧深红色,<br>               

自是花中第一流。           

</p>       

</body>  

</html>    

浏览器效果:

2.10 &nbsp为网页中添加一些空格

已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入 

语法:&nbsp;

如下插入两个空格:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  

<html>  

    <head>  

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  

(编辑:宁德站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读