<!—前一天的笔记内容
1.注释的快捷键：ctrl+ / alt shift +a
作用：对代码进行解释说明的，在游览器里面不会显示
2.开启自动保存：点击左下角的管理，命令面板，auto save
设置字体大小：点击左下角的管理，设置，常用设置里面的font size
折行设置开启 word wrap
快捷键ctrl+z
3.前段总共分为几个层面
html结构层，标签结构基础结构（人）
css样式层，对标签结构的修饰（穿衣服）
js行为交互层，页面中的一系列动态交互效果都是js的行为交互（在讲课）
4.html和html 5
html 超文本标记语音 hyper（超级） text（文本） markup（标记） language（语言）
html 5 H5 超文本标记语言的第五个版本 目前来看现在都遵循
5.站点 ，项目文件的保存地址，就是项目的文件夹
里面存储的是当前项目或者是当天你缩写的所有的文件或者使用的文件等等
作用：用来文件分类，实现整合资源
6.站点命名规范
1）不要使用汉字
2）不要使用数字开头
3）能够使用字母数字下划线，配合使用，不要使用特殊符号；<>$%#
4）建议使用小写字母
5）做到见名知意 stop.html login.html index.html info.html
6）驼峰命名法 购物车 gouWuChe shopCar 多个单词组成的一个文件的名字，从第二个单词后面的每一个单词的首字母进行大写
7.标签的基本机构介绍
8.标签的语法分类
标签，标记，元素
1）单标记
<标签的名字 属性="属性值" 属性="属性值" /（没有也能识别） 单引号也可以>
2）双标记
<标签的名字 属性="属性值 属性="属性值">文本、图片</标签的名字>
9.常用的标签
百度新闻页面====文本，图片，下划线，颜色
1）文本的加粗
标签：b标签===双标签
标签：strong===双标签
2)倾斜标签
标签：i标签===双标签
标签：var标签===双标签
标签：em标签===双标签
3）下划线标签
标签：u标签===双标签
4）删除线标签
标签：s标签===双标签
5）角标标签
上角标 sup ===双标签
下角标 sub ===双标签
<!-- 1.标题标签 header1~header6 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- 2.段落标签 p 具有段落间距-->
<p>caocoaocao</p>
<p>okokokokokoko</p>
<p>ooooooooooooooooooooooooooooooo</p>
<p>shshsshhsshshssh</p>
<p>wakakaakakakaakakhssk</p>
<!-- 3.布局标签 最常用的标签 没有什么具体的含义 代表一个大块 -->
<!-- 在很久之前 html+css 也被称为 div+css 所以可见div在html之中的重要性 -->
<div>o</div>
<div>okokoko</div>
<div>wwwwwww</div>
<div>okokokokok</div>
<!-- 4.列表 -->
<!-- 列表分有序列表 无序列表 和 自定义列表 -->
<!-- 无序列表 unordered list -->
<ul type="none"> list
<li>list</li>
<li>okok</li>
<li>coco</li>
<li>wowowo</li>
</ul>
<!-- 扩展：有一部分标签是有自带技能的 -->
<!-- 无序列表ul 有一个自带属性 type 他的属性值有默认值disc实心圆
circle空心圆 square正方实体 none去除样式 （IE低版本不识别 实现不了 学css可以处理-->
<ul type="circle"> list
<li>list</li>
<li>okok</li>
<li>coco</li>
<li>wowowo</li>
</ul>
<!-- 有序列表 -->
<ol type="A">
<li>汤姆</li>
<li>舒克</li>
<li>贝塔</li>
<li>杰瑞</li>
</ol>
<!-- 有序列表 也自带一个技能 也就是说 ol也有一个属性 叫type
它的属性有 A，a，1（默认），I，i -->
<!-- 有序列表ol还有一个自带技能 也就是说还有一个属性 start 他的属性值是数字
从第几个开始就写数字几 -->
<!-- 自定义列表 definition list -->
<dl>
<dt>名词</dt>
<dd>对名词进行解释</dd>
</dl>
<dl>
<dt>duoduo</dt>
<dd>女</dd>
<dd>178</dd>
<dd>23</dd>
<dd>kk</dd>
</dl>
<!-- 以上讲解的标签 都是独占一行的 如果具象化的描述 他们都是大盒子 -->
<!-- 单标签 没有闭合标签 -->
<hr>
<hr>
<hr>
<!-- XHTML（2000）中标签的书写 相对而言 比较严格 单标签也是需要闭合的-->
<hr/>
<!-- <>里面的第一个单词叫 标签 也叫标记 也叫元素
一般情况CIA 标签都是成对出现的 例如<body></body>
分别叫开标签<body>和闭合标签</body>
别和标签<>里面先写一个"/"代表结束的意思
也有例外的 <meta>-->
</body>
</html>
<!-- 我们有一个常用的文本节点 <span></span> -->
<span>周二</span>
总结：
1）所有的标签都放在<>里面
2）属性与标签的名字之间有空格（注：双标签属性和属性值写在开始标记里面）
3）属性和属性值需要使用=连接
4）属性值都带引号
5）每一组属性和属性值都需要使用空格隔开
6）双标签必须带/代表的是结束
-->
<!DOCTYPE html>
<!-- 声明文档类型 html页面文件 -->
<html lang="en">
<!-- 超文本标记语言 -->
<head>
<!-- 网页的头部 -->
<!-- 网页的地址加搜索框 -->
<meta charset="UTF-8">
<!-- 定义字符的编码格式 -->
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>my first html</title>
<!-- 网页的标题 -->
<!-- -->
</head>
<body>
<!-- 网页的主体 -->
<!-- 感叹号 html：5 回车 -->
<!-- 所有展示给用户看的都要放在body里面 -->
</body>
</html>
905
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
