前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

「转行测试开发-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 粗体: 可以使用strong 和 b, 一般使用strong居多(b是bold的开头字母) 代码示意:

<!DOCTYPE html>

<html lang = "en">

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

<body>

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

</body>

</html>



效果如图"

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

<!DOCTYPE html>

<html lang = "en">

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

<body>

<h>我是一个<strong>粗体展示</strong>的人</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>


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

先看效果:

代码如下:

<!DOCTYPE html>

<html lang = "en">

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

<body>

<br />

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

<br />

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

</body>

</html>


还是推荐使用<em>


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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言