作者/整理:admin 来源:互联网 2017-03-02
一:复习上一节课的内容
<html>
<head>
<title>家户通介绍</title>
</head>
<body>
<p>家户通是一个计算机培训网络公司,主要是针对失业人员和有志于计算机工作的学员。</p>
<a href="http://www.jjtaa.com">家户通</a>
<strong >家户通关注绿色公益</strong>
<h1> 家户通地址</h1>
<h2> 家户通电话 </h2>
<h3> 家户通网址 </h3>
<h4> 家户通师资力量 </h4>
<br/>
<h5> 家户通教程</h5>
<hr/>
<h6> 家户通学员</h6>
</body>
</html>
二:如果你对上一节课的内容掌握了,我们继续来学习其他的常用标签。
1.今天学的这个标签就感觉和以前学的不一样了,是两对的组合了。
这一组标签一共是两对,中间这一对是包含在中间的,这叫无序标签。
<li></li>是列表,<ul></ul>是无序排列,<li></li>包含在<ul></ul>里,这叫无序列表。
<ul>
<li>这是标题1</li>
<li>这是标题2</li>
<li>这是标题3</li>
<li>这是标题4</li>
</ul>
请看用法和效果:
-------------------------------------------------------------------------------
----------------------------------------------------------------------------------
2.再来认识有序标签,这一组标签也是两对,和上面的无序排列就一个字母不一样。
<li></li>是列表,<ol></ol>是有序排列,<li></li>包含在<ol></ol>里,这叫有序列表。
<ol>
<li>这是标题1</li>
<li>这是标题2</li>
<li>这是标题3</li>
<li>这是标题4</li>
</ol>
请看用法和效果:
------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
总结:以上两类标签一个叫无序标签,一个叫有序标签,无序标签显示出来的效果就是前面都是一个小圆点,而有序标签前面就会依次的显示数字,他们的作用就是为了对我们的一些文章标题进行排序。
注意:<li></li>这样一对标签是不能够单独使用的,单独使用毫无意义。
3.认识非常重要的一个标签
<div> 我是一个非常重要的标签</div>
解释:这个标签中文的解释叫层次,书面上我们一般把它叫做块级元素,这是我们设计网页接触得非常多的一个标签,从通俗的角度来说,她就是我们所能够看见的网页中的一个块或者一个方框,他最大的作用就是:通过对其属性代码的调节,可以对这个块进行
1.颜色的调节。
2.字体大小的调节
3.块的位置调节
4.块的大小调节
5.还有其他很多功能我们以后再说