下面通过水平线分割段落文本来演示<hr/>标记的用法和属性

效果图如下:

废话少数,上代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>水平线标记的用法和属性</title>
</head>
<body>
<p>传智播客专业于Java、.NET、PHP、C\C++、网页设计、平面设计、UI设计。从菜鸟到职场达人的转变就在这里,你还等什么?
</p>
<hr/>
<p align="left">Java学院</p>
<hr color="red" align="left" size="5" width="600"/>
<p align="center">网页平面设计学院</p>
<hr color="#0066FF" align="right" size="2" width="50%" />
<p align="right">PHP学院</p>
</body>
</html>
重点:
属性名 含义 属性值
size 设置水平线的粗细 以像素为单位,默认为2像素
width 设置水平线的宽度 可以是确定的像素值或是浏览器窗口的百分比,默认为100%
align 设置水平线的对齐方式 可选择left、right、center三种值,默认为center,居中对齐
color 设置水平线的颜色 可用颜色名称、十六进制#RGB、rgb(r,g,b)

声明:“来自于网络,如果侵犯著作权,请联系删除”

水平线标记的用法和属性相关推荐

  1. php中li标签,HTML li标签是干嘛的?HTML li标签用法和属性的介绍

    HTML li标签是干嘛的?HTML li标签用法和属性的介绍都在这里,这篇文章给大家讲述的是HTML li标签的定义及属性介绍,还有html li标签如何去掉无序列表中的默认小点样式. HTML l ...

  2. Web前端开发 列表标签相关用法和属性

    一.有序列表 <ol></ol>  有序列表 需要与<li></li>标签连用,<li>标签为数据标签,有序列表中li标签会按照顺序进行排列 ...

  3. ITK:获取图像中标记区域的几何属性

    ITK:获取图像中标记区域的几何属性 内容提要 输出结果 C++实现代码 内容提要 获取图像中标记区域的几何属性 输出结果 Image (0x7fd274c5f3c0) RTTI typeinfo: ...

  4. ITK:获取图像中标记区域的统计属性

    ITK:获取图像中标记区域的统计属性 内容提要 输出结果 C++实现代码 内容提要 输出结果 Number of labels: 2 min: 255 max: 255 median: 0 mean: ...

  5. php转换图片属性a,PHP 提取图片img标记中的任意属性

    /* PHP正则提取图片img标记中的任意属性 */ $str = ' PHP正则提取或更改图片img标记中的任意属性'; //1.取整个图片代码 preg_match('/]*?src\s*=\s* ...

  6. xml的标记、元素和属性

    xml的标记.元素和属性 引用自IBM Developer Works入门教程 有三个通用术语用来描述 XML 文档的组成部分:标记.元素和属性.下面的样本文档说明了这些术语: <address ...

  7. 任何的html标记都拥有style属性,【判断题】在CSS中,任何的HTML标记都拥有style属性。...

    [判断题]在CSS中,任何的HTML标记都拥有style属性. 更多相关问题 明代以后,皇帝身边的内朝官的名称是(). 明代前期,官方比较推崇哪一画派?(). 明代家具的风格特点概括起来有( ). 明 ...

  8. php 读取图片的属性,PHP 提取图片img标记中的任意属性的简单实例

    /* PHP正则提取图片img标记中的任意属性 */ $str = ' PHP正则提取或更改图片img标记中的任意属性'; //1.取整个图片代码 preg_match('/]*?src\s*=\s* ...

  9. 图像标记img的title属性

    有没有一种属性可以让鼠标移动到图像上时,会出现提示文本呢? 必然有!他就是title属性,可用于设置鼠标悬停时图像的提示文字. 上效果图: 废话少说,上代码: <!DOCTYPE html> ...

  10. Web前端开发 table标签相关用法和属性

    table标签 html中的<table>标签,通常用于对页面布局的规划. 一.<table>标签简介 table标签用于在网页中建立表格布局,其子标签有<tr>& ...

最新文章

  1. 【Python】csv、excel、pkl、txt、dict
  2. 我们应该使用什么指标来描述数据中心及其效率?
  3. R语言:ts() 时间序列的建立
  4. arm linux文件传输工具
  5. python 列表嵌套字典 添加修改删除_【Python】列表嵌套字典修改字典里面的一个值却把全部的值都修改了。...
  6. [Cordova]JS和Native交互实现关键代码(iOS)
  7. latex在overleaf可以成功编译运行,没有错误,但是上传到springer期刊的时候总是出现错误?
  8. 收藏 | 卷积神经网络中10大拍案叫绝的操作!
  9. Android P 开发者预览版
  10. 使用Eclipse调试Android Native Application---cocos2d-x + Eclipse + Android + ndk
  11. 发布阿里云OSS for phpcmsV9整合教程
  12. 自己经常测试,不要等别人发现系统死了
  13. 星舆科技北斗高精度定位网启动北斗三号服务
  14. 应付职称评定的论文-《七星彩神经网络预测系统》原型开发构想
  15. python作业代做_CSC1001作业代做、代写Programming Methodology作业、代做Python实验作业、Python程序设计作业调试...
  16. 从文本生成场景图(1)——SPICE:Semantic Propositional Image Caption Evaluation
  17. ORB特征和FAST关键点 笔记
  18. 【论文泛读85】基于上下文的句子相似度
  19. 仿微信朋友圈,文字展开全文,全文收起功能
  20. PhotoShop安装问题160

热门文章

  1. SMART 原则以及实际案例
  2. 【CPU微架构】分支预测(二)常用分支预测算法
  3. 云计算这场马拉松,AI或是决定格局的野蛮人
  4. js调用网页打印接口
  5. 【一起学系列】之策略模式:好多鸭子啊
  6. 【美】纳西姆·尼古拉斯·塔勒布 - 随机生存的智慧(2013年7月16日)
  7. Linux misc设备(二)蜂鸣器驱动
  8. linux 命令系列之 history(41)
  9. python中pass语句的出现是为了保持程序结构的完整性_Python 为什么要有 pass 语句?...
  10. jQuery-WEUI的Uploader实现上传多张图片并且限制上传数量的方法