HTML⽂档类型声明标签（保姆级教程）⼀、⽂档类型声明标签
</DOCTYPE> 其作⽤就是告诉浏览器使⽤哪种HTML版本来 显⽰⽹页。
代码：</DOCTYPE html>的意思是采⽤HTML5版本来显⽰⽹页
需要注意的是：
1、<!DOCTYPE>声明位于⽂档中最前⾯的位置，处于<html>标签之前
2、<!DOCTYPE>不是HTML标签
⼆、lang语⾔种类
html的入门到精通
⽤来定义⽂档显⽰的⼒量
en --- 英语
zh-CN---中⽂
三、字符集
字符集（Character set）是多个字符的集合，以便计算机能够识别和存储⽂字
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML⽂档应该使⽤哪种字符编码
<meta charset ="UTF-8"/>
"UTF-8"也被称为万国码
四、HTML常⽤标签
4.1 标题标签
axios的作用
<h1> 我是⼀级标题</h1>
特点：
加了标题的⽂字会变粗，字号也会变⼤
⼀个标题独占⼀⾏
实例如下：
添加标题标签需要放在<body></body>中
“标题标签”字体变粗，变⼤
数学函数的基本公式
将六级标题标签都输⼊
标题各占据⼀⾏，字号依次减⼩，只要加标题字号都会变粗
4.2 段落标签和换⾏标签
<p>我是⼀个段落标签</p>
linux培训有哪些内容
显⽰效果（不同段落中间有很⼤的空）
如果想要换⾏，就需要使⽤换⾏标签</br>（效果不展⽰）
这⾥放上按照流程做的⽹页：
45的原码求解过程
get！
4.3 ⽂本化格式标签
在⽹页中，有时需要为⽂字设置粗体、斜体或者下划线效果，这时就需要⽤到HTML中的⽂本格式标签（突出重要性，⽐普通⽂字更重要）
语义标签说明
加粗<strong></strong>或<b></b>更推荐第⼀个
斜线<em></em>或<i></i>更推荐第⼀个
删除线<del></del>或<s></s>更推荐第⼀个
下划线<ins></ins>或<u></u>更推荐第⼀个
4.4 <div>和<span>标签
这两个标签是没有语义的，他们就是⼀个盒⼦，⽤来装内容的
<div>这个是头部</div>（⼀⾏只能放⼀个div）
⽐如: <div>童话书</div>1997
输出应该是
<span>今⽇价格</span>（可以让内容在⼀⾏上显⽰）
⽐如：<span>格林童话</span>
<span>安徒⽣童话</span>
<span>伊索寓⾔</span>
输出应该是：
4.5 图像标签和路径
如何在⽹页中插⼊图⽚?
在HTML中，<img>标签⽤于定义HTML页⾯中的图像
<img src="图像URL"/>
src是<img>标签的必须属性，它⽤于指定图像⽂件的路径和⽂件名
最好把图⽚放在⽹页所在的⽂件夹中
直接可以在⽹页中看到，图像略、
这⾥列出图像标签的基本属性
属性属性值说明
src图⽚路径必须属性
alt⽂本替换⽂本、图像不能显⽰的⽂字
title⽂本提⽰⽂本，⿏标放在图像上会显⽰⽂字
width像素设置图像宽度
height像素设置图像⾼度
border像素设置图像的边框粗细
html个人网页完整代码顺序
⾸先试⼀试alt属性，当图像显⽰不出来，输⼊<img src="image1.jpg" alt="童话"/>(此处image1图⽚不存在，故显⽰不出来)那再试⼀试title属性，输⼊<img src="image.jpg" title="童话"/>，这个效果⾃⼰试⼀试。
width、height、border属性测试，输⼊<img src="image.jpg" title="童话" width="300" height="100" border="15"/>图像标签注意的地⽅：
（1）图像标签必须写在标签名的后⾯
（2）属性之间不分先后顺序，标签名和属性，属性和属性之间必须以空格隔开
（3）格式 key="value"
4.6 图像标签和路径
路径可以分为：绝对路径和相对路径
1.相对路径
就是图⽚相对于HTML页⾯的位置
相对路径分类符号说明
同⼀级路径<img src="image.jpg"/>
下⼀级路径/<img src="images/baidu.gif"/>
上⼀级路径../<img src="../baidu.gif"/>
2.绝对路径
就是通俗意义上的路径：“D：\web\img\logo.gif”
(后序有时间再更新)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。