我使用 html 反向输出自己打自己(7)

作者简介

作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息,迷茫的你会找到答案。

目录

HTML基础之bit哥的反客为主之道(9)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

赶紧3分钟学完15分钟的内容我要出去玩(8)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

我使用 html 反向输出自己打自己(7)——<a>超链接、<bdo>覆盖

我化身保姆为你提供 html 教学服务(6)——<b>加粗、<br>换行、<hr>分隔

我开始一直以为网页制作好难(5)——<h1></h1> 标题、<p></p> 段落、

你知道出现“乱码”的原因是什么吗?(4)——编码、<title></title> 网页标题、

一个基础的 HTML 文档有哪些标签?第一节(3)—— <!DOCTYPE html>说明、<head></head> 头部、<body></body> 主体、

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)—— vscode、快捷方式

保姆级的HTML零基础教程少见吧?这是第一节(1)——介绍、鸡汤

👸小媛:bit 哥我来了。

🐶1_bit:昨天不是去教过你来吗?怎么你今天又来了?

👸小媛:是嘛,昨天教的那一点不够打牙祭,希望 bit 哥多教一点。

dog:1_bit:emm,你是不是要缠着我不放来。

👸小媛:bit 哥,年龄是有距离的,所以你别自恋了我不会缠着你的。

dog:1_bit:那你还来?

👸小媛:这是对知识的渴望。

dog:1_bit:emm,行吧。

👸小媛:多谢 bit 哥。

dog:1_bit:那我们先讲一个超链接标签 <a></a> 标签吧。

👸小媛:什么是超链接?

dog:1_bit:emm,就是内容链接,可以跳转到一个资源或者说一个网址,懂了吧?

👸小媛:原来如此。

dog:1_bit:那我们先看看超链接标签<a></a> 吧。.

👸小媛:好的。

dog:1_bit:完成一个超链接的标签编写非常简单,首先我们需要在 <a></a> 之间指定显示的文本:

<a>这里跳转到我的博客</a>

👸小媛:接下来怎么设置跳转的目标呢?

dog:1_bit:我们只需要在这个 <a></a> 标签的起始标签 <a> 中指定一个 href 属性,这个时候就可以跳转到目标地址了。

<a href="https://blog.csdn.net/A757291228">超链接a标签指定href属性后就可以跳转到目标地址</a>

👸小媛:那个 href 后面双引号中就是跳转的地址吗?

dog:1_bit:是的,此时显示的时候将会是以下的呈现形式。


👸小媛:点击后就可以跳转到目标地址呢,明白了。

dog:1_bit:接下来我们再试试 <bdo></bdo> 标签。

👸小媛:这又是什么鬼,感觉英文逐渐变难。

dog:1_bit:哈哈哈,我们只需要记住他们的作用就可以了。

👸小媛:好像说的也是。

dog:1_bit: <bdo></bdo> 标签是反向输出的意思。

👸小媛:哈?自己打自己吗?

dog:1_bit:emm,其实就是一个文本按照你指定的方式去显示。

👸小媛:例如呢?

dog:1_bit:例如有一个文本是“小媛今早吃了糯米鸡泡饭”,我们想让这个文本在显示的时候第一个字变成最后一个字,然后反向从后面显示,这个时候就可以用到 <bdo></bdo>了。

👸小媛:唔,明白了。但是我声明一点,我没有吃糯米鸡泡饭,我都不知道这是啥。

dog:1_bit:好了,我们先看看示例吧。

<bdo dir="rtl">小媛今早吃了糯米鸡泡饭</bdo>

👸小媛:然后呢?

dog:1_bit:你运行看一遍。

👸小媛:反向输出了。


dog:1_bit:我们仔细看一下 <bdo></bdo>标签中的 dir 属性。dir 属性为 rtl 时就表示 right to left,意思是从右到左输出显示,如果 dir 属性为 ltr 意思就是 left to right,就是正常的从左到右显示。

👸小媛:明白了。

