之前写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>
然后使用<i>, 我们再看下
先看效果:
代码如下:
<!DOCTYPE html>
<html lang = "en">
<title>我是江湖最后的大佬</title>
<body>
<br />
<h>我是一个<em>斜体展示</em>的人</h>
<br />
<h>我是一个用i<i>斜体展示<i>的人
</body>
</html>
还是推荐使用<em>
好的,今天就先到这里吧,大家晚安