HTML基础代码和部分排版标签

最新推荐文章于 2022-06-15 17:00:38 发布

Vincy.Zhang

最新推荐文章于 2022-06-15 17:00:38 发布

阅读量257

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_43041350/article/details/116482306

版权

13 篇文章 0 订阅

订阅专栏

<html lang="en">  
  en 定义语言为英语 zh-CN定义语言为中文
  代码由vscode自动生成，不需要直接重写

但对显示来说，定义en也可以显示中文，定义zh-CN也可以显示英文
lang属性还可以设定不同语言的css样式，或者字体

在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码

<meta charset="UTF-8"/>
UTF-8也被称为万国码，基本包含全世界所有国家需要用到的字符
  代码由vscode自动生成，不需要直接重写

<!DOCTYPE html>
告诉浏览器按照HTML5标准解析页面
位于文档最前面，处于<html>之前
不是HTML标签，就是文档类型声明标签
  代码由vscode自动生成，不需要直接重写

排版结构标签：
主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。

标题标签，段落标签，换行标签
标题标签h(h1~h6)，作为标题使用，依据数字重要性递减
h是单词head的缩写，意为头部，标题
加了标题文字会加粗变大，每个标题独占一行

段落标签，把文字分段显示，显示的文本在浏览器会根据窗口大小自动换行

<p>一个段落标签</p>

换行标签，让某段文本强制换行

<br />
只是简单地开启新一行，跟段落不一样，段落之间还会插入一些垂直间距

<div>文本内容</div>
<span>文本内容</span>

div大盒子，一行只能放一个，是division的缩写，表示分割分区

span小盒子，一行可以放多个，span意为跨度，跨距

关注

专栏目录