HTML大总结(二)

简介: HTML大总结(二)

二、HTML常用标签 🔥


排版标签 : 主要和CSS 搭配使用,显示网页结构的标签,是网页布局最常用的标签。


  • 标题标签 <h>
  • 段落标签 <p>
  • 水平线标签 <hr/>
  • 换行标签<br/>
  • div 与span标签:没有语义,是我们用于网页布局的2个常用的盒子。


标签属性(行内式) :我们使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。


<标签名 属性1="属性值1" 属性2="属性值2" > 内容 </标签名>


1.标题标签


<body>
     <h1> 一级标题</h1>
     <h2> 二级标题</h2>
     <h3> 三级标题</h3>
     <h4> 四级标题</h4>
     <h5> 五级标题</h5>
     <h6> 六级标题</h6>
 </body>
  • 标题标签下的文字会变的加粗,字号也会根据标签等级依次变大,并且一个标题独占一行。


2.段落标签


<p>
    这是一个段落。
 </p>


  • 写在一个段落标签里的文字,会根据浏览器窗口的大小进行自动换行,并且段落和段落之间保有空隙。


3.换行标签与水平线标签


<br/>
 <hr/>
  • <br/>是个单标签,作用是进行换行,不会产生垂直的间距。
  • <hr/>自动生成一条100%宽的水平线。


4.盒子标签


  • <div></div> :一行只能放一个大盒子
  • <span></span> : 一行可以放多个小盒子
<div>这是一个div</div>
 <span>这是一个span</span>


5.文本格式化标签


  • 为文字设置粗体、斜体、下划线等效果
  • b和strong 文字以粗体显示
  • i和em 文字以斜体显示
  • s和del 文字以加删除线显示
  • u和ins 文字以加下划线显示


6.图像标签


<body>
     <img src="" alt="" title="" />
 </body>


  • src是<img>标签的必须属性,用来指定图像文件的路径与文件。


image.png


7.路径问题


在引入静态资源时(比如图片、音频等)需要通过文件路径进行引入,这里主要涉及到绝对路径与相对路径。


  • 绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
  • 相对路径:


image.png


相关文章
|
Python
Python3,5句话实现自动接收短信提醒
Python3,5句话实现自动接收短信提醒
635 0
Python3,5句话实现自动接收短信提醒
开源测试平台横向测评系列『流马』篇:流马使用及总结
【使用篇】 ● 接口测试:创建接口(添加引用公共参数、添加引用自定义参数)、测试用例(参数关联)、业务流程测试实践 ● web自动化测试:元素管理(添加元素)、测试用例(添加元素)、设计测试场景 ● 测试计划、测试集合与测试用例相互之间的关系 【总结篇】 ● 使用总结:常见的使用注意事项,如变量引用、函数引用、关联参数引用等 ● 优化建议:结合真实使用过程,从用户角度出发,提出的7条优化建议 ● 优缺点总结:优点、缺点、评分(从不同角度评测打分)
开源测试平台横向测评系列『流马』篇:流马使用及总结
|
资源调度
There appears to be trouble with your network connection.Retrying
There appears to be trouble with your network connection.Retrying
2207 0
There appears to be trouble with your network connection.Retrying
|
JSON 缓存 前端开发
MapStruct,降低无用代码的神器
在学习《告别BeanUtils,Mapstruct从入门到精通》后,我发觉MapStruct确实是一个提升系统性能,降低无用代码的神器。然而,在实践这篇文章过程中,我遇到了些问题,并由此对MapStruct框架有了更深入的理解,以下将我的学习收获分享给大家。
807 1
MapStruct,降低无用代码的神器
|
Java 编译器 API
JVM系列之:关于方法句柄的那些事
JVM系列之:关于方法句柄的那些事
371 1
JVM系列之:关于方法句柄的那些事
|
弹性计算 监控 容灾
EDAS 介绍|学习笔记
快速学习 EDAS 介绍
1789 0
EDAS 介绍|学习笔记
|
机器学习/深度学习 监控 Python
机器学习中的概念漂移(Aporia)
随着机器学习模型成为自动化和预测任务越来越流行的解决方案,许多科技公司和数据科学家采用了以下工作范式:数据科学家负责解决特定问题,他们会得到可用相关数据的快照,他们致力于训练模型来解决它。 一旦模型经过测试,它就会进入生产阶段。最终,模型的性能开始下降,这通常是由于概念漂移。 概念漂移是指目标变量(模型试图预测的内容)的统计特性随时间以不可预见的方式发生变化的情况。
|
自然语言处理 JavaScript 机器人
简单对话场景搭建和云小蜜接口集成 | 学习笔记
简介:快速学习简单对话场景搭建和云小蜜接口集成
606 0
简单对话场景搭建和云小蜜接口集成 | 学习笔记
|
自然语言处理
Adobe Photoshop2023最新版本百度云网盘一键安装下载教程
Adobe Photoshop2023最新版本百度云网盘一键安装下载教程
3935 0
|
人工智能 架构师 物联网
阿里云的认证多少分通过?没通过可以补考吗?
阿里云认证是阿里云发行且推广的云技术人才认证,在行业内有很大的知名度,且广泛受认可,很多人在毕业刚踏入社会的时候,都会选择考取这个认证,来增加自己的职业竞争力,以求获得更好的发展。
阿里云的认证多少分通过?没通过可以补考吗?