03-HTML常用标签

最新推荐文章于 2023-03-09 11:26:57 发布
最新推荐文章于 2023-03-09 11:26:57 发布
阅读量189 收藏
点赞数
分类专栏： HTML 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hsy0827/article/details/120975532
版权
本文详细介绍了HTML中常用的排版标签如标题、段落、水平线、换行、div和span，文本格式化元素，以及标签属性、图像、链接和注释的使用。还涵盖了路径的相对和绝对概念，以及预格式化文本和特殊字符的处理。
摘要由CSDN通过智能技术生成

HTML常用标签

1. HTML常用标签

1.1 排版标签

①标题标签h（head）

<h1>   标题文本   </h1>
<h2>   标题文本   </h2>
<h3>   标题文本   </h3>
<h4>   标题文本   </h4>
<h5>   标题文本   </h5>
<h6>   标题文本   </h6>

在这里插入图片描述

②段落标签（paragraph）

<p>  文本内容  </p>

③水平线标签hr（horizontal）

<hr /><!-- 是单标签 -->

④换行标签br（break）

<br /><!-- 是单标签 -->

⑤div和span标签

容器、盒子，没有语义

<div> 内容 </div>
<span>内容</span>
  • div标签 用来布局的，一般情况下一行只能放一个div
  • span标签 用来布局的，一般情况下一行上可以放好多个span

1.2 文本格式化标签

粗体：
<b>粗体</b>
<strong>粗体</strong><br />
斜体：
<i>斜体</i>
<em>斜体</em><br />
删除线：
<s>删除线</s>
<del>删除线</del><br />
下划线：
<u>下划线</u>
<ins>下划线</ins><br />

分别都有两种方式，一般情况下推荐用第二种。
在这里插入图片描述

1.3 标签的属性

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

各属性之间用空格隔开，属性值用双引号包裹。

1.4 图像标签img（image）

<img src="图像URL" /><!-- 单标签 -->

标签属性：

属性描述
src图像的路径
alt图像不能显示时的替换文本
title鼠标悬停时显示的内容
width图宽
height图高
border边框

src属性为必带属性

1.5 链接标签a（anchor）

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href为必带属性（空链接：href="#"）
target：_self（默认值）当前窗口打开；_blank新窗口打开

1.6 注释标签

 <!-- 注释语句 -->

快捷键：ctrl + /或ctrl +shift +/

2. 路径

①相对路径

所在目录出发（反斜杠/）

路径分类符号
同级
下一级/
上一级…/

①绝对路径

根目录出发（斜杠\）

@拓展

锚点定位

1. 使用相应的id名标注跳转目标的位置。 (找目标)
  <h3 id="two">第2集</h3> 

2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的） （拉关系）  我也有一个姓毕的姥爷..
  <a href="#two">

base标签

<head>
	<base target="_blank" /><!-- 单标签 -->
</head>

可以设置整体链接的打开方式

预格式化文本pre标签

使元素中的文本保留空格和换行符

<pre>

  此例演示如何使用 pre 标签

  对空行和 空格

  进行控制

</pre>

特殊字符

特殊字符描述字符的代码
空格&nbsp；
<小于号&lt；
>大于号&gt；

&开头;结尾

