技术开发 频道

Web入门:让初学者轻易掌握Web标准设计

  万事没有绝对,我说的是个主流

  事儿二:

  下面针对每一块我将细细为大家讲解,通过这种方式来讲解html主流标签的应用。Ok,begin!Right now!

  首先:header

  部分 

  我们可以把他分为3个部分:

  banner:细解html主流标签的应用

  nav(导航条):细解html主流标签的应用logo:(logo就是一个网站或公司的标识

 

  声明:这里我首先只讲html,至于样式(css)我将会在以后的教程中详细讲解;好吧,html开始写了,还等什么?

  讲解标签之前,我先讲一下他们的几个常用的共有属性:

  1. id:就是一个标签的名字,在一张页面中id不允许重复,体现了唯一性,特有性,如果一张页面就是一个家族,当然我指的是传统的中国家族,不要较真哦,那么每一个标签就是一个家庭成员,id就是该成员的名字,当然一个家族的成员名字还是不要重复的好,是吧?

  2. class:当然一个大家族有若干个家庭组成,如果只用id区分那么时就有些繁琐了,比如说某某家的人应该怎么样时,那么这一类人我们怎么来划分呢?class就是为这个而生的,哈哈。class指一个标签所属的类别,就像是说这个人是哪家的一样,当然一张页面我们可以无限的重复使用了(这里就不考虑计划生育啦)。

  3. title:这个含义很简单,就是当鼠标放在该标签身上的时候所给的提示。不信你把鼠标放在注册两个子上面试试。。。

  标签1:div

  使用指数:*****

  功能:主要用来布局,估计通过事一大家应该有所了解了

  类型:块级元素

  常用属性:id,class ,title

  标签2:span

  使用指数:***

  功能:主要用来提取一小段文本来设置特别的样式

  类型:内联元素

  常用属性:id,class,title

  标签3:a

  使用指数:****

  功能:主要用来表示一个链接

  类型:内联元素

  常用属性:id,class,title

  特别属性:1.href:指的是该链接指向的url(链接地址)

  例如下面的代码,点击学生在线四个字就会链接到学生在线首页了,试试看哦!

  1 学生在线

  2.target: 常用值:_blank,_self(默认值)

  注意:书写html标签的时候一定要有规范:

  1. 有开始就有结束:

  XXX

  ,除了个别没有结束标志的:…

  2. 块级元素不能被内联元素包裹:

  这是可笑的写法!

  今天的教程就到这里了明天再见,谢谢!

 细解html主流标签的应用

 

0
相关文章