zoukankan      html  css  js  c++  java
  • HTML基础标签

    什么是HTML基础标签?

      HTML指的是一种超文本标记语言(HyperText Markup Language),它不同于java的解释执行,可以一边解释一边执行。

      标签的类型通常分为自闭合和对标签两种,标签种类繁多,实用标签具体有以下几种:

    文本
            h标签
            p标签
            em标签、strong标签、b标签、i标签
            span标签
            div标签
    
    链接
            a标签
            img标签
    
    列表,表格
            ul标签、ol标签、li标签
            dl标签、、dt标签、dd标签
            table标签、tr标签、th标签、td标签        

      

    而从标签的结构上分的话,可以分为以下几种:

    一、结构类型

    <html>

      <head>

        <meta charset="UTF-8"/>

        <title>xxx</title>

      </head>

      <body>

        ...

      </body>

    </html>

    二、基础类型
    1、行级标签

      行级标签按行显示,没有宽高,其内容定其真实大小

    a标签是用的最广的行级标签

      <a target="显示的方式" href="地址">提示内容</a>

      target:有四种情况

        <1>_self 覆盖当前窗口

        <2>_blank 打开新窗口

        <3>_parent 覆盖父窗口

        <4>frameName 指定框架内显示

      href:目标页面地址

      title:悬窗提示文本

    其他文本行级标签

      <span></span>

      </br>

      </hr>

      <strong></strong>

      <em></em>

    2、行内块级标签

      按行显示,有默认宽高也可以设置宽高

    表单(form)

      <form method="GET/POST" action="后台" enctype="">

      ...

      </form>

      method:

        GET:显示提交

        POST:隐式提交

      action:后台方法的别名

      enctype:各种类型的数据

    表单元素主要包括以下几种:

      <input type="" name="" id="" value=""/>

      type的类型繁多,主要有以下几种:

      text      文本框

      password    密码框

      radio      单选按钮

      checkbox    复选框

      number     数字框

      date      日期

      email      邮箱框

      tel       电话框

      range      滑条

      file      文件域

      <select name="">  下拉列表

        <option value=""></option>

            ...

      </select>

      <textarea name="">...</textarea>  多行文本域

      <button type=""></button>    按钮

      type:

        submit    提交按钮

        reset    重置按钮

        button    普通按钮

        diabled   禁用按钮

    非表单元素

    <img src="" alt="">

      src:图片的地址

      alt:替换文本

    <video>

      <sourcesrc="" type="video/mp4" />

    </video>

    <audio>

      <source src="" type="audio/mp4" />

    </audio>

    3、块级标签

    <1>标题标签

      <h1></h1>
        ...
      <h6></h6>

    <2>列表标签

      无序标签

        <ul>
          <li>...</li>
        </ul>
      有序标签
        
    <ol>
          <li>...</li>
        </ol>
      
    定义标签
        <dl>
          <dt>...</dt>
          <dd>...</dd>
        </dl>


      H5块(标签)
        header
        foot
        aside
        nav
        ariticle
        section

  • 相关阅读:
    Android添加横线和竖线分割界面
    ViewPager + Fragment实现滑动标签页
    fragment中嵌套viewpager,vierpager中有多个fragment,不显示 .
    Android开发之ViewPager实现轮播图(轮播广告)效果的自定义View
    Android SDK快速下载
    Codeforces Round #256 (Div. 2) D. Multiplication Table
    UITabBarControler解决旋转问题
    SQL Server 板机
    nested push animation can result in corrupted navigation bar
    10.树和树店
  • 原文地址:https://www.cnblogs.com/afeiiii/p/13170534.html
Copyright © 2011-2022 走看看