首页 > > 网页制作 > css >

html常用标签

2018-06-24 02:09:26来源：未知阅读 ()

列举一下常用的html标签及用法，与大家共勉，欢迎补充！

标签名称	定义和用法	介绍	标签类型	html/html5
<!DOCTYPE>	<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。	定义文档类型		html/html5
<head>	<head> 标签放在文档的开始处，紧跟<html> 后面，并处于 <body>标签之前.	<head> 标签用于定义文档的头部，它是所有头部元素的容器。在<head>中可以引入脚本,css样式等.还包括文档的标题 <head>中可用标签有 <link>,<meta> ,<script>,<title>,<style>。		html
<header>	当我们在定义一个div的时候在html 5之前一般都是定义一个div，比如<div class="head"></d iv>,html5出现以后,主张语义化标签,选择器直接就写<hea der></header>就可以了。	定义文档的页眉（介绍信息）。		html5
<body>	body 元素定义文档的主体,body内容标签，在HTML只能使用或出现一次, 通常我们在浏览器内容区看到的内容，都是放入在<body></body>之间， body标签是html重要不可缺少的标签元素。	body是html网页结构最重要的标签，也叫主体内容标签，一般网页内容均放入此标签组之间。	块级元素	html
<div>	<div> 是一个块级元素，它的内容会占满当前整行，可以通过添加 Class和id来操作它CSS样式	Div是html标签之一，div具有分割内容作用， div与CSS样式可让网页实现各种样式效果。	块级元素	html
<center>	对其所包括的文本进行水平居中。 <cneter>文本</center>	用来对<center>标签中的文本进行水平居中	块级元素	html，不支持html5
<img>	<img src="" alt=""> 使用时候注意结构，图片路径正确，宽度、高度根据实际需要而设置。通常我们会使用CSS样式对图片img 标签的width、height、css, border边框进行设置	Img标签在html中是引入外部图片到网页中显示的标签。	行内块元素 (内联元素)	html
ul	<ul> 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<li></li> 　　　　　　　　　　　　　　<li></li> 　　　　　　　　　　　　　　<li></li> 　　　　　　　　　　　　</ul> 以上3个li标签组放在ul标签之间。这里 html ul li无序列表布局与ol li有序列表布局语法与结构相同，不同是默认无初始化CSS样式情况下一个是有序号列表（1、2、3、4 ；I、II、III这类有序序号），一个为没有序号的列表。无论是有序ol li列表还是无序的ul li列表，在日常时候都需要重新设置CSS样式使用布局。	一般用来标题和导航的排版和布局时使用，赋予 CSS样式后可以实现各种各样的有规律的页面布局。	块级元素	html
<h1>-<h6>	<h1>这是标题</h1> <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。	在一个网页中可以适当使用h1 h2 h3 h4标签，有利于网页的重点部分突出,h5,h6一般用于页面的主体内容	块级元素	html
<nav>	<nav></nav>是html5中的新标签一直以来，我们习惯于使用形如 <div id="nav">或<ul id="nav"> 这样的代码来写页面的导航；在HTML5中，我们可以直接将导航链接列表放到<nav>标签中：	和<header><footer>相似,只是html5中用于增强语义的一个标签而已	行内块元素	html5
<span>	<span>内容</span>特性，通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。	span在html中常用的布局标签,与div标签区别在于，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行	行内元素	html
<a>	<a href="您需要的地址" target=""> 这是一个超链接</a>href属性：表示超链接需要跳转的页面。target属性：设置新页面打开的窗口位置	<a> 标签定义超链接，用于从一张页面链接到另一张页面。	行内元素	html
<form>	<form action="跳转的页面" method= "post"></form>	form是表单区域标签，通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容,form的action的值填写为将表单提交内容送往的页面地址。		html