html basic structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
comment format
<!-- --!>
Label
标题标签，逐渐变小，独占一行
<h1></h1>
.....
<h6></h6>
段落标签<p></p>
换行标签<br>
水平线标签<hr>
变粗<strong></strong>
变粗<b></b>
变斜<i></i>
删除线<del></del>
下划线<ins></ins>
<!-- div——容器，独占一行 多用于布局-->
无语义标签<div></div>
<!-- span——一行可存在多个 -->
无语义标签<span></span>
<!-- 图片标签img
src:指向图片位置
alt:图片地址发生错误时用来提示
title:标交互时显示图片描述
width/height:更改图片大小
border:边框大小
-->
<img src="../美图/8.jpg" alt="" title="" width="500px" height="" border="5">
<!-- 视频标签video
controls：控件
autoplay：自动播放
muted：静音播放
poster：等待时的加载页面 -->
<video src="" ></video>
<!-- 音频标签audio -->
<audio></audio>
<!-- 连接标签
href：跳转的位置
target：打开方式 默认_self 新窗口_blank-->
<a href="https://www.baidu.com" target="_blank">baidu</a>
<!-- 锚链接 -->
<a href="#one">个人简历</a>
<!-- id——身份证号 -->
<div id="one">个人简历</div>
<!-- 有序列表 ol li -->
喜欢的食物
<ol type="">
<li>榴莲</li>
<li>苹果</li>
<li>桃子</li>
</ol>
<!-- 无序列表 ul li -->
请选择你的英雄
<ul type="">
<li>丁真</li>
<li>蔡徐坤</li>
</ul>
<!-- 自定义列表 -->
<dl>
<dt>
我tm吃吃吃
<dd>张三</dd>
<dd>李四</dd>
</dt>
</dl>
<!-- iframe框架 复制别人的框架-->
<iframe src="https://www.taobao.com" width="900px" height="600px"></iframe>