码迷,mamicode.com
首页 > Web开发 > 详细

HTML的常用标签

时间:2017-04-15 12:07:09      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:foo   特性   文件   span   lock   sid   主题   有序   art   

HTML是用一些事先设定好的标签来包裹内容进行展示的,每个标签对应语义都有着自己的特定功能和样式,比如p标签用来表示段落,a标签用来作为链接等等,然后我们可以通过设置每个元素的属性值来控制标签的行为。

一、标签的分类:

按照标签特性,分为块级元素、行内元素、块级行内元素三种。

块级元素(block):可设置宽高尺寸、占满整行

行级元素(inline):不可设置宽高尺寸,不占满整行(宽高尺寸由内容而自适应)

行级块级元素(inline-block):可设置宽高尺寸,不占满整行

二、常用的标签:

块级元素:div、p、ul、ol、dl、li、h1~h6、hr、table

行级元素:span、a、button、br、em、small、big

行级块级元素:input、img

三、常用的一些元素介绍

  标签元素 功能 属性 备注
  <html> 根元素,或顶级元素,其他所有标签元素都必须是其后代    
  <head> head元素,其后代元素是文档的相关信息或者脚本样式的链接等    
  <body> 文档的主题部分,文档内容都放到body中    
<head>后代元素 <link> 制定外部资源与当前文档的链接关系,常用来引入外部css文件    
<meta> 用来表示那些其他元素不能表示的信息,比如说文档作者等等    
<style> 在该内部编写css样式,存放文档内部css样式    
<title> 定义文档的标题,用浏览器访问时会显示在对应标签页上,内部只能包含文本,标签不会被解释    
文档结构 <header> 内容分区头部,与文档头部有关部分可以放到此处,比如搜索框、logo、标题等等    
<footer> 文档的页脚,用于存放文档尾部的内容。比如文档作者声明、版权、相关链接等等    
<nav> 导航栏,通常里面包含若干个链接。    
<aside> 定义与<article>内容无关的部分,通常表现为侧边栏或者潜入内容    
<article>  文档的内容的一个结构,可以是文章、博文、评论等等    
<section> 文档中的节或段,比如说文章的开头、正文、页脚等等    
  <div> 一个通用的块级容器,没有语义    
  <p> 用来表示一个段落    
  <ul> 无序列表,列表项的头部可以用list-style-type来定义    
  <ol> 有序列表      
  <dl> 自定义列表    
  <li> 用来表示列表项,ul、ol、dl中都可以用到    
  h1~h6 不同级别标题    
  hr 水平线    
  table 一个二维表格    
  span 一个通用的行级容器,无语义    
  a      
         
         
         
         
         

HTML的常用标签

标签:foo   特性   文件   span   lock   sid   主题   有序   art   

原文地址:http://www.cnblogs.com/Walker-lyl/p/6713353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!