dog:1_bit:那我们把这个知识点做个笔记记录到那个 html 文件之中吧。

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSDN 博主 1_bit 的 HTML 知识汇总页面</title>
</head>
<body><h1>这是h1标签显示的示例</h1><h2>这是h2标签显示的示例</h2><h3>这是h3标签显示的示例</h3><h4>这是h4标签显示的示例</h4><h5>这是h5标签显示的示例</h5><h6>这是h6标签显示的示例</h6><hr><h1>p段落标签内容:</h1><p>这是使用短路 p 标签的示例,每个 p 元素都会重启一行进行显示,并且每一个 p 元素都会间隔较大,相同一个 p 元素内则会间隔较小,你可以理解成这是这个 p 元素段落的特性如此,也可以说是一个标志特性。</p><p>这是第二个 p 标签,你可以看到跟上面的内容之间间隔还是挺大。</p><hr><h1>b加粗标签内容:</h1><p>这是使用短路 p 标签的示例,<b>每个 p 元素都会重启一行进行显示,并且每一个 p 元素都会间隔较大</b>,相同一个 p 元素内则会间隔较小,你可以理解成这是这个 p 元素段落的特性如此,也可以说是一个标志特性。</p><hr><h1>br换行标签内容:</h1><p>这是使用短路 p 标签的示例,每个 p 元素都会重启一行进行显示,(这里后面使用换行标签)<br>并且每一个 p 元素都会间隔较大,相同一个 p 元素内则会间隔较小,你可以理解成这是这个 p 元素段落的特性如此,也可以说是一个标志特性。</p><hr><h1>a超链接标签内容:</h1><a href="https://blog.csdn.net/A757291228">超链接a标签指定href属性后就可以跳转到目标地址</a><hr><h1>bdo 标签内容:</h1><bdo dir="rtl">小媛今早吃了糯米鸡泡饭</bdo> —— 在属性 dir 中定义 rtl 意思就是从右到左进行输出,改成 ltr 意思则是从左到右输出<hr></body>
</html>


👸小媛:感谢bit哥,我知道你想说下次再见了。

dog:1_bit:是的,拜拜。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286848.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

甘肃省普通高等学校高职(专科)升本科考试英语科考试大纲(试行)

甘肃省普通高等学校高职&#xff08;专科&#xff09;升本科考试英语科考试大纲&#xff08;试行&#xff09; 一、考试目的 全面考核普通高等学校高职&#xff08;专科&#xff09;应届毕业生英语课程是否达到教学大纲所规定的目标&#xff08;领会式掌握3500单词&#xff0c…

256种编程语言大荟萃

本文是码农网原创翻译&#xff0c;转载请看清文末的转载要求&#xff0c;谢谢合作&#xff01; 双休日常常意味着很多休息时间。与其懒洋洋地坐在那里玩游戏&#xff0c;为何不学点新知识武装自己&#xff1f;本文中不会特定推荐哪种编程语言&#xff0c;但是会提供基于GitHub上…

java 获取系统当前时间

Calendar ca Calendar.getInstance(); int year ca.get(Calendar.YEAR);//获取年份 int monthca.get(Calendar.MONTH);//获取月份 int dayca.get(Calendar.DATE);//获取日 int minuteca.get(Calendar.MINUTE);//分 int hourca.get(Calendar.HOUR)…

Android之最简单的遍历某个目录下的所有文件(递归)

