-
【HTML】DOCTYPE和lang及字符集
基本结构
在vscode中创建html文件，使用快捷键！+tab,如下代码
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Documenttitle>
- head>
- <body>
- body>
- html>
一、DOCTYPE和lang及字符集
DOCTYPE文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页
html>- 这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页.
- 注意：
声明位于文档中的最前面的位置，处于标签之前。不是一个 HTML 标签，它就是文档类型声明标签。
二、lang语言种类
用来定义当前文档显示的语言
- en 定义语言为英语
- zh-CN 定义语言为中文
<html lang="en">三、字符集
在
标签内，可以通过标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。- charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符
四、标签
3.1标题标签
- <body>
- <h1> 一级标题h1>
- <h2> 二级标题h2>
- <h3> 三级标题h3>
- <h4> 四级标题h4>
- <h5> 五级标题h5>
- <h6> 六级标题h6>
- ------秦晓
- body>
- 加了标题的文字会变的加粗，字号也会依次变大
- 一个标题独占一行
3.2.段落
段落标签
- 文本在一个段落这种会根据浏览器窗口的大小进行自动换行
- 段落和段落之间保有空隙
3.3换行标签
3.4文本格式化标签
3.5盒子标签
没有语义，用来布局的
:一行只能放一个大盒子
division缩写。独占一行
: 一行可以放多个小盒子
一行可以放多个
- <div>这是头部div>
- <span>今日价格span>
3.6图像标签
单标签
src是
图像标签的其他属性
属性 属性值 说明 src 图片路径 alt 文本 替换文本，图像不能显示，用文本替换 title 文本 提示文本，鼠标放在图像上，显示的文字 width 像素 给图像设置宽 height 像素 高 border 像素 图像边框粗细 
一般宽和高设置一个就好了,其余缩放
注意点
①图像标签可以多个属性，必须卸载标签名后面
②属性直接部分先后，标签名和属性、属性和属性直接均以空格分开
③属性采取键值对，key="value"
src属性必须要写
3.7路径
- 相对路径：以引用文件所在位置为参考基础，而简历的目录路径。/斜杠
简单来说，图片相对HTML页面的位置
相对路径分类 符号 说明 同一级路径 图像文件位于HTML文件同一级 
下一级路径 / 图像文件位于HTML文件下一级 
上一级路径 ../ 图像文件位于HTML文件同一级 
同级：图片和.html在同一文件中
下一级：html和图片所在的文件在同一级
上一级：图片和html所在的文件在同一级
- 绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。\反斜杠
如“D:\web\img\logo.jpg”或完整的网络地址“http://......”
3.8超链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像a>anchor缩写
属性 作用 href 用于指定链接目标的url地址，必须属性。当为标签应用的href属性时，它就具有了超链接的功能 target 用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式 -
相关阅读:
IDEA插件开发（24）--使用图标和图像
Rust 和 Go 哪个更好？
ETL工具-nifi干货系列 第十六讲 nifi Process Group实战教程，一文轻松搞定
wordpress网站搭建（centos stream 9）
10.Nginx负载均衡
根据文字生成图片插件
合理编写C++模块（.h、.cc）
【OpenCV-Python】教程：3-8 图像金字塔
Redis底层数据结构之quicklist
Java - 位运算的基本原理和用途
- 原文地址：https://blog.csdn.net/hhcharming/article/details/126245533