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年

代码演示

nbsp;html>        Title        
World Wide Web Consortium
万维网联盟创建于1994年World Wide Web Consortium万维网联盟创建于1994年

登录后复制

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

2.4 列表标签

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

nbsp;html>        Title        今天早上吃什么?
        
  1.         油条    
  2.     
  3.         豆浆    
  4.     
  5.         稀饭    
明天早上吃什么?

登录后复制    面    糯米鸡

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

2.5 实体字符

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

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

2.5.2 实体字符列表

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

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

2.5.3 常用的实体字符

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

¥

© 版本所有©®®

nbsp;html>        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如果鼠标移到图片上,显示提示文字信息

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

登录后复制

相关推荐:

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

HTML常用标签

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

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2831892.html

(0)
上一篇 2025年3月9日 04:01:19
下一篇 2025年3月9日 04:01:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html标签是什么

    html html标签 语法 超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。 作用:告知浏览器其自身是…

    2025年3月9日
    200
  • html html标签怎么用

    如何选择使用的HTML标签?什么时候选择什么样的标签?在网页布局中HTML标签如何选择? 在布局时会遇到如何选择HTML标签布局,但对于非新手CSSer来说非常简单,但对于刚刚学习或刚刚入手CSS制作来说却是一个无形问题。 这里为大家简单介…

    2025年3月9日
    200
  • HTML标签

    html中的元素用于描述元数据,即描述、关键字、文档作者等。该元数据不会显示在页面上,但由搜索引擎、网络浏览器等使用。 现在,您还可以在下设置视口来设置网页的尺寸 – 登录后复制 以下是属性 – Sr.No 类型和描…

    2025年3月9日
    200
  • javascript如何去除html标签

    javascript去除html标签的方法:1、匹配【】结束的全局正则;2、body内部的p标签;3、根据正则表达式直接替换为【””】;4、打印结果,显示test即可。 本教程操作环境:windows7系统、java…

    2025年3月7日
    200
  • golang中如何验证输入是否为有效的Html标签

    go语言是一种快速、高效和强类型的编程语言,被广泛应用于网络服务开发、云计算、数据科学、互联网金融等领域。在web应用开发中,输入验证是一个非常重要的问题,其中验证输入中的html标签是否有效是一个常见的需求。下面我们将介绍如何在go语言中…

    编程技术 2025年3月6日
    200
  • php怎么清除html标签?

    php清除html标签的方法:1、使用strip_tags()函数清除html标签,语法“strip_tags(字符串)”;2、使用strip_html_tags()函数删除指定html标签,该函数可选择删除或者保留标签内的内容。 经常扒别…

    2025年3月5日
    200
  • php中怎么转义html标签

    在PHP中,可以使用htmlentities()函数来转义html,能把字符转换为HTML实体,语法“htmlentities(string,flags,character-set,double_encode)”。PHP中也可以使用html…

    2025年3月5日 编程技术
    200
  • php如何清除html标签代码

    php清除html标签的方法:1、使用php自带的函数可以去除,函数为【strip_tags(string,allow)】;2、使用PHP处理从数据库中读取的文章HTML代码,并用正则对代码进行匹配与修改,保存代码以后,用静态生成功能即可。…

    2025年3月5日
    200
  • php怎么删除指定html标签

    php删除指定html标签的方法:1、使用strip_tags()函数,语法“strip_tags(string,allow)”;2、使用strip_html_tags()函数,语法“strip_html_tags(tags,str)”。 …

    2025年3月5日
    200
  • 如何使用Python正则表达式去除HTML标签

    html(hypertext markup language)是用于创建web页面的标准语言,它使用标签和属性来描述页面上的各种元素,例如文本、图像、表格和链接等等。但是,在处理html文本时,很难将其中的文本内容快速地提取出来用于后续的处…

    编程技术 2025年2月26日
    200

发表回复

登录后才能评论