HTML标签,简单归纳
列表标签
有序列表:
<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标签,简单归纳的更多相关文章
- Tomcat的简单归纳总结
2017年08月09日 12:39:23 大道之简 阅读数:1072 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/HcJsJqJSSM/ar ...
- 就linux三剑客简单归纳
就linux三剑客简单归纳: :awk 习题1:用 awk 中查看服务器连接状态并汇总 netstat -an|awk '/^tcp/{++s[$NF]}END{for(a in s)print a, ...
- thinkphp内置标签简单讲解
thinkphp内置标签简单讲解 1.volist循环 name 需要遍历的数据 id 类似于foreach中 value offset 截取数据起始位置 length 截取数据的个数 mod 奇偶数 ...
- js知识简单归纳
js简单的归纳 基本类型 number,string,boolean,null,undefined 组合类型 一种对象类型: object 数组 函数 对象 正则 关于函数 作用域 闭包 构造函数 原 ...
- JSP自定义标签——简单标签(2)
在前一篇博客中,我们已经学习了自定义的简单标签的基本使用方法,这一篇我们来学习如何在简单标签中添加标签属性.对自定义标签添加一些属性,可以使我们的标签功能更加灵活和复用.例如前一篇博客使用简单标签来对 ...
- JSP自定义标签——简单标签(1)
前面一篇博客介绍了自定义标签的传统标签使用方式,但是我们会发现,使用传统标签非常的麻烦,而且接口还多,现在传统标签基本都没用了,除了一些比较久的框架.Sun公司之后推出了一个新的标签使用方式,称之为简 ...
- jquery 简单归纳 -- 前端知识
jquery 什么是jQuery? jquery是轻量级的JavaScript库,核心是javascript,兼容css和各种浏览器,核心理念是写得少做得多(write less do more). ...
- HTML5 简单归纳 -- 前端知识 (一)
HTML5简介 1.h5不是一个新语言,它是HTML语言第五次重大修改--版本 2. 2014年 h5 3.支持:目前所有的主流浏览器都支持h5,IE8以下不支持 4.特性: a:抛弃了h4中不 ...
- HTML基础之标签简单认识
简介 HTML(Hyper Text Markup Language)译为"超文本标记语言",主要是通过HTML标记对网页中的文本.图片.声音等内容进行描述 HTML之所以称为超文 ...
随机推荐
- 使用 Vagrant 构建开发环境
使用 Vagrant 构建开发环境 摘要:本文描述了如使用 Vagrant 构建统一的开发环境. 问题 作为开发人员,我们通常面临的问题有: 开发环境需要手工安装配置,这包括操作系统(CentOS.U ...
- 网易新闻client(高仿)
近期整理了下自己曾经做过的项目,决定分享出来.本篇所展示的是仿网易新闻client,服务端是在新浪SAE部署着的.所以大家下载后,可直接在手机上看到效果.接下来看效果图: watermark/2/te ...
- 2016/4/1 PDO:: 数据访问抽象层 ? :
①PDO方式连接 数据库 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
- 普通用户无法登陆SSH问题
Linux正常情况下普通用户是可以登陆SSH的,除非系统管理员作了修改,如果没有修改的情况无法登陆可以尝试以下方法解决: 步骤/方法 1 查看 /etc/ssh/sshd_config文件 发现 ro ...
- Latex 3: 解决LaTeX编译卡顿问题
1.问题: 最近在编译latex时,老是在tulmr.fd处编译很久,但是以前不这样啊,那肯定就是我最近做了什么导致这样的了,是什么呢? 2.解决: 后来google下发现了解决办法,原来是我新安装了 ...
- Js_闭包详解
http://blog.csdn.net/chenglc1612/article/details/53413318 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变 ...
- 织梦首页TAG标签页的仿制
1,tag标签的作用:主要是为了能够使得用户可以更加精确的找寻到自己所需内容.这种TAG搜索方式,比分类搜索更加的精确.具体以及节省时间. 2,怎么能够合理的优化TAG标签? A:明白网站的TAG标签 ...
- C# WinForm开发系列 - Form/Window
Form是WinForm开发中非常重要的一个控件, 本文将包含如何制作一个关于对话框,系统载入提示窗体, 创建类似于QQ提示框以及创建不规则窗体等(文章及相关代码搜集自网络,仅供学习参考,版权属于原作 ...
- 【SCOI 2003】 严格n元树
[题目链接] 点击打开链接 [算法] f[i]表示深度小于等于i的严格n元树 显然,一棵深度小于等于i的严格n元树,就是一个根节点,下面有n棵子树,这n棵子树都是深度小于等于i-1的严格n元树,每棵子 ...
- Windows7下安装golang语言开发环境和revel框架
1.下载先去下载32位或64 golang window 安装包 并安装下载地址:https://www.golangtc.com/download 本人更改了安装地址为 D:\GO\Go 2. go ...