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 body标签中的相关标签2

    列表标签 ul ol dl 列表标签分为三种: 无序列表 ul 有序列表 ol 定义列表 dl 无序列表, 无序列表中的每一项是 张三 李四 王五 效果: 立即学习“前端免费学习笔记(深入)”; 注意: li 不能单独存在,必须包裹在ul里面;反过来说,ul的“儿子”不能是别的东西,只能有li。 u…

    2025年12月21日 好文分享
    000
  • html文本标签

    文本的重要性:文本是页面中最主要的内容,也是唯一可以被搜索引擎识别的内容,所以特别重要  1. ~ 刚才学过的标题就是一个文本标签 2.标题标签默认为加粗显示,编号越大,字体就越小,编号与大小成反比,要注意 3.经常与标题标签配对使用还有一个水平分隔线标签 ,它是一个单标签 标签,用来描述页面中的段…

    好文分享 2025年12月21日
    000
  • html链接标签

    1. 很多小伙伴,对网络的第一印象可能就是网站上有很多可以一点击就可以打开的页面 2. 你点击的可能是一个标题文本,也可能是一张图片,一个按钮,但本质上其实就是一个链接 这里我们打创想鸟首页,来体验一下,可以看到链接无处不在,没有链接就没有互联网 3.链接标签是,它的最重要的属性就href,就是要跳…

    好文分享 2025年12月21日
    000
  • html图像标签

    图像标签可能是最大最感兴趣的啦,俗话说,有图有真相,一张图片,胜过万语千言 页面中有了图像,会瞬间变得多姿多彩,使用户的体验也瞬间提升 但是图像是外部资源,加载到当前页面是需要时间的,所以图像虽好,也不能滥用 用得好,画龙点睛,用不好,画蛇添足 图像使用标签,这是在之前前端初体验课程中提到过 立即学…

    好文分享 2025年12月21日
    000
  • html标签的基本格式

    1.元素:页面中可以看见的内容,都是元素,元素是用标签来表示的 2.标签:用来描述元素的,根据元素的不同,标签也有很多种类,例如文本,图像等 3.根据标签描述的对象不同,分为双标签和单标签二类。 4.如果标签中有文本或者子标签的话,一般采用双标签来描述,例如 … 5.如果标签中的内容来自…

    好文分享 2025年12月21日
    000
  • html标签属性的作用/语法

    1.每个元素都有一些自己与众不同的地方,这些可以通过属性来进行设置 2.属性: 必须写在起始标签内,如果是单标签就直接写在标签内 3.属性的基本格式: 属性名=”属性值”,值可以加引号,也可不加引号,也可以是单引号, 推荐使用双引号,这是大家都在遵守的行业约定 1. 标签有一…

    好文分享 2025年12月21日
    000
  • php怎么过滤html标签_php过滤HTML标签防止XSS攻击的方法

    使用 htmlspecialchars() 转义特殊字符可防止XSS攻击,将 、”、& 转为HTML实体;strip_tags() 可删除HTML标签但不完全安全;需保留安全标签时推荐使用 HTML Purifier 库进行严格过滤;实际开发中应结合 trim()、htmlspe…

    2025年12月12日 好文分享
    000
  • HTML表单标签怎么关联_HTMLlabel标签for属性绑定

    正确使用label标签的for属性或嵌套方式可实现表单控件与标签的关联,提升可访问性和用户体验。一、通过for属性匹配控件id,实现点击标签聚焦输入框,需确保id唯一;二、将input嵌套在label内,无需for属性即可实现联动;三、单选按钮组中,每个radio应有唯一id并用for属性对应lab…

    2025年11月29日 web前端
    000
  • HTML页面根元素是什么_HTMLhtml标签文档根元素定义

    HTML根元素是html标签,位于DOCTYPE声明后,包裹head和body部分,定义文档起点;通过lang属性指定语言可提升可访问性和SEO。 如果您在学习HTML结构时遇到关于页面最外层元素的疑问,可能是对文档的基本构成不够清晰。HTML文档中的根元素是整个网页内容的容器,所有其他元素都嵌套在…

    2025年11月29日 web前端
    000
  • HTML段落标签怎么创建_HTML文本段落p标签详解

    使用p标签可创建HTML段落,浏览器自动添加前后空白区分段落。1、用 开始, 结束,包裹独立文本;2、可嵌套strong、em等内联标签格式化文字,但不可嵌套块级元素;3、通过style或class自定义字体、颜色、缩进等样式;4、避免用br模拟段落换行,应使用p标签确保语义正确,提升可读性与SEO…

    2025年11月29日 web前端
    000
  • HTML5页面底部怎么设计_HTML5footer标签版权联系方式

    答案:使用HTML5的footer标签结合语义化结构展示版权与联系方式,通过©和JavaScript动态显示年份,用ul列表整理地址、电话、邮箱并添加mailto:和tel:链接,配合CSS设置背景、文字颜色、居中布局及border-top分隔线,提升可读性与美观度。 如果需要在HTML5页面底部展…

    2025年11月29日 web前端
    000
  • HTML中文字加粗用什么标签_HTML文本加粗标签strong和b用法

    推荐使用strong标签进行语义加粗,b标签仅用于视觉加粗;strong示例为重要文字,b示例为加粗文字,前者利于SEO和无障碍访问。 如果您在编写HTML文档时希望突出某些文本,使其以加粗形式显示,可以通过特定标签实现这一效果。以下是常用的加粗标签及其使用方法: 一、使用标签加粗文字 标签不仅使文…

    2025年11月29日 web前端
    000
  • HTML输入框怎么设置_HTMLinput标签各种类型详解

    HTML input输入框通过设置type属性实现多种数据输入方式:1. text用于单行文本,可设placeholder、maxlength;2. password隐藏输入内容,建议关闭自动填充,支持minlength;3. number限制数值输入,支持min、max、step;4. email…

    2025年11月29日 web前端
    000
  • HTML文档类型声明怎么写_HTMLDOCTYPE声明规范教程

    正确编写HTML文档类型声明需先确定版本,再选用对应语法并置于首行。①DOCTYPE声明位于文档顶部,用于告知浏览器HTML版本,避免怪异模式;②HTML5使用简洁声明,不引用DTD且要求小写;③HTML 4.01 Strict需完整引用DTD路径,格式为;④HTML 4.01 Transition…

    2025年11月29日 web前端
    000
  • HTML页面跳转自动刷新怎么实现_HTMLmeta标签refresh重定向

    答案:通过meta标签的http-equiv=”refresh”可实现页面跳转或自动刷新,content设置时间与URL实现跳转,仅设时间则刷新页面,需注意避免无限循环。 如果您希望在HTML页面中实现跳转或自动刷新功能,可以通过使用meta标签中的refresh属性来完成。…

    2025年11月29日 web前端
    000
  • HTML5文章主体内容用什么标签_HTML5article标签内容区分

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

    2025年11月29日 web前端
    000
  • HTML表单提交数据怎么写_HTMLform表单标签基础教学

    表单通过form标签定义数据提交结构,设置action和method属性指定目标地址与请求方式;使用input、textarea等元素收集用户输入,确保关键字段包含name属性;添加type为submit的按钮触发表单提交;利用select、radio实现选项选择,并通过label提升可访问性;需上…

    2025年11月28日 web前端
    000
  • HTML水平分割线怎么添加_HTMLhr标签分隔内容区域

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

    2025年11月27日 web前端
    000
  • HTML定义列表怎么使用_HTMLdl_dt_dd定义列表标签详解

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

    2025年11月11日 web前端
    000
  • HTML多媒体视频怎么播放_HTMLvideo标签插入视频文件

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

    2025年11月11日 web前端
    000

发表回复

登录后才能评论
关注微信