zoukankan      html  css  js  c++  java

  • 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，今天先写到这，明天继续！！！

     
  • 相关阅读:
    【UVA–11997 K Smallest Sums 】
    【LA 3027 Corporative Network】
    【bzoj3173-最长上升子序列-一题两解】
    【Rain in ACStar HDU-3340】
    【Uva 11280 飞到弗雷德里顿】
    【Uva 10269 马里奥与公主的归途】
    【Uva 11604 编码都有歧义了】
    【RevolC FaeLoN Uva 10972】
    oracle解析xml(增加对9i版本的支持)
    acl操作记录
  • 原文地址：https://www.cnblogs.com/houxiaowei/p/8179706.html
Copyright © 2011-2022 走看看