HTML 的br标签说明

最新推荐文章于 2023-04-09 13:44:16 发布
最新推荐文章于 2023-04-09 13:44:16 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： 从0蛋学前端 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Duke_Jiang/article/details/108599768
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>br标签</title>
</head>
<body>
<!--
br标签, 如何在HTML中换行? 可以使用br标签
1. br标签作用: 换行
2. br标签格式: <br>
3. br标签的注意点:
3.1多个br标签可以连续使用, 使用了多少个br标签就会换多少行
3.2由于HTML的作用就是用来给文本添加语义, 而br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签
-->

<!--只设置了img标签的src属性<br><br><br>-->
<!--<img src="QRCode.jpg"><br>-->
<!--设置了img标签的src和width以及height属性<br>-->
<!--<img src="QRCode.jpg" width="300" height="478"><br>-->
<!--设置了img标签的src和width以及height, 但是宽高不是等比拉伸的<br>-->
<!--<img src="QRCode.jpg" width="100" height="478"><br>-->
<!--设置了img标签的src和height属性<br>-->
<!--<img src="QRCode.jpg" height="178"><br>-->
<!--设置了img标签的src和width属性<br>-->
<!--<img src="QRCode.jpg" width="100"><br>-->
<!--设置了img标签的src和width以及title属性<br>-->
<!--<img src="QRCode.jpg" width="100" title="这个是江哥的微信二维码图片"><br>-->
<!--设置了img标签的src和width以及alt属性<br>-->
<!--<img src="QRCode1.jpg" width="100" alt="对不起, 你需要查看的图片不见了"><br>-->


    <p>只设置了img标签的src属性</p>
    <p><img src="images/QRCode.jpg"></p>
    <p>设置了img标签的src和width以及height属性</p>
    <p><img src="images/QRCode.jpg" width="300" height="478"></p>
    <p>设置了img标签的src和width以及height, 但是宽高不是等比拉伸的</p>
    <p><img src="images/QRCode.jpg" width="100" height="478"></p>
    <p>设置了img标签的src和height属性</p>
    <p><img src="images/QRCode.jpg" height="178"></p>
    <p>设置了img标签的src和width属性</p>
    <p><img src="images/QRCode.jpg" width="100"></p>
    <p>设置了img标签的src和width以及title属性</p>
    <p><img src="images/QRCode.jpg" width="100" title="这个是江哥的微信二维码图片"></p>
    <p>设置了img标签的src和width以及alt属性</p>
    <p><img src="images/QRCode1.jpg" width="100" alt="对不起, 你需要查看的图片不见了"></p>

</body>
</html>

 

