欢迎来到家户通官网、重庆网站建设、重庆做网站、重庆残疾人计算机免费就业培训、企业一体化增值服务
当前位置: 主页 > 新闻动态 > 学习教程 >
推荐内容
热门内容
联系我们
电话咨询:18983818617
E-mail:4221389.qq.com
地址: 重庆市江津区琅山大道城投花园小区口

HTML常用标签学习(第四课)

作者/整理: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.还有其他很多功能我们以后再说