html排版标签

已于 2023-09-20 19:24:23 修改
阅读量138 收藏
点赞数
分类专栏： html css js 文章标签： html 前端
于 2023-09-18 12:08:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nefss_/article/details/132969219
版权


html常用标签分类：排版标签、图片标签、超链接标签、表格标签、列表标签、表单标签

1.标题标签h1-h6

将文字加粗加黑显示，标题标签会独占一行显示

align

是标题的一个属性，决定标题中文字的显示位置，有三个可选值

  • align=“left”，文字居左(默认)
  • align=“center”，文字居中
  • align=“right”，文字居右

2.水平线<hr> 和换行<br/>

3.段落标签
<p></p>，独占一行，也有align属性

3.html实体标签

&nbsp;半角空格

&emsp; 全角空格

&lt; >

&gt; <

其他的html实体

其他的html实体

4.div和span标签

div：块标签，用来对网页进行布局（div+css）
span：行内标签 ，将文本的一部分独立出来
区别：div会自动换行，span默认都在一行显示

5.段落标签<p>

将文章分段展示，独占一行，也有align属性

小矮多
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 的一些排版标签与多媒体标签
凌晨三点
06-04 133
HTML的一些排版标签与多媒体标签的使用
HTML网页基本结构、常用标签和常用实体
qq_45902025的博客
02-22 258
HTML网页基本结构、常用标签和常用实体
HTML常用排版标签
weixin_45904557的博客
02-23 3103
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分
HTML排版标签
m0_74357768的博客
07-14 91
1.场景：在新闻和文章页面中，都离不开标题，用来突出显示文章主题。②文字都有变大，并且从h1→h6文字逐渐减小。3. 语义：1~6级标题，重要程度依次递减。1.场景：在新闻和文章页面中，用于分段显示。2.代码：h系列标签（有且仅有六个）1.场景：分割不同主题内容的水平线。1.场景：让文字强制换行显示。3.语义：主题的分割转换。②在页面中显示一条水平线。
【HTML】HTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-05 3233
一、排版标签、 1、标题标签、 2、段落标签、 3、水平线标签、 4、换行标签、 5、div 标签 和 span 标签
html排版标签使用
m0_67810833的博客
03-08 101
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
html--a标签
weixin_43879167的博客
01-26 937
a标签 样式： <a href="https://daohang.qq.com/?fr=hmpage" target="_self">百度链接1</a> <a href="https://daohang.qq.com/?fr=hmpage" target="_blank">百度链接2</a> 属性： href 跳转地址，href=“协议://域名(ip地址):端口号/…” target 跳转方式 _self 默认，在相同的窗口打开链接 _blank 在新窗
Html.rar_html简单排版
09-24
8. **CSS（Cascading Style Sheets）**：虽然不是HTML的一部分，但CSS是HTML排版的重要补充。通过CSS，我们可以更精确地控制字体、颜色、布局等视觉效果，实现更复杂的排版设计。 在"Html.ppt"文件中，可能会详细...
HTML标签与属性大全
09-17
6. **格式排版标签**： - `<p>`：创建段落，并可使用`align`属性进行对齐。 - ` `：插入换行符。 - `<blockquote>`：创建引述段落。 - `<dl>`、`<dt>` 和 `<dd>`：创建定义列表。 - `<ol>` 和 `<ul>`：创建...
HTML初识基础认知 + HTML标签
12-05
HTML初识基础认知是学习HTML标签的基础，理解HTML的基本语法和标签的关系，能够使用排版标签实现网页中的标题、段落等效果，使用相对路径选择不同目录下的文件，使用媒体标签在网页中显示图片、播放音频和视频，使用...
HTML5中语义化 b 和 i 标签
11-21
在HTML5中，语义化标签的使用是一个重要的议题，因为它们有助于提高网页内容的可读性和可访问性。在过去的Web标准中，`<b>`和`<i>`标签通常被视为非语义化的标签，主要用于呈现粗体和斜体效果，而忽视了内容的意义。...
html的原生解析与排版资源
03-08
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，其原生解析和排版是构建Web页面的基础。在iOS平台上，开发人员可以利用HTML来实现富文本显示，以达到更好的文字效果，同时还能对样式、字体进行...
HTML6.1字符实体标签
m0_71385141的博客
04-12 114
如上图，代码中有很多空格，而页面显示了一个空格。因为网页不认识多个空格，只认识一个。场景：在网页中展示特殊字符效果时，需要使用字符实体替代。所以，我们需要添加字符实体标签。注：需要多少加多少。
HTML 中常用的排版标签
u012764358的博客
03-06 726
概述 HTML页面的排版可以把它当作是在写一个Word 文档，Word 中有文字和图片，可以设置图片的位置、文字的样式和段落结构等。当然，对于前端来说，并不满足于 Word 的功能，那就可以借助 CSS 来让它变成一个PPT（给图片或者段落改变位置结构或者展示样式，以及一些动画效果），那就是 CSS 的工作了，今天只谈HTML，它只是做了架子，怎么让页面展示效果更充实，那是装修工人- CSS做的事情了，本文不牵扯。 排版标签的分类 偏文本类 偏布局类（搭架子） 文本排版类标签 1. h1～h6 - 双标
HTML常用标签详解
weixin_65875490的博客
01-16 1812
概念：用特定的标签，去表达特定的含义。原则：标签的默认效果不重要（后期可以通过 CSS 随便控制效果），语义最重要！举例：对于 h1 标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。优势：代码结构清晰可读性强。有利于 SEO（搜索引擎优化）。方便设备解析（如屏幕阅读器、盲人阅读器等）。alt 属性的作用：搜索引擎通过 alt 属性，得知图片的内容。—— 最主要的作用。当图片无法展示时候，有些浏览器会呈现 alt 属性的值。盲人阅读器会朗读 alt 属性的值。#尽量不调整图片的宽度和高度，会导致
Web学习历程（二）
weixin_44096353的博客
09-14 212
HTML排版标签 排版标签： < h1 > < p > < hr / > < br / > < div > < span > < center > < pre > 下面来详细介绍一下排版标签。 标题标签 标题使用< h1 >至< h6 >标签进行定义。< h1 >定义最大的标题，< h6 >定义最小的标题。具有align属性，属性值可以是：left、center
HTML:常见的标签 实体 图片标签
weixin_56266471的博客
06-15 745
1.标题标签 （内容的标题）在HTML 中一共有六级标题标签 h1 ~h6 注意：在显示效果上h1最大，h6 最小，但文字的大小不是我们结构该关心的，之后我们通过css样式完全可以控制这些标题的大小。使用HTML 标签时，重点是标签的语义，即HTML 标签都是语义化标签h1 代表 一个页面中的最重要的标题内容，h2~h6 重要性依次降低对于搜索引擎，h1 的重要性仅次于title ,搜索引擎检索完 title,会立即查看h1 内容，所以它会影响到页面在搜索引擎中的排名，一般页面中只能写一个h1标签2.
Html_Css问答集(12)
最新发布
白话魔法师
07-16 492
html与css学习中的一些疑问，问答中轻松获取知识。
html总结1
08-03
本资源主要介绍了HTML的基础知识和常见标签的使用，包括但不限于HTML文档的基本结构、注释标签、字符实体、文本格式化、段落控制以及图像插入。以下是详细内容的总结： 1. HTML基础： - HTML（HyperText Markup ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值