整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

第4天 - 16天搞定前端,html文本格式,奇葩说

第4天 - 16天搞定前端,html文本格式,奇葩说?

本正经久了,我们都差点忘记自己也曾经是一只小鬼,HTML一本正经多了,我们就会忘记该看哪些内容,才是重点的。标注HTML文本内容的重点之处,可用颜色,也可用文本格式标签。

HTML专用于文本格式的标签有用于加粗的<b>,有用于倾斜的<i>,还有用于划线的<u>等等。

4.1 重点的强调

强调文本的标签,没有特别的属性,放大文本用<big>,缩小则用<small>标签。加粗用<strong>或<b>,倾斜用<em>或<i>标签。

其中strong和em是web标准中xhtml的标签,strong和em的意思是“强调”;b是html的,b的意思是bold(粗体),i是html的,i的意思是Italic(斜体)。

对于搜索引擎来说<strong>和<em>比<b>和<i>要重视的多。为了符合现在W3C的标准,还是推荐使用strong和em标签。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第4个HTML-文本格式</title>
</head>
<body>
老陈说编程,建议你从<strong>基础</strong>学起<br/>
有了<b>基础</b>,学起来才能轻轻松松,否则就出出现<br/>
<em>头重脚轻</em>,有了<i>头重脚轻</i>的毛病,就容易放弃。<br/>
为了让你有所体悟,我特意加大<big>基础</big>二字,<br/>
缩小了<small>头重脚轻</small>四个字。
</body>
</html>

输出结果

4.2 画出个道来

在写一篇文章时,难免会对其内容进行修修改改,有时会删除线删掉一部分不要的内容,有时会都重点内容画下划线,在HTML文件中,删除线用<s>,下划线用<u>标签。还有一种删除线和下划线的效果,是用<del>和<ins>标签。

如果要说<s>和<del>,<u>和<ins>的区别的话,那就是<s>和<u>常常是单独出现的单身狗,而<del>和<ins>则是经常成双成对出现的,是好基友。

如果你是一个爱<u>琴</u>之人,你就不会随意掐断<s>琴弦</s>(改为:情弦)。<br/>
若情弦一断,人便失去了牵绊,便会活得<del>好</del><ins>更加</ins>洒脱。

输出结果

4.3 上标和下标

在偏向角单位,如℃时,如平方时,就要用上标实现;在偏向右下角,如底数时,就要用到下标来实现。html用<sup>和<sub>标签实现上标和下标效果。它们也没什么特别的属性需要讲解的。

你若要问爱情的温度是多少℃?<br/>
我会告诉你,开心时是39<sup>℃</sup>,不开心是零下1<sup>℃</sup>。<br/>
如果你想问我是什么道理,我就会告诉你:<br/>
这个跟计算log<sub>2</sub>90°是一样的。

输出结果


好了,有关html文本格式的内容,老陈讲完了,如果觉得对你有所帮助,希望老铁能转发点赞,让更多的人看到这篇文章。你的转发和点赞,就是对老陈继续创作和分享最大的鼓励。

一个当了10年技术总监的老家伙,分享多年的编程经验。想学编程的朋友,可关注:老陈说编程。分享Python,前端(小程序)、App和嵌入式方面的干货。关注我,没错的。

#前端##HTML5##CSS##程序员##奇葩说#

arkdown是一种轻量级标记语言,在2004年由约翰·格鲁伯(英语:John Gruber)创建。markdown编写的文档可以导出为多种格式,如:html,word,图片,pdf,Epub等,后缀为 .md 或者 .markdown。


markdown被许多网站用来编写帮助文档或者用于论坛上发布消息,如:java项目的readme.md,GitHub,简书,reddit,Diaspora,Stack Exchange,OpenStreetMap ,SourceForge等。


markdown可以用 Typora 编辑器来编辑,支持Windows、Linux、OSX等系统,Typora官网地址:https://typora.io/ 。


标题


可以使用两种方法表示标题,推荐使用第二种

第一种使用两个=或 - 分别表示一级标题和二级标题


第二种,使用 # 表示标题,一个 # 表示一级标题,两个 # 表示二级标题,总共可以表示六级标题。需要注意的是 # 后面要加一个空格


段落


段落没什么特殊格式,直接编写就可以了。需要注意的是如果想要切换段落有点特殊,需要多敲一个空行或者在前一段落后面敲两个空格在回车


字体样式


使用一对 * 或 _ 表示斜体,使用两对表示粗体,使用三对表示粗斜体。

使用三个或三个以上的 * 或 _ 表示分割线

使用两对 ~ 表示删除线

使用html标签 <u> 表示下划线


脚注


脚注类似于变量解释,是对文档中的某段内容进行解释,一般解释会放到文档末尾,语法为 [^key]


列表


用 * 或 + 或 - 加上空格表示无序列表,效果都一样。嵌套的列表需要在前面加上4个空格

用数字加上点加上空格表示有序列表。嵌套列表需要在前面加上4个空格


区块


区块使用 > 表示,如果嵌套就用多个 > 表示


代码块


代码块分为单行代码块和多行代码块,其中多行代码块有几种书写方式,请根据情况自行选择

使用一对 ` 可以表示一行代码

使用三对 ` 可以表示一段代码

使用三对 ` 加上语言类型,可以在编写代码块时指定代码的语言类型

使用四个空格或制表符也可以开始一段代码块的编写,推荐用法


链接


可以使用三种方式表示链接,请分情况使用。推荐使用第一种

第一种,[名称](地址)

第二种,<地址> ,这种方式要求地址为 http:// 或 https:// 开头

第三种,[名称](key),在文末对key进行解释说明


图片


可以使用三种方式表示图片,请分情况使用。推荐使用第一种

第一种,使用 <img>标签,语法和html相同。如果你的图片需要设置宽和高,请使用这种方式


第二种,![alt](地址 "title"),其中title是可选参数,鼠标滑过图片时会显示该参数。图片找不到时会显示alt参数


第三种,![alt][key],在文末对key进行说明。


表格


使用 | 表示不同的单元格

使用 - 分割表头和其他行,分割时可以指定对其方式。:---表示左对齐,---:表示右对齐,:---:表示居中对齐


高级技巧


markdown支持html标签,支持的标签有:<kbd> <b> <i> <em> <sup> <sub> <br>等

markdown可以使用反斜杠转义字符



-- 赫连小伍原创,转载请注明出处,微信公众号同名

这篇文章中,我将分享21个HTML技巧,包括代码片段,可以提升你的编码技能。

让我们立即开始吧。

(本文视频讲解:java567.com)