HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签

简介: HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签

HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签

博主建了一个学习群 感兴趣的小伙伴可以加入一起学习交流      点我进群     一起学习交流!(群里有许多的学习资料,我做过的一些网页我都上传在群里了,需要的直接下载就可以了)


1、 段落标记标签

<p>   内容  </p>
属性:
    align="left(默认值:居左)|center(居中)|right(居右)" 
<p align="center"> 这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>

2、强制换行标签:

<br/>
思考思考思考思考<br/>
小妹妹家常菜尺寸<br/>
吃奶粉房价肥牛饭<br/>

3、水平线

<hr/> 单标记 用于创造水平线
    hr元素可用于分隔内容
    <hr color="" width="" size="" align="">
HTML默认单位为像素,可以省略
例如:
<hr color="red" width="500px" size="2px" align="right"/>

属性:

color:设置水平线的颜色

width:设置水平线的宽度

size:设置水平线的高度

align:设置水平线的对齐方式(默认居中)可取值left|right|center

<p>哈哈哈哈哈</p>
<hr color="red" width="500px" size="2px" align="right"/>
<p>哈哈哈哈哈</p>
<hr color="red" width="500px" size="2px" align="right"/>
<p>哈哈哈哈哈</p>

4、图片标签

常见的图片格式:

jpg jpge :不支持背景透明

png:支持背景透明图

gif:支持动图

2、

src:路径,必须属性

alt:图片不能正常显示给予提示

title:鼠标悬停给予提示

width:宽度,宽高设置一个属性,另外一个等比例缩放

height:高度 -->

<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=892704614,1758507844&fm=26&gp=0.jpg"
    alt="zhangyishan" title="啊哈哈哈"/>


<img src="https:dstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=892704614,1758507844&fm=26&gp=0.jpg"
    alt="zhang" title="啊哈哈哈"/>


相关文章
|
1月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
94 49
|
24天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
36 5
|
1月前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
38 1
利用html2canvas插件自定义生成名片信息并保存图片
|
1月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
HTML 段落2
在HTML中,若需在不创建新段落的情况下换行,可使用`&lt;br&gt;`标签,该标签无结束标记。注意,HTML中多余的空格与换行在浏览器中会被视为一个空格,故直接在代码中添加空格或换行无法改变输出效果。
HTML 段落1
HTML 使用 `&lt;p&gt;` 标签定义段落,浏览器会在段落前后自动添加空行。虽然多数浏览器能容忍未闭合的 `&lt;p&gt;` 标签,但为了代码的规范性和兼容性,建议始终闭合段落标签。未来版本的 HTML 将不允许省略结束标签。
|
2月前
HTML图片
【10月更文挑战第4天】HTML图片。
32 2
|
1月前
|
存储 移动开发 前端开发
|
2月前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
129 0
|
7月前
|
前端开发
HTML基本标签使用详解
HTML基本标签使用详解