1、问题 遍历某个目录下的所有问题文件 2、代码实现 fun getRecoverTrashFile(path: String) {if (TextUtils.isEmpty(path))returntry {var file File(path)if (file null || !file.exists()) {return}var files file.listFiles()if (files null || files.size < 0) {…

Castle.DynamicProxy拦截器

在asp.net mvc或asp.net miniapi中&#xff0c;有过滤器&#xff0c;可以在请求前或后增加一层&#xff0c;达到验证&#xff0c;过滤等作用&#xff0c;如果在Service的方法前后加一层呢&#xff1f;这里介绍一下Castle.DynamicProxy的用法。首先引入Castle.Core实现代码相对轻…

甘肃省普通高等学校高职(专科)升本科考试计算机科考试大纲(试行)

甘肃省普通高等学校高职&#xff08;专科&#xff09;升本科考试计算机科考试大纲&#xff08;试行&#xff09; 一、考试目的及要求 全面考核普通高等学校高职&#xff08;专科&#xff09;应届毕业生计算机应用能力是否达到教学大纲所规定的要求。所有考生计算机基础知识必须…

Android选项切换条SHSegmentControl

&#xfeff;&#xfeff;Android选项切换条SHSegmentControl SHSegmentControl是github上一个开源的选项切换条&#xff0c;其样式如图所示&#xff1a; SHSegmentControl在github上的项目主页地址&#xff1a;https://github.com/7heaven/SHSegmentControl SHSegmentControl…

从零开始编写自己的C#框架(14)——T4模板在逻辑层中的应用(三)

原本关于T4模板原想分5个章节详细解说的&#xff0c;不过因为最近比较忙&#xff0c;也不想将整个系列时间拉得太长&#xff0c;所以就将它们整合在一块了&#xff0c;可能会有很多细节没有讲到&#xff0c;希望大家自己对着代码与模板去研究。 本章代码量会比较大&#xff0c;…

赶紧3分钟学完15分钟的内容我要出去玩(8)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

Android之获取到音视频的时长后按格式(00:00或者00:00:00)显示

1 需求 我们获取到了本地视频时长(秒为单位),然后需要按照如下格式显示 没有到小时的时长如下格式 00:00 有到小时的时长如下格式 00:00:00 2 代码实现 /*** 可以显示小时*/fun getDateStr(ms: Long): String? {val ss = 1val mi = ss * 60val hh = mi * 60val dd = …

Hello Playwright:(5)查找元素

操作浏览器归根到底就是和页面进行交互&#xff0c;那么必不可少的操作就是查找页面上的元素。因此我们需要熟练掌握Locator 定位器。在上一节我们讲过&#xff0c;可以使用Page.Locator(selector, options)方法创建定位器&#xff0c;而如何定位到元素则取决于selector 选择器…

RxSwift 之官方文档

RxSwift 官方文档结构 Introduction:SubjectsTransforming ObservablesFiltering ObservablesCombining ObservablesError Handing OperatorsObservable Utility OperatorsConditional and Boolean OperatorsMathematical and Aggregate OperatorsConnectable Observable Opera…

SQL一键备份用户数据库

大家都知道&#xff0c;Ms Sql 有自动备份的功能&#xff0c;但如果由于某种原因不能自动备份&#xff0c;或者我们想手动备份的话&#xff0c;就可以用下边的sql语句来执行备份。 --------------------代码开始------------- USE [master]------删除旧数据-------------------…

2019年甘肃省普通高等学校高职(专科)升本科考试招生工作实施办法

2019年甘肃省普通高等学校高职&#xff08;专科&#xff09;升本科考试招生工作实施办法 2019年甘肃省普通高等学校高职&#xff08;专科&#xff09;升本科考试招生工作实施办法 根据教育部有关规定及要求&#xff0c;结合我省实际&#xff0c;为确保普通高等学校高职&#x…

HTML基础之bit哥的反客为主之道(9)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

Atom编辑Markdown文件保存后行尾的空格自动消失的问题解决

Markdown文件的行尾增加两个空格表示一行结束需要换行。 但保存文件后&#xff0c;行尾的空格自动消失&#xff0c;导致不换行。 解决方法&#xff1a; 1、【Edit】->【Preferences】->【Packages】->【whitespace】->【Settings】->【Keep Markdown Line Brea…

将Abp移植进.NET MAUI项目

前言写在.NET MAUI官宣正式发布之际&#xff0c;热烈庆祝MAUI正式发布&#xff01;去年12月份做了MAUI混合开发框架的调研&#xff0c;想起来文章里给自己挖了个坑&#xff0c;要教大家如何把Abp移植进Maui项目。熟悉Abp的同学都知道&#xff0c;Abp 是一套强大的应用程序设计时…

Sql数据库批量清理日志

说明&#xff1a;SQL数据库日志经常过大&#xff0c;引起很多问题&#xff0c;网上很多清理日志的方法&#xff0c;但都比较麻烦&#xff0c;并且不能一次性清理所有数据库。如果有几十个数据库要清理&#xff0c;一个个手工来&#xff0c;想必非常麻烦。 以下代码清除 除了指定…

【BZOJ-2299】向量 裴蜀定理 + 最大公约数

2299: [HAOI2011]向量 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 1118 Solved: 488[Submit][Status][Discuss]Description 给你一对数a,b&#xff0c;你可以任意使用(a,b), (a,-b), (-a,b), (-a,-b), (b,a), (b,-a), (-b,a), (-b,-a)这些向量&#xff0c;问你能不能拼…

采用ArcGIS 10.6制作漂亮的点阵世界地图,完美!!!

如下图所示,怎样制作完美漂亮的点阵世界地图呢?今天我就教大家吧! 其实,制作过程相当简单,主要的思路是通过世界地图范围去创建渔网(标注点),再选择范围内的标注点,符号化即可,怎么样,很简单吧,下面我们一步一步来实现吧。 1. 加载世界地图 打开ArcGIS软件,加载软…