舍予一
关注
专栏目录
HTML入门基础知识（二）
qq_46678602的博客
08-06 705
HTML入门基础知识（二）html标签入门基础知识开发工具生成的骨架标签< !DOCTYPE>标签lang 语言种类字符集 html标签入门基础知识 开发工具生成的骨架标签 < !DOCTYPE>标签 < !DOCTYPE>文档类型声明，主要是告诉浏览器使用哪种html版本显示网页。 注意： < !DOCTYPE>声明位于文档的最前位置，处于< html>标签之前。 < !DOCTYPE>不是html标签，只是一个文档声明标签。 lan
HTML常用标签
叶子与海的博客
09-14 2260
1.文本标签 标题标签 h1~h6逐渐变小 段落标签 段落标签会自动换行，并且段落与段落之间有一定的间距。 换行标签 自闭合标签，br是break（换行）的缩写。 文本标签 平时用更有语义性的标签(加粗的）
html中break标签,打破每一个标签属性行，并让他们在Visual Studio中的HTML代码编辑器对准(Break l...
weixin_42561040的博客
07-14 612
如果你想看到这个VS的下一版本中实现，请为它投票在这里 。假设下面的水平冗长 HTML声明： @Localization.Save正如你所看到的所有标记属性是内嵌使得它们在代码编辑器很长的路要走延伸到右...你知道任何Visual Studio选项或扩展，使其能够用Ctrl + K，然后按Ctrl + F这样的格式化的：class="btn btn-primary"id="save"name="a...
前端——5.HTML标签_段落标签和换行标签
最新发布
m0_52096593的博客
03-09 4762
标签用于定义段落，它可以将整个网页分为若干个段落。这是一个段落标签
『HTML系列』br 标签
老__L的博客
10-20 1万+
本文主要介绍br标签。 在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。br 是一个空元素；br 必须有一个开始标签，并且一定不能有结束标签。在 XHTML 中将元素写成为；标签是单标签；不要使用来增加文本之间的行间隔，应使用 CSS margin 属性或元素；br 标签在写诗和地址时很有用，这些地方的换行都非常重要；
web前端学习： HTML常用标签及其全称介绍
xiaoweids的博客
05-25 723
转自：微点阅读https://www.weidianyuedu.com div 语义：Division（分隔） span 语义：Span（范围） ol 语义：Ordered List（排序列表） ul 语义：Unordered List（不排序列表） li 语义：List Item（列表项目） dl 语义：Definition List（定义列表） dt 语义：Definition Term（定义术语） dd 语义：Definition Description（定义描述） del ..
04-HTML常用标签.md
02-15
04-HTML常用标签.md
01-HTML常用标签.md
10-12
01-HTML常用标签.md
04-html常用标签(上).txt
11-04
04-html常用标签(上).txt
04-vscode常用标签.html
07-01
04-vscode常用标签.html
HTML基础知识点 (上)
IDApprentice的博客
02-13 653
一.什么是HTML标签? HTML标签是由尖括号包围的关键词 例如<html/> 2.HTML标签通常是成对出现的,第一个标签是开始标签,第二个标签是结束标签,也叫双标签哦 3.也有一些特殊的标签,单标签 : <br /> 二.标签关系 双标签中的标签关系可以分为包含关系和并列关系两种 其中包含关系也可以称为父子关系 并列关系可以称为兄弟关系 HTML页面也叫HTML文档 以下几个标签 叫做基本的结构标签 也称为 骨架标签,页面内容也是在这些基本标签上书写的
HTML属性word-break:break-all
LHX_ldm的博客
05-30 1万+
word-break:break-all和word-wrap:break-word的区别 word-wrap 是用来决定允不允许单词内断句的，如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行， 看看下一行的宽度够不够，不够的话就进行单词内的断句。而word-break:break-all则更变态，因为它断句的方式非常粗暴，它不会尝试把长单词 挪到下一行，而是直接进...
breakContinue标签使用
qq_36521848的博客
11-21 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&am
continue在html中可以标签吗,break和continue的作用和区别是什么？
weixin_29264201的博客
06-18 390
break和continue的作用和区别break和continue都是用来控制循环结构的，主要是停止循环。break有时候我们想在某种条件出现的时候终止循环而不是等到循环条件为false才终止。这时我们可以使用break来完成。break用于完全结束一个循环，跳出循环体执行循环后面的语句。var str = "hello";for (var item of str){if(item ==="l"...
Java中带标签的break语句
yumeizui8923的博客
03-05 1508
如有错误或遗漏，敬请指正！ 在Donald Kunth的《Structured Programming with goto statements》一文中指出：无限制地使用goto语句确实是导致错误语句的根源，但在某些情况下，偶尔使用goto跳出循环还是有益处的。 Java保留了goto关键字，但是并没有实现它。Java为了支持goto语句的程序设计风格，提供了带有标签的break语句，这是功能...
HTML中一些常见的标签的名称
懿的博客
11-01 3929
HTML中一些常见的标签的名称 &lt;a&gt;:anchor 定义锚 &lt;b&gt;:bold 定义粗体字 &lt;body&gt;:定义body元素 &lt;br&gt;:break 插入一个回车 &lt;button&gt;:定义按钮 &lt;caption&gt;:定义表格标题 &lt;div&gt;:division 定义文档中的节 &lt;form&
什么是 HTML 中的换行标签
热门推荐
qq_27009517的博客
11-25 1万+
在 HTML 中，如果你不想在产生一个新段落的情况下换行，可以使用 br 标签来给文字进行换行。 <br/>是自闭合标签，其中 br 就是英文 break(换行) 的缩写。 这里以苏轼的《题西林壁》为例，如下图所示 如果想对这首诗进行换行，有两种方法； 方法一：使用两个 p 标签方法二：使用 br 标签 这里我把两种方法在编辑器的效果，以及在浏览器里运行后效果做一下对比 先来看一下在编辑器的对比效果 再来看一下浏览器显示效果的对比 由浏览器显示效果对比图可知：使用 p 标签会导...
break 通过自定义标签跳到指定位置
Like的博客
06-01 7536
package daily;public class Test {    public static void main(String[] args){ int i=3,j; outter:while(i&gt;0){ j=3; inner:while(j&gt;0){ if(j&lt;2) break outter; System.out.println(i+"and"+...
continue在html中可以标签吗,continue和break应用
weixin_32060735的博客
06-18 454
continue语句和break语句的区别是什么？continue语句和break语句的区别如下：break：while循环break是用于永久终止循环。即不执行本次循环中break后面的语句，直接跳出循环。continue：while循环continue是用于终止本次循环。即本次循环中continue后面的代码不执行。break和continue的区别看得有点乱 具体点讲讲，举点例子更好1.br...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值