HTML标签(1)

编程入门 行业动态 更新时间:2024-10-08 13:29:37

HTML<a href=https://www.elefans.com/category/jswz/34/1770160.html style=标签(1)"/>

HTML标签(1)

HTML标签(1)

文章目录

  • HTML标签(1)
  • 一、标题标签
    • 标题标签:h1~h6
    • 使用方式
  • 二、段落
    • 段落标签:p
  • 三、保留空行与空格
      • 1、如何在段落内添加空行?
      • 2、如何在段落内添加空格?
      • 3、预留格式 pre
  • 四、行内组合标签span
  • 五、水平线 hr
  • 六、注释
  • 七、超链接a标签


一、标题标签

标题标签:h1~h6

标题标签成对使用

使用方式

<h1>一级标题</h1>
<h2>二级标题</h2>
这里是正文

建议:一个页面只建议有一个h1

二、段落

段落标签:p

<p>段落内容</p>
<p>这是段落,每一个段落自动换行</p>
<p>在段落内部文字忽略连续的     空格,也不会显示空行,且不会换行</p>

多个连续的空格只会生成一个空格,空行也只会有一个空格

三、保留空行与空格

1、如何在段落内添加空行?

使用段内换行标签 <br>

<br />单独出现的标签,直接结束

<p>这是一个段落。<br />注意规范的写法</p>

2、如何在段落内添加空格?

空格字符:&nbsp;

特殊字符全小写

<body><p>段落内不文集忽略连续&nbsp;&nbsp;&nbsp;空格</p>
</body>

3、预留格式 pre

是一种简便的方式保留空格和空行

  • <pre>成对使用

<pre>
</pre>

<pre>
预留格式文本。它保留了   空格和空行
</pre>

作用:pre标签适合显示计算机代码

四、行内组合标签span

可以将段内的文字组成一组,单独设置样式

<p>最新<span>中国人口调查报告</span>指出...</p>

五、水平线 hr

hr标签单独使用

<hr />

六、注释

<!--注释内容-->

注释可以跨行

<!--这是一段注释。-->
<!--注释不会再浏览器中显示-->
<!--注释可以
跨行-->

七、超链接a标签

a标签成对出现
以下可作为超链接:

  • 文字超链接
  • 图片超链接
  • 导航栏

具有href属性

<a href="网址">文字或图片</a>
  • 链接到本站点的其他网页
<a href="news.html">新闻</a>
  • 链接到其他站点
<a href="">百度</a>
  • 虚拟超链接
<a href="#">板块1</a>

虚拟超链接——还不知道要链接到哪一网页(写源代码常用)

好处:当鼠标停留在文字上时,依然会出现超链接效果

更多推荐

HTML标签(1)

本文发布于:2024-02-07 11:10:06,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1756121.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:标签   HTML

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!