基础回顾

1：<!DOCTYPE HTML>

这个我们都不陌生，它是文档说明，在html页面的第一行就写的是这个。在 html5中只有一个，大小写不敏感。是便于浏览器识别文档类型。

2：<address>标签

这个是在html4中加入的标签，这个会把里面的内容变成斜体形式，和一般的输入不一样。

  1. <address>
  2.    作者是我，我就是作者：<a href="http://www.baidu.com" target="_breake">ahui</a>
  3. </address>

3：<article>

此标签是定义外部的内容，比如来自外界的引用，新闻等。

  1. <article>
  2.   <h1>啊啊啊啊啊啊啊</h1>
  3.   的开关机动画覅的阿斯顿覅还是短发阿斯顿佛ihsddf皮和历史的反思
  4.   </article>

4：<audio>

  1. <audio src="D:\QQ下载文件\1420594215055.mp4" autoplay="true" controls="true">此浏览器不支持播放</audio>

5:<base>

规定页面中所有链接的基准URL，也就说我们在一个页面里面存放的图片，我们下面要使用路径的时候，若写了base则只需要写图片名就可以了。

  1. <!doctype>
  2. <html>
  3. <head>
  4.   <title>测试</title>
  5.   <base href="H:\图片\手机\Saved Pictures\" />
  6. </head>
  7. <body>
  8.   <img src="H:\图片\手机\Saved Pictures\133279.jpg" wider=100px height=100px>
  9.   <img src="133279.jpg" wider=100px height=100px>
  10.   <hr>
  11. </body>
  12. </html>

6：<datalist>

选择下拉列表，此标签定义可选数据列表，与input元素配合使用，就可以制作输入值的下拉列表。

  1. <input id="nihao" list="cars"/>
  2. <datalist id="cars">
  3.    <option value="IBM">
  4.    <option value="WR">
  5.    <option value="XM">
  6. <datalist>

7：<pre>

这是完全输出你输入时的样子，位置，空格等都没有发生变化。

8：<video>

此标签定义视频等媒流体。

  1. <video src="D:\QQ下载文件\1420594215055.mp4" autoplay="true" controls="true"></video>

HTML标签理解的更多相关文章

  1. 针对CMS中的tag标签理解

    针对CMS的tag标签有以下解释: 什么tag标签? TAG标签是一种由自定义的一种标签,要比分类更加的准确,可以概括文章主要内容的关键词. 运用TAG标签,可以使网站的文章更容易被搜索引擎检索到.百 ...

  2. [maven] dependency标签理解

    在maven pom.xml文件中最多的就是dependency标签,我们用maven管理我们项目的依赖.这篇文章简单介绍dependency标签内部各个子标签的意义. 下面是dependency标签 ...

  3. tomcat设置默认欢迎页、server.xml配置文件中的标签理解

    一:要求:输入网址,不加文件名便可以访问默认页面 (1)项目中只有静态文件 方法:更改tomcat下的conf目录下的web.xml文件,如下图: <welcom-file-list>元素 ...

  4. thinkPHP5.0 volist标签理解

    {volist name="list" id="vo" offset="5" length="10"} .... {/v ...

  5. 超全面的JavaWeb笔记day13<JSTL&自定义标签>

    1.JSTL标签库(重点) core out set remove url if choose when otherwise forEach fmt formatDate formatNumber 2 ...

  6. SpringMVC:学习笔记(5)——数据绑定及表单标签

    SpringMVC——数据绑定及表单标签 理解数据绑定 为什么要使用数据绑定 基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数 ...

  7. HTML——表单标签

    表单标签(掌握) 现实中的表单,类似我们去银行办理信用卡填写的单子. 如下图: 目的是为了收集用户信息. 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单. 在HTML中,一个完 ...

  8. 0007 表单标签(form、select)

    目标: 能写出最常用的注册类表单 能说出input表单常见属性 现实中的表单,类似我们去银行办理信用卡填写的单子. 如下图 作用: 表单目的是为了收集用户信息. 在我们网页中, 我们也需要跟用户进行交 ...

  9. CSS常见问题及兼容性

    CSS常见问题 1 (IE6,7)H5标签兼容 解决方法1:(只显示核心代码) 1<script>  ; ; ;                    ;;;};;;;;;;;       ...

随机推荐

  1. 走进AngularJs(八) ng的路由机制

    在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而a ...

  2. Flash 与 php 使用 amfphp

    创建 Flash 项目 使用 Flash Builder 创建一个项目. 创建 Flash 项目时,选择服务器技术为 PHP,并配置好服务器的 Web 根文件夹及根 URL 地址(这里设置根文件夹时, ...

  3. 基于java的设计模式入门（1）——为什么要学习设计模式

    大年初一,楼主在这里给大家拜年,祝大家码上升职加薪,码上有对象结婚,码上有车有房,幸福安康. 过完年,回学校注册报道之后,大概就要回深圳到公司开始实习了.提高自己,无非就有两种方式,一是看书学习,二是 ...

  4. 推荐windows下的日志跟踪工具：SnakeTail

    用过Linux的同学都知道,在Linux中要实时跟踪日志文件那是非常的方便,Tail.Less都可以做到. 开启动态跟踪后,程序会监视文件修改,从而不断刷新出最新的内容,对于线上运维特别有用.   今 ...

  5. iOS——自定义Segue实现总结

    在阅读了iOS 8自定义动画转场上手指南后,刚开始不理解,后来慢慢消化了,现在总结如下: 1. 自定义Segue关键在于继承UIStoryboardSegue并重写perform方法 2. 动画可以在 ...

  6. telnet小结

    几百年前就开始听说telnet了,却直到最近才真正完全搞懂!... http://www.cnblogs.com/wusthjp/archive/2012/01/05/2312975.html 可能要 ...

  7. 移动h5开发资源整理

    这2年来,移动h5开发逐渐成为一种主流,也不断趋向于成熟.硬件和浏览器的不断更新,曾经的浏览器兼容也不再是开发者的噩梦. 接触h5开发一年多,从最初的新手到现在,陆陆续续遇到过很多坑.这里把想到的一些 ...

  8. atitit。ocr框架类库大全 attilax总结

    atitit.ocr框架类库大全 attilax总结 Tesseract Asprise JavaOCR 闲来无事,发现百度有一个OCR文字识别接口,感觉挺有意思的,拿来研究一下. 百度服务简介:文字 ...

  9. apache2添加模块和添加站点

    apache2添加模块和添加站点 linux下的apache2的目录和windows上的区别还是很大的,但是用起来却更方便了,详解请看另一篇文章http://www.cnblogs.com/wancy ...

  10. Leetcode 35 Search Insert Position 二分查找（二分下标）

    基础题之一,是混迹于各种难题的基础,有时会在小公司的大题见到,但更多的是见于选择题... 题意:在一个有序数列中,要插入数target,找出插入的位置. 楼主在这里更新了<二分查找综述>第 ...