鄙人的学习笔记。
段落标签 <p>
<p>
段落标签语法
<p> 包裹段落的内容 </p> 备注：p标签之间不会相互共用一行。会独占一行或者多行的空间。
举个例子
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小黄之家</title>
</head>
<body>
<h2>
兔子养育小百科
</h2>
<p>
兔是一种胆小的动物，突然喧闹声、生人和陌生动物，如猫狗等都会使它惊慌失措。在饲养管理中，应尽量避免引起兔子惊慌的声响，同时要禁止陌生人和猫狗等进入兔舍。家兔的听觉锐敏，嗅觉敏感，但它胆小怕惊而善跑。
</p>
<p>
兔子喜食草。一般家庭饲养的兔子要注意食物的提供，因为幼兔没有饱感。蔬菜本来是不建议给幼兔吃的，容易得肠炎，成年后才可以适当提供。兔子分幼兔和成兔。都是早晚喂食，每天2次。如遇到换品牌粮食的情况，需要过渡，不可直接更换，导致兔子不适应，出现不适。幼兔是1～6个月的兔子，成兔是6个月以上的兔子
</p>
<p>
咕咕叫代表兔子很不满意，生气，通常是对主人的行为或对另一只兔子的行为感到不满。比如兔子不喜欢人家去抱它碰它，它就会发出咕咕叫。如果你不再停止那行为，就可能会被咬。
</p>
</body>
</html> 页面：
文档与外部资源关系标签 <link>
<link>
-
作用1：DNS预先解析
可以有效提高后续访问网址的效率
例子：
<link rel="dns-prefetch" href="http://mimg.127.net"> -
作用2：网站icon图标
添加网站icon图标
例子：
<link rel="icon" type="image/png" href="https://fanyi-cdn.cdn.bcebos.com/static/translation/img/favicon/favicon-32x32_ca689c3.png" sizes="32x32"> - 作用3：css样式
图片标签 <img>
<img>
- 格式
<img src="A" alt="B" title="C">
<!--
A:图片的地址
B:如果图片不显示的时候则显示alt属性里的文本
C:为对图片的描述。当我们鼠标移到图片上时，会显示title里的内容。搜索引擎会着重解析这个属性。
--> 备注：页面中的所有地址，都要写成相对路径。
举个例子
代码：
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="https://fanyi-cdn.cdn.bcebos.com/static/translation/img/favicon/favicon-32x32_ca689c3.png" sizes="32x32">
<!-- 注释：不会影响页面展示，给开发人员看的提示 -->
<title>小黄之家~</title>
</head>
<body>
<!-- 在网站中看到的所有东西都是在body标签中 -->
<!-- end：让光标 快速定位到结尾
home: 让光标 快速定位到行首 -->
<!-- 快速注释的 快捷键 ctrl+ / -->
<h1>
小黄之家
<!-- ctrl+ shift + d快速的 复制一行代码 -->
小黄之家
</h1>
<p>
居于二楼阳光房，地段最好的位置
</p>
<img src="Huang/IMG1.jpg" alt="小黄的照片" title="我美么" height="200" width="200">
<!-- 我们以后在页面中的所有地址都要写相对路径 -->
</body>
</html> 生成页面：
图片格式
jpg
色彩还原高，适合复杂颜色图片，比如banner
#--------------------------------------------------
gif
色彩效果最低，支持透明，支持动画，适合颜色比较少，不适合渐变色。
#---------------------------------------------------
png
PNG的优点是，清晰，无损压缩，压缩比率很高，可渐变透明，具备几乎所有GIF的优点；
缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大。
PNG有着另一个优点，那就是逐次逼近显示：传输图像文件的同时，可以先把整个轮廓显示出来，然后逐步显示图像的细节。
即先显示低分辨率显示图像，从模糊到清晰，然后逐步提高它的分辨率。
这是一个很好的用户体验。
#----------------------------------------------------
总结：gif和png基本差不多，色彩比较少的直接gif，如果图片动画用gif。对色彩要求高的用jpg。 水平线标签 <hr>
<hr>
hr标签是单标签，不需要闭合标签。它会在页面中插入一条水平线。
举个例子
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小黄之家</title>
</head>
<body>
<h1>小黄之家</h1>
<h2>被迫吃提草</h2>
<hr>
<p>铲屎官是坏蛋</p>
</body>
</html> 页面：
换号标签 <br>
<br>
br标签可以强制段落进行换行,不受空格和换行合并的影响.br标签也是一个单标签,不需要闭合标签。
举个例子
代码：