码迷,mamicode.com
首页 > Web开发 > 详细

【HTML】【理论学习】1.基础理论

时间:2015-09-15 20:13:16      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:综合类

    HTML : Hypertext Markup Language 中译:超文本标识语言,目前最新版本为HTML5.0


    HTML文档基本结构由是三个标签负责组织 :<html> <head> <body>


    定义文档的字符编码,一般使用<meta>标签在头部定义,常用字符编码包括中文简体(gb2312),中文繁体(big5),和通用字符编码(utf-8)。使用方法 : <meta charset = "gb2312-18">


HTML中的标签 

    文档结构标签 :<html>、<head>、<body>


    文本格式标签 : <title>、<h>、<p>、<pre>(标识预定义文本,其中可以保留空格和换行)

             <blockquoto>(标识长的引用文本)


    字符格式标签 : <i>(引用文本、斜体)、<blink>(标识闪烁文本。。。貌似没用?)

            <big>、<small>、<sup>(上标)、<sub>(下标)、<cite>(引用)


    列表标签 : <ul>、<ol>、<li>、<dl>(定义列表)、<dt>(列表项)、<dd>(列表项的解释)


    链接标签 : <a> ->定义超链接       ->定义锚点(文档内部)


    多媒体标签 : <img>、<embed>(嵌入多媒体)、<object>(定义多媒体)


    表格标签 : <table>、<caption>、<th>、<tr>、<td>、<thead>、<tbody>、<tfoot>、

          <col>(列)、<colgroup>(列组)


    表单标签 : <form>定义表单结构、<input>、<textarea>、<select>(下拉列表)、              <option>(下拉列表选择项目)、<optgroup>(选项组,相似的项目合并在一个组)

          <button>、<fieldset>(表单中的域)、<legend>(域的标题)

    

HTML中的属性

    基本属性 : class、id、style


    语言属性 : lang、dir(文字方向)


    键盘属性 : accesskey(访问某元素的键盘快捷键)


    内容属性 : alt(元素的替换文本)、title(提示文本)、longdesc(大段描述信息)

          datetime(包含内容的时间日期)  


  HTML5基础

相比于HTML4,HTML5添加了许多新特性


HTML5的文档类型声明 : <!DOCTYPE html>


视频 : <video src = "URL" controls = "controls">无法显示视频时显示此语句</video>

    video的属性 : autoplay = "autoplay" 设置视频自动播放

            controls = "controls" 提供弓用户使用的视频控件

            height、width 设置视频的宽度和高度

            loop = "loop" 设置视频连续播放

           preload = "preload" 预加载,当使用了autoplay时,此属性无效

音频 :<audio src = "URL" controls = "controls">不支持音频时显示此语句</audio> 

    audio的属性 : audio有着和video类似的属性——autoplay、controls、loop、preload


HTML新的Input类型 :

    <input type = "email" name = "name"> 验证输入的内容是否为邮箱地址

    <input type = "URL" name = "name"> 验证输入的内容是否为网址

    <input type = "number" name = "name" min = "1" max = "10">验证输入的是否为        数字和数字位数

    <input type = "range" name = "name" min = "1" max = "10">验证是否为数字和数字范围

    <input type = "date" name = "name"> 日期选择

    <input type = "search"> 搜索域


其他元素 :hgroup : 用于对整个页面或页面中的一个内容区块的标题进行组合

      figure : 表示一段独立的流内容,一般表示文档内容中的一个独立单元

      figuration : 为figure元素添加标题

      (流:在文档和应用的body中使用的元素,如form,h1,small等)

      embed : 用来插入多种多媒体 既可以是视频,也可以是音频

      mark : 高亮文字

      time : 表示日期和时间

      canvas : 生成一块画布,可以使用JavaScript绘图

      


本文出自 “wanghaz的学习” 博客,请务必保留此出处http://10703847.blog.51cto.com/10693847/1695061

【HTML】【理论学习】1.基础理论

标签:综合类

原文地址:http://10703847.blog.51cto.com/10693847/1695061

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!