首页 > 其他分享 >【转行测试开发-HTML】(四)---对标签功能的一个重要补充

【转行测试开发-HTML】(四)---对标签功能的一个重要补充

时间:2022-11-13 17:31:52浏览次数:53  
标签:斜体 展示 转行 --- HTML 文档 使用 粗体

之前写HTML基础知识时,不小心忽略掉了很多基础功能没有说,今天一并给大家补上。

  1.HTML编辑工具

     我现在使用的是sublime text, 如果未来会做前端开发,或者测试开发需要写HTML脚本,还是建议使用 vs code . 这个工具可以下载很多免费插件,对编程非常友好。初学者可以使用sublime text, 页面友好且好操作

  2.HTML模板里标签的功能

     2.1<!DOCTYPE html> : 文档类型声明,作用是告诉浏览器使用哪种HTML版本来显示网页。这句代码意思是 当前页面采取的是HTML5版本来显示网页。<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。<!DOCTYPE>不是一个HTML标签,二是一个文档类型声明标签。

      2.2 <html lang="en"> 用来定义当前文档显示的语言, en为English,如果是中文,为 zh-CN.  定义为en的文档也可以显示中文,定义为中文的文档也可以显示英文。该属性对浏览器和搜索引擎还是有作用的。告诉是中文网站还是英文网站。

     2.3 <meta charset = "UTF-8"> 非常重要的代码。字符集 chaeset是多个字符的集合,以便计算机能够识别和存储各种文字。charset常用的值有 GB2312(简体中文)、BIG5(繁体中文)、GBK(简体和繁体中文)、UTF-8等,其中UTF-8被称为万国码,几乎包含了全世界所有国家需要用到的字符。

  3.文本格式化

     3.1 粗体: 可以使用str 和 b, 一般使用str居多(b是bold的开头字母) 代码示意:

      

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<h>我是一个<str>粗体展示</str>的人</h>

</body>

</html>




效果如图"


也可以使用<b>,效果是一样的

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<h>我是一个<str>粗体展示</str>的人</h>

<br />

<h>我是另外一个<b>粗体展示</b>的人

</body>

</html>




  

     3.2 斜体: 可以使用<em>和<i>来进行斜体展示

     先使用<em>, 上效果图

     


代码如下:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<em>斜体展示</em>的人</h>

<br />

</body>

</html>


【转行测试开发-HTML】(四)---对标签功能的一个重要补充_编辑工具

然后使用<i>, 我们再看下

先看效果:

【转行测试开发-HTML】(四)---对标签功能的一个重要补充_测试开发_02

 

代码如下:

<!DOCTYPE html>

<html lang = "en">

<title>我是江湖最后的大佬</title>

<body>

<br />

<h>我是一个<em>斜体展示</em>的人</h>

<br />

<h>我是一个用i<i>斜体展示<i>的人

</body>

</html>


  

还是推荐使用<em>


好的,今天就先到这里吧,大家晚安



标签:斜体,展示,转行,---,HTML,文档,使用,粗体
From: https://blog.51cto.com/u_11894/5847887

相关文章

  • #yyds干货盘点# 前端歌谣的刷题之路-第一百六十六题-instanceOf
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了......
  • #yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.map
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了......
  • react-router-dom v6+antd+react18配置
    官网地址:react-router1.安装的版本,antd版本4.24.12.项目目录结构3.入口文件index.js配置,react18版本发生了一些变化,改为以下写法importReactfrom'react';import......
  • Angular--父子组件生命周期钩子(lifecycle hooks)执行过程
    1.angular组件生命周期钩子执行过程组件初始化过程中,生命周期钩子执行顺序:constructor()构造函数,初始化class,(constructor不属于Angular生命周期钩子的范畴,这里只是......
  • PC端网页特效-元素滚动scroll系列
    PC端网页特效-元素滚动scroll系列1.scroll元素系列属性scroll翻译过来就是滚动的,我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。scroll系列......
  • mysql-最常用SQL语句大全
    DDL(DataDefinitionLanguage)数据定义语言一、操作库 --创建库createdatabasedb1;--创建库是否存在,不存在则创建createdatabaseifnotexists/ɪɡˈzɪsts......
  • 进程间通信-信号-pipe-fifo
    进程间通信-信号-pipe-fifo一、fifo1testmf.c——创建一个fifo2producer/consumer生产者和消费者二、pipe1pipe.c获取参数,执行命令2pipedemo.c获取键盘输......
  • Chrom谷歌翻译替代-腾讯翻译-整页翻译-划词翻译
    GoogleChrome谷歌浏览器的谷歌翻译不能用了,个人觉得腾讯翻译是一个不错的替代品,最下面是翻译效果对比图 腾讯翻译下载页面https://transmart.qq.com/zh-CN/download......
  • springboot09(condition-自动配置02)
    一、在前面condition-01中存在许多问题,比如配置烦琐,查找固定死板等等二、这个condition-自动配置02,直接使用springboot给我们的配置来更好的使用condition三、拿proper......
  • 读者-写者(多线程)
    任务详情1描述操作系统中“读者-写者”问题,理解问题的本质,提交你理解或查找到的文本资料2利用多线程完成reader和writer3在main中测试若干个reader和writer的测试,......