本站消息

站长简介/公众号


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-10(102)

2021-11(94)

2021-12(160)

2022-01(36)

2022-02(14)

【5】HTML基础(3)——HTML常用标签①

发布于2021-01-31 14:51     阅读(538)     评论(0)     点赞(8)     收藏(2)


【5】HTML基础(3)——HTML常用标签①

★文章内容学习来源:拉勾教育大前端就业集训营
#目录
一、注释
二、标题标签
三、段落和换行标签
四、文本格式化标签

一、注释

(一)语法:

<!--书写注释内容-->
注释只在源代码中可见,在浏览器窗口是不显示的。

(二)作用:

①在源代码中添加描述性的提示信息,便于我们阅读代码。
②对于HTML纠错也大有帮助,可以通过注释某一行HTML代码,以便检索错误的位置。
③暂时注释掉一部分不用的代码,便于后期恢复代码

二、标题标签

(一)语法:

通过<h1>-<h6>六个标签分别来对六个级别的标题进行定义的。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

(二)作用

★给标签内部的元素内容添加对应级别标题的语义,不负责文字的粗体、字号等样式。
样式是由CSS设定的。
在这里插入图片描述

(三)标签级别

标题标签之间是不能互相嵌套的,下一级标题与上级标题之间通过同级关系书写,下一级标题解释说明的是前面距离最近的上一级标题。

(四)权重

标题标签对于呈现文档结构非常重要,使用时要根据标签的重要程度进行选择;
其中<h1>标签最重要,<h2>标签次重要,以此类推。
<h1>在整个HTML中的权重非常高,内部应该放置HTML中最重要的内容,比如logo。

三、段落和换行标签

(一)段落(paragraph)

1.语法:

(1)<p>标签进行定义的;
(2)双标签;
(3)文本级标签;
内部只能放置文本、图片、表单元素,或者废弃的<font>标签等。
示例:

<p>这是一个段落</p>

2.作用:

(1)给标签内部的内容添加一个完整段落的语义,不负责内容自动换行的样式。换行的效果是由CSS决定的。

(二)换行(breaking)

1.语法

(1)<br/>标签是HTML中一个简单的换行符;
(2)在需要换行的位置可以使用<br/>标签书写;
(3)单标签

2.作用

(1)<br/><p>不同,<br/>没有建立新的落的语义,只是简单的进行强制换行。
(2)每一对儿

标签内部的元素内容为一个完整的段落,如果有多个段落,需要分别使用不同的

标签进行定义。
示例正确写法:

<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是第三个段落</p>

示例错误写法:

<p>这是第一个段落</br>
这是第二个段落</br>
这是第三个段落</p>

四、文本格式化标签

HTML中有部分标签是用来对文字进行格式化显示设置的,比如粗体和斜体等;
但是在HTML4.0版本规范后,结构和样式进行了分离,HTML只负责搭建结构,CSS负责格式化样式,所以大部分文本格式化标签被废弃,但是在HTML4.01和
XHTML1.0 transitional版本中依旧可以使用。

★文本格式化的标签均为双标签,且为文本级标签,内部只能书写文字。

标签描述
b定义粗体文本,bold
big定义大号字
em定义着重文字,emphasis,自带斜体效果
i定义斜体字,italic
small定义小号字
strong定义加重语气,自带加粗效果
sub定义下标字,subscript
sup定义上标字,superscript
ins定义插入字,自带下划线效果,insert
del定义删除字,delete
s不赞成使用,使用del代替,strike的简化
strike不赞成使用,使用del代替
u定义下划线,不赞成使用,使用css中样式代替,underline

下篇继续html常用标签…

原文链接:https://blog.csdn.net/weixin_47640160/article/details/113428520




所属网站分类: 技术文章 > 博客

作者:前端大师

链接:http://www.qianduanheidong.com/blog/article/69/59793a7db4c335402323/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

8 0
收藏该文
已收藏

评论内容:(最多支持255个字符)