html常用标签

       列举一下常用的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

2018年1月2日22:41:19，今天先写到这，明天继续！！！

 

posted @ 2018-01-02 22:46  侯晓伟  阅读(604)  评论(2)  编辑  收藏  举报