0
点赞
收藏
分享

微信扫一扫

【转行测试开发-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】(四)---对标签功能的一个重要补充_html_02

 

代码如下:

<!DOCTYPE html>

<html lang = "en">

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

<body>

<br />

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

<br />

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

</body>

</html>


  

还是推荐使用<em>


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



举报

相关推荐

0 条评论