html中常用标签的分析(附代码)

本篇文章给大家带来的内容是关于html中常用标签的分析(附代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1.1 标签的分类

1.1.1 按主体分类

1.带主体的标签:如数据

2.不带主体的标签:如
换行标签

判断一个表是否需要带主体,你可以思考该标签是否需要封装数据,如果需要封装数据,那么该标签必定带主体,如果不需要封装数据,那么就不需要带主体。 

立即学习“前端免费学习笔记(深入)”;

2.1.2 按行分类

1.如果一个标签的内容需要独立占一行,我们称作为块标签。 比如:

标题标签

2.如果一个标签不需要独立占一行,我们称作为内联标签。比如:字体标签

2.2 文本标签

标签名标签描述常用属性h1~h6标题标签,所有标题都是加粗的,1表示1级标题,字最大,6级标题最小

属性是在开始标签里面的

align:设置标题对齐方式

center:居中、right:右对齐、left:左对齐

hr画一条水平线width:线长度    size: 粗细   color:颜色   b对字体加粗,与strong标签功能相同 i设置字体为斜体 br

换行

 font字体(在HTML5中已经淘汰了)color:颜色 size:大小  face:指定字体的名字p分段,每个p标签就是一个段落,没有首行缩进。段落之间有间隔

如果要缩进,使用 半角空格也可全角空格

title鼠标移上去以后,显示文字提示信息

2.3 块标签与内联标签

1.div:块标签,需要独立占一行。

2.span:内联标签,不需要独立占一行。

案例文字素材

World Wide Web Consortium

万维网联盟创建于1994年

代码演示

        Title        
World Wide Web Consortium
万维网联盟创建于1994年World Wide Web Consortium万维网联盟创建于1994年

html中常用标签的分析(附代码)

2.4 列表标签

html中常用标签的分析(附代码)

        Title        今天早上吃什么?
  1. 油条
  2. 豆浆
  3. 稀饭
明天早上吃什么?
  • 糯米鸡

html中常用标签的分析(附代码)

2.5 实体字符

2.5.1 为什么需要使用到实体字符

在HTML页面中,有些字符是有着特殊含义的字符,如果需要在网页上显示这种特殊的字符,那么就需要使用到该特殊字符对应的实体字符。比如: 大于号 

2.5.2 实体字符列表

 注释:实体名称对大小写敏感!

html中常用标签的分析(附代码)

2.5.3 常用的实体字符

特殊的字符对应的实体字符>空格 ¥

¥

© 版本所有©®®

        Title        

标签是标题标签
百度(纳斯达克:BIDU),全球最大的中文搜索引擎、最大的中文网站。1999年底,身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力,抱着技术改变世界的梦想,他毅然辞掉硅谷的高薪工作,携搜索引擎专利技术,于 2000年1月1日在中关村创建了百度公司。
青岛啤酒:¥16元一瓶。
《java从入门到放弃》:© XXX版权所有
本次活动解释权归XXX公司所有:®XXX有限公司

html中常用标签的分析(附代码)

 2.6 图像标签(img)

2.6.1 标签的作用

在网页中显示图片

2.6.2 常用的属性

属性名作用srcsource图片文件地址,注:不能使用客户端本地地址,如:c:/aaa.jpgwidth图片宽度,如果只指定宽和高,另一个参数会等比例缩放height图片高度alt如果图片丢失,图片显示的文字title如果鼠标移到图片上,显示提示文字信息

        Title        html中常用标签的分析(附代码)

相关推荐:

html标签之meta标签_html/css_WEB-ITnose

HTML常用标签

以上就是html中常用标签的分析(附代码)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546778.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:34:35
下一篇 2025年12月21日 18:34:48

相关推荐

  • 如何HTML标签和JS中设置CSS3 var变量

    本篇文章给大家带来的内容是关于如何HTML标签和JS中设置CSS3 var变量,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、HTML标签中设置CSS变量 如下: 直接正常CSS语句一样在style属性中设置即可。 立即学习“前端免费学习笔记(深入)”; 效果如下截图: 二、J…

    2025年12月24日 好文分享
    000
  • HTML表格如何构建_HTMLtable标签创建数据表格

    使用HTML表格可有效展示结构化数据。通过table标签创建表格,tr定义行,td定义单元格;th用于表头以提升可读性和无障碍访问;thead、tbody和tfoot可划分表格结构,增强逻辑性;通过CSS或border属性设置边框与样式,改善外观;利用colspan和rowspan合并单元格,实现复…

    2025年12月23日
    000
  • HTML网页字符编码怎么设置_HTMLmeta标签charset属性讲解

    正确设置HTML字符编码可解决网页乱码问题,需在head中添加meta标签指定charset,如UTF-8支持多语言,应确保文件实际编码与meta声明一致,推荐统一使用UTF-8并用编辑器验证编码格式。 如果您在浏览网页时遇到乱码问题,可能是由于浏览器未能正确识别网页的字符编码。HTML中的meta…

    2025年12月23日
    000
  • HTML页面背景颜色怎么改_HTMLbody标签style属性修改

    一、通过内联样式在body标签中设置style=”background-color: #f0f0f0″可快速更改背景色;二、在head部分使用style标签定义body{background-color: lightblue}实现内部样式控制;三、创建外部CSS文件写入bod…

    2025年12月23日
    000
  • HTML有序列表怎么排版_HTMLol有序列表标签指南

    正确使用HTML有序列表需确保标签内嵌套项,可通过start属性设起始数,type属性改编号类型,支持嵌套与CSS样式定制以实现多级结构和视觉控制。 如果您在编写网页时需要展示一组按顺序排列的信息,但发现列表项没有正确对齐或样式混乱,可能是由于HTML有序列表标签使用不当。以下是关于如何正确使用和排…

    2025年12月23日
    000
  • HTML注释怎么写_HTML注释标签代码说明

    HTML注释用包裹,用于添加说明或隐藏内容,不影响页面显示,便于代码维护。 <img src="https://img.php.cn/upload/article/001/503/042/176077398276596.png" alt="html注释怎么写_ht…

    好文分享 2025年12月23日
    000
  • HTML多媒体音频怎么播放_HTMLaudio标签插入音频文件

    答案:通过正确设置audio标签属性、提供多格式源文件、使用autoplay和loop控制行为、设置muted静音状态及JavaScript动态操控,可实现网页音频正常播放。 如果您在网页中插入音频文件,但发现音频无法正常播放,可能是由于标签属性设置不当或文件路径错误。以下是实现HTML音频播放的多…

    2025年12月23日
    000
  • HTML页面预格式化文本怎么显示_HTMLpre标签保留格式

    使用pre标签可保留HTML文本原始格式,结合CSS设置white-space、overflow等属性优化显示效果,并需对特殊字符如进行HTML实体编码以避免解析错误。 如果您在编写HTML页面时希望保留文本原有的格式,例如空格、换行和缩进,可以使用预格式化文本标签。以下是实现该功能的具体方法: 一…

    2025年12月23日
    000
  • HTML如何引入外部CSS样式_HTMLlink标签连接样式表

    通过link标签将CSS与HTML分离可提升维护性,需在head中添加link标签并设置rel=”stylesheet”、href指向CSS文件路径,支持相对或绝对路径引用,确保样式优先加载。 如果您希望将CSS样式与HTML文档分离,以提高代码的可维护性和复用性,则可以通过…

    2025年12月23日
    000
  • HTML无序列表如何制作_HTMLul无序列表标签使用教学

    使用ul和li标签可创建无序列表,通过CSS的list-style-type可修改符号类型,设为none可移除符号,嵌套ul可实现多层结构。 如果您希望在网页中创建一个项目符号列表,以便更清晰地展示信息条目,可以使用HTML中的无序列表标签。以下是关于如何正确使用ul标签制作无序列表的具体方法: 一…

    2025年12月23日
    000
  • HTML如何嵌入外部页面_HTMLiframe标签嵌套网页实例

    使用iframe标签可嵌入外部网页,通过设置src、宽高和标题属性实现基本嵌套,结合CSS优化样式与响应式布局,启用sandbox等安全属性防范风险,并利用JavaScript动态控制加载及跨域通信。 如果您希望在当前网页中显示另一个网页的内容,可以通过HTML的iframe标签实现页面嵌套。这种方…

    2025年12月23日
    000
  • HTML页面视口怎么控制_HTMLmeta标签viewport响应式布局

    正确设置 viewport 可解决页面在不同设备显示异常问题,通过 meta 标签配置 width、initial-scale 等参数实现响应式布局,支持适配移动设备、禁止缩放、固定宽度、控制缩放范围及高分辨率屏幕优化。 如果您在开发网页时发现页面在不同设备上显示异常,可能是由于视口(viewpor…

    2025年12月23日
    100
  • HTML如何插入图片_HTMLimg标签图片显示教程

    正确使用HTML的img标签需设置路径、尺寸、alt文本并处理错误。一、本地图片用相对路径如src=”images/photo.jpg”;二、网络图片用绝对路径如src=”https://example.com/img.jpg”;三、通过width和h…

    2025年12月23日
    000
  • HTML元素之间怎么分组_HTMLdiv标签和span标签区别

    div是块级容器,用于布局划分;span是行内容器,用于局部样式修饰。二者主要区别在于display类型与使用场景。 在HTML中,当需要对页面中的元素进行逻辑分组或样式控制时,常使用容器标签来组织内容结构。不同的容器标签适用于不同的场景,其中 div 和 span 是最常用的两个分组标签。以下是它…

    2025年12月23日
    000
  • HTML表格行和列怎么合并_HTML表格colspan和rowspan属性

    使用colspan和rowspan属性可合并HTML表格的单元格。colspan=”n”将单元格横向合并n列,需确保行内总列数逻辑一致;rowspan=”n”将单元格纵向合并n行,后续行应省略对应单元格以防错位;两者可同时使用于同一单元格以实现复杂布局…

    2025年12月23日
    000
  • HTML5文章主体内容用什么标签_HTML5article标签内容区分

    使用article、section、main、header和footer标签可实现网页内容的语义化结构:首先用article包裹独立内容如文章或评论,确保每篇独立内容有单独article标签且可嵌套;其次用section划分主题区块,每个区块需有标题并避免仅用于布局;接着用main标记页面核心内容,…

    2025年12月23日
    000
  • HTML下拉菜单怎么实现_HTMLselect标签选项列表制作

    使用HTML的select标签可创建下拉菜单,通过option添加选项,selected设置默认项,disabled禁用选项,optgroup实现分组,multiple支持多选。 如果您希望在网页中创建一个可选择的选项列表,例如让用户选择省份、性别或日期等信息,可以使用HTML中的select标签来…

    2025年12月23日
    000
  • HTML多媒体视频怎么播放_HTMLvideo标签插入视频文件

    首先检查视频格式与标签设置,使用video标签并添加controls属性;提供MP4、WebM、OGG多种格式以提升兼容性;设置autoplay、loop、muted等属性优化播放行为;通过width、height和CSS调整尺寸与样式,确保视频正常播放且美观。 如果您在网页中插入视频但无法正常播放…

    2025年12月23日
    000
  • HTML水平分割线怎么添加_HTMLhr标签分隔内容区域

    使用HTML的标签可创建水平分割线以分隔内容区域,通过内联样式或CSS类可自定义颜色、高度、边框等样式,推荐使用CSS类提高代码复用性,还可通过设置border:none并结合background属性实现虚线、渐变等定制化效果。 如果您希望在网页中分隔不同内容区域,使页面结构更清晰,可以通过HTML…

    2025年12月23日
    000
  • HTML定义列表怎么使用_HTMLdl_dt_dd定义列表标签详解

    定义列表使用dl、dt、dd标签实现,其中dl为容器,dt表示术语,dd提供描述,适用于词汇表等场景。 如果您希望在网页中展示术语及其定义、名词及其解释等内容,HTML 提供了专门的标签来创建定义列表。这种结构化的标记方式有助于提升内容的语义化和可读性。以下是关于如何正确使用 dl、dt、dd 标签…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信