由于,HTML的部分实在是太多了,第一部分,还没学一半,就已经抄了1w字。而且可能,真正用上的也比较少,更何况,一直坚持,一个不落的学下去,也存在一点注意力分散的困难,所以,需要
改进方法:先看,先理解。然后用自己的语言编写。先把一整个章节的知识点看完,然后再去总结每一小个知识点的代码应该怎么写。没写出来的,就是我们需要重点关注的。
网页列表
第一个:无序列表标签
<ul> <li> </> </>
它的属性是:list - style - type
它的值有四个:disc(就是一个黑点)、circle(圆圈)、square(正方形)、none(无)。
第二个:有序列表标签
<ol> <li> </> </>
它的属性是:type。值如下:
第三个:其它标签。<dl> 、<dt>、 <dd>
举例应用:使用css样式的,创建导航菜单:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
li a:hover {
background-color: #111111;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
HTML 块和内联元素
块元素的标签:<div>、内联元素的标签:<span> 。
当然是不止这两个。块元素的标签有一个很大的特点,它会出现在新行。(差不多它会占用整个一块的区域)。内联元素的特点是,它一般嵌套在块元素里面。
有着块元素 特点的标签元素:
有着内联元素 特点的标签元素:
它们的用法,和前面使用li、ol、ul的元素的style样式是一样的。
网页类属性:class
网页类,它是一种类名,区分大小写。
用法: