html常用标签

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

新老客户大回馈,云服务器低至5折

       列举一下常用的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,今天先写到这,明天继续!!!

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:引入css的四种方式

下一篇:CSS背景-background