天才小叮当
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简述css属性选择器的几种定义方式_CSS属性选择器
weixin_29230865的博客
01-12 3145
CSS选择器主要分为五大类：元素选择器，关系选择器，属性选择器，伪类选择器和伪元素选择器。平时用的最多的是元素选择器和关系选择器，而本文主要讲讲用得比较少的属性选择器。首先亮出本文通用的例子：张三(zhangsan)刘三姐(liusanjie)张明(zhang-ming)黎三(lisan)李三(sandy lisan)无名氏接下来分别举例讲讲七大属性选择器。一、E[att]，筛选具有att属性的元...
动易网站标签说明（电子书）
07-16
动易标签说明 信息概览 调用范例 参数细目 查询语句 转换模板 附加信息 图片一列式栏目上下循环 标签名称： 图片一列式栏目上下循环 调用标签名： {PE.Label id="图片一列式栏目上下循环"/} 数据源调用标签名： {PE.DataSource id="cone" datasource="图片一列式栏目上下循环" /} 标签分类： 栏目类 标签文件大小： 3K 更新时间： 2010/3/29 9:36:04 解析方式： 简单XSLT解析 数据设置： 系统数据库SQL查询 官方版本： 3.5.0.0 兼容版本： 3.5.0.0 是否具有分页功能： 否 是否启用XSLT查询： 否 是否启用XSLT统计： 否 是否允许Ajax访问： 否 标签说明： 图片一列式栏目上下循环 调用说明： ·分页需要开启参数usePage="true"。 ·双击可以直接复制调用代码至剪贴板。 ·绑定样式系列的查询标签分页标签数据源为 当前调用的标签+_+样式标签。 ·部分列表类标签支持节点配置托管，每页的分页数量可由节点配置。 ·移除和默认值相等的参数将会提升性能；不需要改变默认值的参数就尽量不要调用它。 普通调用方法： {PE.Label id="图片一列式栏目上下循环" outputQty="10" parentId="2" titleLength="60" hits="0" eliteLevel="0" linkOpenType="2" /} 分页调用方法： 该标签不具备分页功能 数据源调用方法： {PE.DataSource id="cone" datasource="图片一列式栏目上下循环" outputQty="10" parentId="2" titleLength="60" hits="0" eliteLevel="0" linkOpenType="2" /} 属性 参数类型 默认值 可用值 变量值 参数说明 outputQty - 10 自定义值 - 输出的项目数量，如果开启分页，则此参数为分页大小值 parentId - 2 自定义值，支持数组 @RequestInt_Id 父栏目ID titleLength - 60 自定义值 - 项目标题长度,一个汉字占两个字节 hits - 0 自定义值 - 点击数大于等于指定值的项目 eliteLevel - 0 自定义值 - 推荐级大于等于指定值的项目 linkOpenType - 2 自定义值 - 内容链接的打开方式{栏目节点配置取代:2,新窗口:1,原窗口:0} 查询语句： view sourceprint?1.SELECT TOP @pagesize * FROM PE_Nodes N WHERE N.NodeID NOT IN (SELECT TOP @startrow [IN].NodeID FROM PE_Nodes [IN] WHERE [IN].ParentID = @parentId AND [IN].ShowOnList_Parent = 1 AND [IN].PurviewType != 3 ORDER BY [IN].OrderID) AND N.ParentID = @parentId AND N.ShowOnList_Parent = 1 AND N.PurviewType != 3 ORDER BY N.OrderID 统计语句： view sourceprint?1.SELECT COUNT ([IN].NodeID) FROM PE_Nodes [IN] WHERE [IN].ParentID = @parentId AND [IN].ShowOnList_Parent = 1 AND [IN].PurviewType != 3 分页语句： view sourceprint?1.还没有相关数据！ 转换模板内容： view sourceprint?01.<?xml version="1.0" encoding="utf-8"?> 02.<XSL:TRANSFORM exclude-result-prefixes="pe" xmlns:pe="labelproc" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> 03. <XSL:OUTPUT method="html" /> 04. <XSL:PARAM name="outputQty" /> 05. <XSL:PARAM name="parentId" /> 06. <XSL:PARAM name="titleLength" /> 07. <XSL:PARAM name="hits" /> 08. <XSL:PARAM name="eliteLevel" /> 09. <XSL:PARAM name="linkOpenType" /> 10. <XSL:TEMPLATE match="/"> 11. <XSL:FOR-EACH select="/NewDataSet/Table"> 12. <DIV class=c_spacing> 13. </DIV> 14. <DIV class=c_main_box sizcache="0" sizset="1"> 15. <DIV class=class_title> 16. <DIV class=more> 17. <A> 18. <XSL:ATTRIBUTE name="href"> 19. <XSL:VALUE-OF select="pe:GetNodePath('true',NodeID)" /> 20. </XSL:ATTRIBUTE>[更多]</A> 21. </DIV> 22. <A> 23. <XSL:ATTRIBUTE name="href"> 24. <XSL:VALUE-OF select="pe:GetNodePath('true',NodeID)" /> 25. </XSL:ATTRIBUTE> 26. <XSL:VALUE-OF select="pe:GetNode(NodeID,'name')" /> 27. </A> 28. </DIV> 29. <DIV class=class_content sizcache="0" sizset="1"> 30. <DIV class=p_class_list sizcache="0" sizset="1"> 31. <UL>{PE.DataSource id="InfoList<XSL:VALUE-OF select="NodeID" />" datasource="图片栏目循环列表信息" nodeArray="<XSL:VALUE-OF select="arrChildID" />" parentId="<XSL:VALUE-OF select="$parentId" />" outputQty="<XSL:VALUE-OF select="$outputQty" />" hits="<XSL:VALUE-OF select="$hits" />" eliteLevel="<XSL:VALUE-OF select="$eliteLevel" />" linkOpenType="<XSL:VALUE-OF select="$linkOpenType" />" xslt="true" /} 32.{PE.Repeat id="InfoList<XSL:VALUE-OF select="NodeID" />" loop="10"} 33.<LI> 34.{PE.field id="InfoList<XSL:VALUE-OF select="NodeID" />" fieldname="DefaultPicUrl" /} 35.<BR> 36.{PE.field id="InfoList<XSL:VALUE-OF select="NodeID" />" fieldname="InfoPath" /} 37. 38.{/PE.Repeat} 39.</LI></UL> 40. </DIV> 41. <DIV class=clearbox> 42. </DIV> 43. </DIV> 44. </DIV> 45. </XSL:FOR-EACH> 46. </XSL:TEMPLATE> 47.</XSL:TRANSFORM> 附加说明： - 注意事项： - 使用说明： - 更新日志： - 相关链接： -
CSS中border:0与border:none的区别
程麒阁的博客
07-19 365
面试题 请你谈一谈，CSS中border:0和border:none的区别 标准回答 首先我们从浏览器渲染和浏览器兼容两方面来谈 浏览器渲染 border:0 设置border宽度是0，但是浏览器还是会渲染border这个属性 border:none 不设置border属性，浏览器渲染时候，直接忽略边框属性 浏览器兼容 其实这个面试问题来源于，IE浏览器的兼容。早期的IE浏览器，是不支持border:none这个属性的，所以当时只能使用border:0来让边框隐藏掉，浏览器兼容时候写border:none的
Web前端学习笔记（七）～h、p、i、b、br、hr标签
海到无边天作岸 山登绝顶我为峰
07-16 6058
DEMO <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1&g
border标签用法
xiaoxingxingzai的博客
10-17 2676
border标签用法 1.例一 <style> div{ width: 0px; height: 0px; border: 50px solid black; /*后面的会覆盖前面的*/ border-top-color: black; border-right-color: yel...
简述css属性选择器的几种定义方式_CSS属性选择器的四种格式
weixin_39811150的博客
12-20 771
CSS属性选择器的四种格式互联网 发布时间：2008-10-17 19:26:55 作者：佚名 我要评论属性选择器(AttributeSelectors)，或许你不应该对属性选择器感到陌生，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值(value)而已。属性选择器的格式是元素后跟中括号，中括号内带属性，或者属性表达式(不知道描述是否正确，自创的属性选择器...
CSS十种选择器详解
这个人好有趣....hh
02-22 3350
优先级：ID 选择器 > 类选择器 > 标签选择器 > 通配符我们来介绍一下 CSS 中几种常用选择器的定义方式：通用选择器用星号*表示，它不匹配某个特定的 HTML 元素，而是匹配 HTML 文档中的每个元素。在开发中，我们通常使用通用选择器来清除 HTML 元素中默认的内外边距，如下所示： 2. 标签选择器 一个完整的 HTML 文档由各式各样的标签组成，而标签选择器可以通过具体的标签名称来匹配文档内所有同名的标签，如下所示： 3. ID 选择器 ID 选择器用来匹配 HTML 文档中具有指定 ID
JavaScript学习笔记——设置元素样式
403 Forbidden
09-08 397
style
CSS第一章：5.属性选择器
要思考，要努力
04-26 857
一、属性选择器（attribute selectors）1.属性选择器的几种形式：[属性名*=属性值]2.HTML代码：3.CSS代码：3.1 语法格式1：[属性名]· 功能：选中所有带 title标签 的 某类型元素 · 代码： · 运行结果： 3.2 语法格式2：[属性名=属性值] · 功能：选中所有带 title 标签且 title 标签值为 指定值 的 某类型元素 · 代码： · 运行结果： 3.3 语
HTML常用标签说明
10-01
HTML常用标签说明<br>比较好
HTML教程：html水平线段
01-21
这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。 有三个属性： size　水平线的宽度 width 水平线的长，用占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式，有LEFT RIGHT CENTER三种 ...
HTML-webpage:这是我使用HTML制作的第一个网页，涵盖了所有HTML基本知识
05-12
HR和BR标签 div标签 ID 班级 额外的实现-另外，我添加了一些其他实现： 1.将CSS添加到HTML-这可以通过3种方式完成： 内联样式（使用样式属性） 内部样式-通过在HTML文件的头部包含<style>标记 外部样式-...
前端css+html+布局笔记
09-14
注释中的内容不会在页面中显示，但是会在源码中显示，我们可以通过注释来说明网页的代码 也可以通过注释隐藏一些页面中不想显示的内容 实体 在HTML页面中一些特殊符号是不能直接使用，需要使用实体来代替这些特殊...
简述css属性选择器的几种定义方式_CSS 基础与选择器初识 | CSS
weixin_34378815的博客
12-28 3350
1.CSS加载方式有几种？2.@import有什么作用？如何使用？3. CSS 选择器常见的有几种？4. id 选择器和 class 选择器的使用场景分别是什么？5. @charset 有什么作用？6. 简述 src 和 href 的区别？7. 页面导入时，使用 link 和@import 有什么区别？8.在index.css和common.css中有如下内容，HTML里引入...
简述css属性选择器的几种定义方式_CSS简介,语法,选择器分类使用,属性设置
weixin_39673051的博客
12-20 1585
1.CSS简介CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)，主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。这里要说一下 w3c标准： h...
简述css属性选择器的几种定义方式_简述CSS属性选择器
weixin_39846361的博客
01-12 2470
在css中，属性选择器有很多种，比如ID选择器，类选择器等等。今天，小编将向广大初学者带来一篇属性选择器的简介，希望以一些简单的例子令大家更容易认识属性选择器。一.什么是属性选择器属性选择器就是指，利用html的属性标签作为选择器，其作用是对带有指定属性的HTML元素设置样式。属性选择器可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。温馨提示：如果使用的是IE浏览器，在I...
CSS3 - 属性选择器使用详解
ShenWangNian的博客
04-09 4150
（1）选择指定 class 属性值为“class”的任意类型的任意多个元素。选择匹配的 F 元素，且匹配的 F 元素被包含在匹配的 E 元素内。这里 F 不管是 E 元素的子元素或者是孙元素，都将被选中。其中 n 可以是整数（1，2，3）、关键字（even，odd）、可以是公式（2n+1）。（1）如果父元素下的子元素类型都是一样的，那么上面的 *type 和 *child 选择器使用起来效果是一样的。其中 n 同样可以是整数（1，2，3）、关键字（even，odd）、可以是公式（2n+1）。
CSS引入、选择器、优先级及权重
氧的博客
09-18 182
引入css的三种方式 <!-- 行间样式 --> <div style="width: 100px;height: 100px;background-color: #f40;"></div> <!-- 内嵌式css --> <style> div{ width: 200px; height: 200px; background-col
HTML的定义列表
Duke_Jiang的博客
09-16 5199
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>19-定义列表</title> </head> <body> <!-- 1.定义列表的作用: 1.1给一堆数据添加列表语义 1.2先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息 2.定义列表的格式: <dl&gt.
如何爬取html br标签之间的内容
最新发布
09-24
可以使用Python中的BeautifulSoup库来爬取HTML中的br标签之间的内容。具体步骤如下： 1. 使用requests库获取HTML页面的源代码。 2. 将源代码传入BeautifulSoup库中进行解析。 3. 使用find_all方法查找所有的br标签。 4. 遍历所有的br标签，使用next_sibling方法获取br标签之后的文本内容。 5. 将获取到的文本内容保存到文件或数据库中。 示例代码如下： ```python import requests from bs4 import BeautifulSoup # 获取HTML页面的源代码 url = 'http://example.com' response = requests.get(url) html = response.text # 解析HTML页面 soup = BeautifulSoup(html, 'html.parser') # 查找所有的br标签 br_tags = soup.find_all('br') # 遍历所有的br标签，获取br标签之后的文本内容 for br_tag in br_tags: content = br_tag.next_sibling.strip() print(content) # 将获取到的文本内容保存到文件或数据库中 ``` 注意：在使用next_sibling方法获取文本内容时，需要注意文本内容的格式，可能会包含空格、换行符等特殊字符，需要使用strip方法去除这些特殊字符。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值