一.嵌套关系
前面简单介绍了一种错误的嵌套方式：
这种戴套都戴不对的行为，各位得十分注意哦，不然以后是要被嫌弃的。
HTML其实是有一套默认的嵌套关系的如图所示：
ul标签为最大的那个套套(加长max版)，li为ul的组成部分,(ul是无序标签，li是它的组成部分，一般配套使用最佳,下面会具体介绍的) div很明显就是普通款了，一般来说span就是大香蕉了。(当然这个套套明显是保鲜膜哦，不要多想哦)。 （ul——li——div——span）
我们写HTML一般是按照图中的关系来进行嵌套的，(但是你如果想对换也是可以的,但是不推荐,除非某些特殊情况)。
二.图像标签，音频标签
我们利用标题标签(h1~h6)与段落标(p)写出了文字。但是很多小网页看的到大量的图片与视频，于是我们也想弄一下图片与视频怎么办?
于是我们用到了图像标签与音频标签(<img> 与 <video>) 。
注：他俩都有一个特点:都是单标签,都是大渣男，提起裤子就跑人的那种，所以没有</img>与</video>，且通常是嵌入(插入)在其他标签中。
<body>
<-- img嵌入div中 -->
<div><img scr=""></div>
<-- audio嵌入div中 -->
<div><audio scr=""></div>
</body>scr是啥呢？为啥放在img和audio的里面？ scr是引路牌,指引拿出来这个图片的路径(地址) src=“(放图片和视频的地址)”,就比如你的女神照片，男神照片，以及小视频你放在了电脑里面的某个文件里面，你想把它展示出来，就用这个scr=“里面是这个图片(小视频)的地址”。 这个路径地址有很多小知识下面点会介绍的。 这个scr就是一种属性(一个人的特点),你之所以喜欢你的女神，男神肯定是她/他的某些属性吸引了你！(大多数肯定是见色起意：喜欢她/他漂亮的脸蛋了！)
图片标签(<img>)与视频标签(<audio>)有这样的属性
img（图片的属性）
audio（视频的属性）
三.属性
属性万物皆有，例如人的属性：有姓名，能直立行走。例如空气：无色透明，没有体积。这是都是属性。 对于HTML来说择取需要的属性就行：例如字体的属性：字体的大小，字体的粗细，字体的颜色，字体的行高
例如盒子的属性：宽度，高度，背景颜色。代码如下：
<style>
div{
/* 字体大小 */
font-size: 15px;
/* 字体粗细 */
font-weight: 900;
/* 字体颜色：白色 */
color: white;
/* 图片宽度 */
width: 100px;
/* 图片高度 */
height:100px;
}
</style>知道你要问什么,憋问就快出来了：<style>为样式，专门放标签属性的地方。font-size:15px 描述为字体大小为15像素(像素是图像的基本采样单位，它不是一个具体的，HTML中像素是Web开发中常用的单位，用于衡量屏幕上的距离、尺寸和位置)。所以div的属性描述出来后(在你脑海中的男神/女神你把他/她说出来了，画出来了)，别人就知道了这个div中写的人要表达的东西（男神/女神的外貌样子能大概知道了）
注:style放在<head></head>头部里面，他/她的样子肯定是由你的脑子里引出来的.
所以属性是非常重要的，你想描述一个人或东西肯定是说出他的特点(属性)，你的心仪之人有多美（多帅）肯定是用长篇大论的属性去描述他/她，别人才能感受到他/她的帅（美）。
之前说过属性可以放在标签里面，现在又详细了解了属性也可以放在style里面(还有一种css引用，专门用于存放你男神，女神的样子的在哪里你能具体描述出他/她的外貌,以后会讲解到)不推荐使用直接放在标签里，因为后期我们写标签会非常的多与杂，而标签的属性会非常多，直接放在标签身体里会导致你后期想要修改会非常难以寻找，例如
<div style="width: 75%;margin: auto;text-indent:50px;font-size: 16;">如果没有能够解决研究问题的软件，以及知道如何编写并使用软件的研究人员，一台计算机无论再强大，也是毫无用处的。如今的科学研究从根本上已经与计算机软件联系在一起，后者已经渗透到研究工作的各个方面。近日，《自然》(Nature)杂志将目光投向了幕后，着眼于过去几十年来改变科学研究的关键计算机代码，并列出了其中10个关键的计算机项目。</div>注：标签里放属性一般也需要引用style
如果要写的东西少所以我们推荐放在，<head></head>里面中的，<style></style>里面（style需要自己写）例如
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0px;
padding: 0;
}
.box{
width: 380px;
border: 1px solid #EEE;
padding: 20px;
margin: 10px auto;
}
.box h1{
text-align: center;
margin-top: 10px;
border-bottom: 1px solid #EEE;
padding-bottom: 5px;
}
.box ul{
list-style: none;
line-height: 40px;
}
.box ul li{
padding-left: 20px;
border-bottom: 1px #CCC dashed;
}
.box ul li a{
text-decoration: none;
color: #666;
}
</style>这样就非常的美观，方便修改。但实际写HTML需要写非常多的标签，会使页面非常的长，所以这时候就会使用到css，用以解决问题。css是专门存放样式属性的，里面绝大部分只会有标签的属性与属性名。上面图片里的.box即为类名（class）。类名是用以描述你需要描述属性的引用，使用类名后，即可知道你描述的属性是谁。例如你要描述你的男神/女神,你就就可以通过css写出它/她的外貌体型身材等，让别人了解到你的男神女神了！
CSS的后缀为css，最后新建一个css名字的文件专门放css。css是一个独立的文件！
.box是给标签的类名方便你添加各种属性样式的，描述你男神/女神肯定要说她的名字，css与放在<head></head>中的<style></style>一样需要个具体点的名字/外号让大家知道是谁：所以标签里你需要给它取个类名。
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box" id="box"></div>类名：class=""放在标签中，类名是一个类，所以多个标签可以取相同的类名，学过java的都知道，一个类是有多个属性，就例如人的共同属性就有四肢，有五官，所以张三，李四，王五都可以是person（人）。而id就只有一个，就例如你的身份证号码就只有你有，能识别是你，所以id就只有一个。所以一个html不能写俩个id，你的身份证号码别人要是也有，顺便借款20w，你还债，别人用，肯定是要乱套的。
本次小结完成~~
1669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
