序言知识点
简介：计算机——软件---系统软件：windows，linux
---应用软件：qq---C/S架构----软件
---B/S架构----浏览器---不安装
-----硬件：中央处理器CPU，存储器：内存、硬盘，输入设备：键盘、鼠标，输出设备：音箱、显示器
暂时性储存|持久化储存
读写速度快|容量比较大
作用：开发微信小程序，react客户端开发，echarts数据可视化
前端代码通过什么转换为网页：：：浏览器（渲染和解析）
浏览器：网页显示、运行的平台
常见的浏览器：ie浏览器
课程大纲：html超文本标记语言
ccs（2-3）天
js（编程语言）
jquer库（地位下降趋势，仍旧在用）
Bootstrap
前端高端只是：angular angularjs VUE react webpack node.js
网页的基础认知
什么是网页？
网站：因特网上根据一定规则，使用html等制作的用于展示特定内容的相关
网页：构成网站的基本元素 xianoupeng.com
网页都有啥--- 文字、图片、音频
网页的背后：前端程序员
课程正式：
<开始标签>标签体（neirong）</结束标签>
标签可以嵌套
<input/>---滚动
html的骨架：
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标题标签:h1-h6 独占一行，越来越小
段落标签：<p></p>
换行和水平线标签：
属性名=“属性值”
属性名与属性值相同，只写属性名
标签：
Div：无意义块级元素容器（内容划分元素）
标签笔记
01-骨架.html
<!DOCTYPE html>
<!--声明文档 html5 -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>我是最棒的</title>
</head>
<body>
我觉得从事地产的生命v但是v
</body>
</html>
02-快速生成+注释.html
<body>
<!-- 注释 :对代码进行解释 ctrl+/-->
<!-- 不要来，这里代码全是bug，得累死-->
坚实的基础看得出你是大家
</body>
03-标题标签
<body>
<!-- 标题标签 h1-h6逐渐变小 独占一行-->
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
</body>
04-段落标签
<body>
<!-- 段落标签 p 行与行之间空 -->
<p>戴尔·卡耐基被誉为美国“成人教育之父”，他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容，是作者最成功的励志经典。</p>
<p>此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言：“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
</p>《人性的弱点》"身带穷气，一看便知"：犯了这些事情，贵人之气会减少
</body>
05-换行标签、水平线标签.html
<body>
<h2>戴尔·卡耐基</h2>
<hr />
戴尔·卡耐基被誉为美国“成人教育之父”，他所著的《人性的弱点》汇集了其思想精华和最触动人思想的内容，是作者最成功的励志经典。<br />
此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如卡耐基所言：“一个人的成功,只有15%归结于他的专业知识。还有85%归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
《人性的弱点》"身带穷气，一看便知"：犯了这些事情，贵人之气会减少
</body>
06-文本格式化标签.html
<body>
<p>戴尔·卡耐基被誉为美国<strong>“成人教育之父”</strong>，他所著的<b>《人性的弱点》</b>汇集了其思想精华和最触动人思想的内容，是作者最成功的励志经典。</p>
<p>此书之所以永不过时,就在于卡耐基先生对人性的深刻认识,以及它为根除人性的弱点所开出的有效处方。正如<em>卡耐基</em>所言：“一个人的成功,只有15%归结于他的专业知识。还有<i
style="color: pink;">85%</i>归于他表达思想、领导他人及唤起他人热情的能力。”只要你不断反复研读,它必将助你获取成功所必备的那85%的能力。
</p>《人性的弱点》<ins>"身带穷气，一看便知"</ins>：<u>犯了这些事情，贵人之气会减少</u>
<del>2999</del> 9.9<br />
<s>11.0 </s> 11.0
</body>
07-无语义标签
<body>
<!--容器，独占一行 多用于布局-->
<div>
nkdscldscdscdcnkdcds
<img src="../images/dog.gif" alt="">
</div>
<div>
nkdscldscdscdcnkdcds
</div>
<div>
nkdscldscdscdcnkdcds
</div>
<!-- span一行可存在多个 -->
<span>a</span>
<span>a</span>
<span>a</span>
</body>
08-图片标签
<body>
<!-- src指向图片位置 alt:图片地址发生错误时，用来提示的字
title:鼠标经过时，显示的文字
border 边框
width：宽度
height：高度
-->
<img src="../images/dog.gif" alt="我是一只最好看的猫咪" title="我是一只狗" height="700px" border="20">
<img src="C:\Users\21195\Desktop\7-5\day1\images\dog.gif">
<img src="https://img1.baidu.com/it/u=3113560374,3342883877&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800" alt="">
</body>
09-视频
<body>
<!-- width="1800px" height="50px"
controls:控件
autoplay：自动播放
muted:静音播放
poster：等待加载时的显示图片
-->
<video src="./images/video.mp4" controls autoplay muted poster="./images/map.jpg"></video>
</body>
10-音频标签
<body>
<audio src="./images/music.mp3" controls muted autoplay loop></audio>
</body>
11-链接标签
<body>
<!-- 默认当前窗口打开 -->
<a href="http://www.xianoupeng.com/" target="_blank">去鸥鹏</a>
<a href="https://www.baidu.com" target="_blank">去百度</a>
<a href="./09-视频.html">去看小视频了</a>
<a href="https://www.baidu.com"><img src="./images/dog.gif"></a>
<a href="http://www.xianoupeng.com"><img src="./images/cat.gif"></a>
</body>
12-锚链接
…HTML <a> 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、电子邮件地址、同一页面内的位置或任何其他 URL 的超链接。 <a> 中的内容应该指明链接的目标。……链接不限于基于 HTTP 的 URL——它们可以使用浏览器支持的任何 URL 协议： 使用文档片段链接到页面的某一段 使用文本片段链接到某一段文字 使用媒体片段链接到某个媒体文件 使用 tel: URL 链接到一个电话号码 使用 mailto……锚点元素经常被滥用为假按钮，将其 href 设置为 # 或 javascript:void(0) 以防止页面刷新，然后监听其 click 事件。…
13-MP3
<body>
<audio src="./images/music.mp3" controls></audio>
</body>
14-MP4
<body>
<video src="./images/video.mp4" controls></video>
</body>
15-有序列表
<body>
<!-- 有序列表 ol li-->
喜欢的食物
<ol type="a">
<li>榴莲</li>
<li>臭豆腐</li>
<li>鲱鱼罐头</li>
<li>奶茶泡饭</li>
</ol>
</body>
16-无序列表
<body>
你喜欢的明星是？
<ul type="circle">
<li>丁真</li>
<li>法外狂徒张三</li>
<li>华晨宇</li>
<li>罗翔</li>
</ul>
</body>
17-自定义列表
<body>
<dl>
<dt>
你们喜欢的明星是？
<dd>
张三
</dd>
<dd>
里斯
</dd>
<dd>
张三
</dd>
</dt>
</dl>
</body>
18-iframe框架
<body>
这是我的主页面
<!-- <iframe src="https://www.taobao.com" width="900px" height="600px"></iframe> -->
<iframe src="https://www.baidu.com" width="900px" height="600px"></iframe>
<a href="https://www.taobao.com" target="nn">去淘宝</a>
<iframe name="nn" frameborder="0" width="800px" height="200px"></iframe>
</body>
19-特殊字符
<body>
<div>
<
>
<br />
我最喜欢的大明星是 法外狂徒张三
31°
</div>
</body>
2738
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
