列表标签

有序列表:

<ol><li></li></ol>

无序列表:

<ul><li></li></ul>  //属性:font-weight字体粗细

表格:

<table>

  <thead><tr><td></td></tr></thead>  //tr行 td列

  <tbody><tr><td></td></tr></tbody>

</table>

HTML5新标签

1.<figure></figure>  //来画类似于照片墙的标签

eg:<figure>

    <img src=""/>

    <figcaption>橘子</figcaption>  //figcaption就是figure的标题

    <p>这是一个橘子</p>

</figure>

2.<section></section>  //新闻的展示,内容的展示

eg:<section>

    <nav></nav>

    <figure></figure>

    <div></div>

  </section>

<datalist></datalist>  //当输入输入类似或相同的名字时会弹出类似或相同的名字选项

eg:<input type="text" list="searchList"/>

  <datalist id="searchList">

    <option value="10086">中国移动客服电话<option>

    <option value="10010">中国联通客服电话<option>

    <option value="10000">中国电信客服电话<option>

  </datalist>

<details></details>  //折叠样式标签

eg:<datails>

    <summary>武汉突降暴雨</summary>

    今天武汉市突然下起暴雨,令出行市民措手不及!

  </datails>

audio和video  //音频和视频标签

  controls 显示播放条

  autoplay 自动播放

  loop 单曲循环

  preload 预加载

  source可以替换src

eg:<audio loop autoplay controls muted preload>

    <source src="tq.ogg" type="audio/ogg">

    <source src="tq.mp3" type="audio/mpeg">

    <source src="tq.wav" type="audio/wav">

  </audio>

  <video poster="../img/i.jpg" src="" loop autoplay controls muted preload >  //poster点开视频首先显示的图片

  </video>

<form></form>表单

eg:<form action-"" method="post"></form>

  action 提交的路径

  method 提交的方式,有两种post和get。关于post和get两种提交方式的区别,我已在之前的一篇随笔做过说明。

<a></a>超链接标签

eg:<a href="http://www.baidu.com"></a>

另外的用法:<a href="#mao">你是谁?(点击则可以获取答案!)</a>

      <div id="mao">

        答案:不知道,哈哈哈!

      </div>

<em></em>  <i></i>  //都表示斜体

<sup></sup>  //上标和下标

以上只是HTML标签的部分,简单归纳。如有错误之处,尽请谅解,请帮忙指出,谢谢!

新手上路,请多多关照,笑脸

HTML标签,简单归纳的更多相关文章

  1. Tomcat的简单归纳总结

    2017年08月09日 12:39:23 大道之简 阅读数:1072    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/HcJsJqJSSM/ar ...

  2. 就linux三剑客简单归纳

    就linux三剑客简单归纳: :awk 习题1:用 awk 中查看服务器连接状态并汇总 netstat -an|awk '/^tcp/{++s[$NF]}END{for(a in s)print a, ...

  3. thinkphp内置标签简单讲解

    thinkphp内置标签简单讲解 1.volist循环 name 需要遍历的数据 id 类似于foreach中 value offset 截取数据起始位置 length 截取数据的个数 mod 奇偶数 ...

  4. js知识简单归纳

    js简单的归纳 基本类型 number,string,boolean,null,undefined 组合类型 一种对象类型: object 数组 函数 对象 正则 关于函数 作用域 闭包 构造函数 原 ...

  5. JSP自定义标签——简单标签(2)

    在前一篇博客中,我们已经学习了自定义的简单标签的基本使用方法,这一篇我们来学习如何在简单标签中添加标签属性.对自定义标签添加一些属性,可以使我们的标签功能更加灵活和复用.例如前一篇博客使用简单标签来对 ...

  6. JSP自定义标签——简单标签(1)

    前面一篇博客介绍了自定义标签的传统标签使用方式,但是我们会发现,使用传统标签非常的麻烦,而且接口还多,现在传统标签基本都没用了,除了一些比较久的框架.Sun公司之后推出了一个新的标签使用方式,称之为简 ...

  7. jquery 简单归纳 -- 前端知识

    jquery 什么是jQuery? jquery是轻量级的JavaScript库,核心是javascript,兼容css和各种浏览器,核心理念是写得少做得多(write less do more). ...

  8. HTML5 简单归纳 -- 前端知识 (一)

    HTML5简介 1.h5不是一个新语言,它是HTML语言第五次重大修改--版本 2.   2014年  h5 3.支持:目前所有的主流浏览器都支持h5,IE8以下不支持 4.特性: a:抛弃了h4中不 ...

  9. HTML基础之标签简单认识

    简介 HTML(Hyper Text Markup Language)译为"超文本标记语言",主要是通过HTML标记对网页中的文本.图片.声音等内容进行描述 HTML之所以称为超文 ...

随机推荐

  1. Android开发pool解析xml

    xml在开发中的作用不可小觑,很多时候我们都要用到这种文件,所以学习它的解析方式很是必要. 我们都知道java中xml的解析有:dom,SAX,但是Android下我们使用pool解析,是更为方便,而 ...

  2. FMDB中常用SQL使用

    大家工作中,最常用到的无非是 增.删.查.改... 在SQL中对应的语句为:INSERT DELETE SELECT UPDATE 首先,你可以使用一款叫做“sqlite database brows ...

  3. MySQL服务无法启动(1067)问题

    关于这个问题网上的帖子和说法多如牛毛,是在难以分辨真假,或者是否与自己的出错情况相同. 有了前车之鉴,就有必要提前声明,这篇是我在计算机--管理--服务中启动mysql服务时出现的错误,如下: 最后的 ...

  4. linux 监控进程所消耗的资源(内存),达到阈值(绝对值、相对值)后,将其杀死

    监控某个python进程是否存在,如不存在则启动 #!/bin/bashwhile [ 1 ]do #打印出当前的jboss进程:grep jboss查询的jboss进程,grep -v " ...

  5. The type exists in both DLLs

    2>C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files\root\c0b37647\aaceda91\Ap ...

  6. YTU 2838: 改错题AB-装置连接

    2838: 改错题AB-装置连接 时间限制: 1 Sec  内存限制: 128 MB 提交: 81  解决: 49 题目描述 注:本题只需要提交标记为修改部分之间的代码,请按照C++方式提交. 有AB ...

  7. Ubuntu SDL lib 安装

    /******************************************************************** * Ubuntu SDL lib 安装 * 说明: * 今天 ...

  8. 并不对劲的字符串专题(二):kmp

    据说这些并不对劲的内容是<信息学奥赛一本通提高篇>的配套练习. 先感叹一句<信息学奥赛一本通提高篇>上对kmp的解释和matrix67的博客相似度99%(还抄错了),莫非mat ...

  9. AutoIT: 对数据库的访问,数据提取操作

    #include<array.au3> $conn= ObjCreate("ADODB.Connection") $RS= ObjCreate("ADODB. ...

  10. 我为什么要学习C++反汇编

    写在开始 从6月7日开始到今天已经有5天了,在这5天的业余时间(工作之余)里终于系统的完成了C++反汇编的大部分问题的学习,今天写篇总结,算是对这几天学习的总结. 首先我想说明的一个问题就是我为什么要 ...