html5与html其实并没有太大的区别,大部分都是一样的,只是html5中推出了一些新特性,一些新标签而已.学过或者了解过html的童鞋对html5上手是很快的,并不难.现在我们简单的玩一玩,讲一讲html5,css3到底是个什么东西.
说h5到底是什么,比如说:我们要做菜(html5页面),首先我们要买菜对吧.^o^.超市里会有很多标签牌写着白菜大葱黄瓜(标签),把菜选好才能做菜,才能吃啊!然而html页面就是一桌菜,区别的就是看这桌菜是"干豆腐卷大葱"还是"满汉全席"了.功能多的(菜样多的)好看的(色香味俱全的)自然是好的页面(满汉全席)了.就算我们短时间内变不成厨师长级别的,但是家常菜还是可以做的嘛.慢慢来!
说了这么多,html5(以下统称html)就是由一个一个的标签组成,实现标签自己的功能从而让整个页面达到想要的效果.比如:鸡蛋炒柿子柿子和鸡蛋就标签.那css是什么呢,就是(样式)你的刀工,你放的调料,你是切成块还是切片还是切花,放点酱油就黑了.css就是用来调节样式的.样式做的炫酷也是很厉害的!
好了简单介绍过后我们来说html页面怎么写:
我用的开发软件是Hbuilder.一个html页面像一个人一样 : 有头,有身子.我们的html标签主要是脏器,写在body中,css主要是性格样貌外在,写在head中(称为头部引入).当然了css也可以用(外部引入):即在创建的web项目中的css文件夹中添加XXX.CSS文件,在文件中写样式,写法和头部引入的写法相同.
css的引入方式有4种:1.外部引入(浏览器压力大)
(各有利弊) 2.头部引入(乱)
3.标签内引入(优先级不是最高的)
4.@import(优先级非常高,不常用)
html标签
<html>
<head>
<
style
type
=
"text/css"
>
/*此处写css样式*/
.div1{
/*css选择器中的一种:类选择器*/
color:red;
/*输出的文字为红色*/
}
</style>
</head>
<body>
<div class="div1"
>我是一个块标签</div>
/*class是类,类名是div1*/
</body>
</html>
标签:
行标签:(可以共用一行)strong,em,img,a,b,i,u,s,input,span
块标签:(独占一行)h1-h6,p,div,hr,ul,ol,li,dt,dd,dl
块标签:(独占一行)h1-h6,p,div,hr,ul,ol,li,dt,dd,dl
标签嵌套规则