前端

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</li>
    <li
版权声明：本文为LiangQiong原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/LiangQiong/p/15245019.html