本篇文章给大家带来的内容是关于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年
登录后复制
2.4 列表标签:
nbsp;html>Title 今天早上吃什么?明天早上吃什么?
- 油条
- 豆浆
- 稀饭
登录后复制 面 糯米鸡
2.5 实体字符
2.5.1 为什么需要使用到实体字符:
在HTML页面中,有些字符是有着特殊含义的字符,如果需要在网页上显示这种特殊的字符,那么就需要使用到该特殊字符对应的实体字符。比如: 大于号
2.5.2 实体字符列表:
注释:实体名称对大小写敏感!
2.5.3 常用的实体字符:
特殊的字符对应的实体字符>>空格 ¥
¥
© 版本所有©®®
nbsp;html>Title 标签是标题标签
百度(纳斯达克:BIDU),全球最大的中文搜索引擎、最大的中文网站。1999年底,身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力,抱着技术改变世界的梦想,他毅然辞掉硅谷的高薪工作,携搜索引擎专利技术,于 2000年1月1日在中关村创建了百度公司。
青岛啤酒:¥16元一瓶。
《java从入门到放弃》:© XXX版权所有
本次活动解释权归XXX公司所有:®XXX有限公司
登录后复制
2.6 图像标签(img)
2.6.1 标签的作用:
在网页中显示图片。
2.6.2 常用的属性:
属性名作用srcsource图片文件地址,注:不能使用客户端本地地址,如:c:/aaa.jpgwidth图片宽度,如果只指定宽和高,另一个参数会等比例缩放height图片高度alt如果图片丢失,图片显示的文字title如果鼠标移到图片上,显示提示文字信息
nbsp;html>Title
登录后复制
相关推荐:
html标签之meta标签_html/css_WEB-ITnose
HTML常用标签
以上就是html中常用标签的分析(附代码)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2831892.html