前端
HTML
超文本标记语言，是一种标志性的语言，不是编程语言；使分散的网络资源连成一个逻辑整体；
标记：标签，用<>包裹的具有一定含义的内容；
展示在线的文档；超链接检索信息；获得远程服务，检索产品；电子表格、视频剪辑、声音剪辑等；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords"content=""> <!--设置一个网站的搜索关键字-->
<meta name="description" content=""> <!--网站的描述-->
<title>我的第一个网页</title>
<!--设置网站小图标-->
<link rel="shortcut icon" href="https://wwc.alicdn.com/avatar/getAvatar.do?userNic…&width=50&height=50&type=sns&_input_charset=UTF-8" type="image/x-icon">
<style> /*书写样式
</style>
<link rel="stylesheet" href="Html文档结构.html"> <!--用来引入外部文件的-->
</head>
<body>
<p>这是一个段落</p>
</body>
<script>
<!--放脚本代码-->
</script>>
</html>
！+Tab或html:5+Tab;快捷键
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--div 用来布局的，无具体含义，层的意思-->
<div>
abc
<div>hml</div>
</div>
<!--hx:标题；1级到6级，1级最大，会自动加粗，默认字号-->
<h1>购物网</h1>
<h2>具体详情</h2>
<h6>购物</h6>
<p>9月7日，国家广电总局在北京召开广播电视和网络视听文艺工作者座谈会。
会议以“爱党爱国、崇德尚艺”为主题，深入记关于文艺工作的重要论述，交流思想、凝聚力量，
进一步加强广播电视和网络视听文艺节目及人员管理，推动广播电视和网络视听文艺持续健康发展。中宣部副部长
，国家广电总局局长、党组议并讲话。会议。广电总局副局长、党组成员朱咏雷
、孟冬出席会议。</p> <!--P表示段落：相当于回车-->
<!--br:表示换行,单标签;hr:生成一条水平线，起装饰作用,单标签-->
<p>
会议指出，党的十八大以来为核心的党中央高度重视文艺工作和文艺队伍建设，<br/>
发表一系列重要论述，深刻阐述了文艺工作者的职责使命，对文艺工作者寄予殷切期学习领会习的重要论述，从自身做起，共同把从业生态呵护好、建设好，把广播电视和网络视听文艺发展好。
</p>
<hr/>
<hr width="40%" align="center" color="pink" height="2px"/>
<!--a：实现链接跳转-->
<a href="http://baidu.com" title="是百度啊">baidu </a><br/>
<a href="Html文档结构.html"> 点击跳转到文档 </a>
<!--a:实现超链接 ,后面可以跟target/_self/_parent/_top-->
<!--img:加载外部图片 src:设定加载路径 alt加载不成功就会显示后面的内容-->
<br/>
<img src=" https://img.alicdn.com/bao/uploaded/i4/T179SCFUJXXXXXXXXX_!!0-item_pic.jpg_400x400q90.jpg_.webp
" alt="客观，稍等一下" title="杯子">
<img src=" https://img.alicem_pic.jpg_400x400q90.jpg_.webp
" alt="客观，稍等一下"> <!--img；图像标签，单标签-->
<!--span:作用与div一样，用来布局，不会单独占一行-->
<span> span</span>
<!--ul:无序列表；ol:有序列表-->
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
<ol>
<li>li1</li>
<li>li2</