专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML5

【HTML5学习】HTML5学习收拾笔记(二)

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
【HTML5学习】HTML5学习整理笔记(二)

接上一篇

(六):HTML5样式,链接和表格
     ①:HTML样式:
      1.标签:
           <style>:样式定义
           <link>:资源引用
      2.熟悉:
            rel=”stylesheet”:外部样式表
            type=”text/css”:引用文档的类型
            margin-left:边距
HTML三种样式插入方法:
      1.外部样式表:
            <link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
       2.内部样式表:
             <style type=”text/css”>
             body{background-color:red}
             p{margin-left:20px}
             </style>
       3.内联样式表:
              <p style=”color:red”>
  
    ②:HTML链接:
         1.链接数据:
              文本链接
              图片链接
         2.属性:
              href属性:指向另一个文档的链接
              name属性:创建文档内的链接
         3.img标签属性:
              alt:替换文本属性
              width:宽
              height:高
    
     ③:HTML表格:
标签	描述
<table>	定义表格
<caption>	定义表格标题
<th>	定义表格表头
<tr>	定义表格的行
<td>	定义表格的单元
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚
<col>	定义表格的列属性
    
  
 (七):HTML5列表,块,布局
       ①:列表相关标签介绍
标签	描述
<ol>	有序列表
<ul>	无序列表
<li>	列表项
<dl>	列表
<dt>	列表项
<dd>	描述
           

         1:无序列表
使用标签:<ul>,<li>
属性:disc,circle,square
     2:有序列表
使用标签:<ol>,<li>
属性:A,a,I,i,start       
         3:嵌套列表
               使用标签:<ul>,<ol>,<li>
         4:自定义列表
               使用标签:<dl>,<dt>,<dd>
  
 ②:块介绍
     1.HTML块元素
         块元素在显示时,通常会以新行开始
         如:<h1>,<p>,<ul>
     2.HTML内联元素
         内联元素通常不会以新行开始
         如:<b>,<a>,<img>
     3.HTML<div>元素
         <div>元素也被称为块元素,其主要是组合HTML元素的容器
     4.HTML<span>元素
         <span>元素是内联元素,可作为文本的容器

 ③:布局介绍
      1.使用<div>元素布局
      2.使用<table>元素布局


(八):HTML5表单创建和PHP环境搭建
①:HTML表单
      1.表单用于获取不同类型的用户输入
      2.常用表单标签:
标签	描述
<form>	表单
<input>	输入域
<textarea>	文本域
<label>	控制标签
<fieldset>	定义域
<legend>	域的标题
<select>	选择列表
<optgroup>	选择组
<option>	下拉列表中选项
<button>	按钮

     3:常用表单
         复选框,单选按钮,下拉列表,文本域
.
 ②:PHP环境搭建
       XAMPP(http://www.apachefriends.com)+Eclipse(安装PHP插件)
  
  ③:HTML5表单和PHP进行交互



(九):HTML5框架,背景和实体
①:HTML5框架
        1.框架标签(frame)
              框架对于页面的设计有着很大的作用
        2.框架集标签(<frameset>)
              框架集标签定义如何将窗口分割为框架
              每一个frameset定义一系列行或列
              rows/cols的值规定了每行或每列占据屏幕的面积
        3.常用标签
              noresize:国定框架大小
              cols:列
              rows:行
        4.内联框架
              iframe

 ②:HTML5背景
        1.背景标签
             background
2.背景颜色:
     bgcolor
3.颜色:
     颜色是由一个十六进制符号来定义,这个符号由红色,绿
         色和蓝色的值组成(RGB)
     颜色值最小值:0(#00)
     颜色值最大值:255(#FF)
     红色:#FF0000
     绿色:#00FF00
     蓝色:#0000FF
 
  ③:HTML5实体
        1.实体
             HTML中预留字符串必须被替换成字符实体
             如:<,>,&
 
(十):XHTML的规范化
        ①:XHTML简介
             1.什么是XHTML
                   XHTML指的是可扩展的超文本标记语言
                   XHTML与HTML4.01几乎是相同的
                   XHTML是更严格更纯净的HTML版本
                   XHTML是以XML应用的方式定义的HTML
                   XHTML得到所有主流浏览器的支持
2.为什么要使用XHTML?
      为了代码的完整性和良好性
3.文档声明
      DTD:规定了使用通用标记语言的网页语法
4.三种XHTML文档类型
      STRICT(严格类型)
      TRANSITIONAL(过渡类型)
      FRAMESET(框架类型)
5.XHTML 1.0 Strict:
      <!DOCTYPE htmlPUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
      该DTD包含所有HTML元素和属性,但不包括展示性和弃用的元素(比如:font)。不允许框架集(Framesets)。
          
         ②:XHTML元素
             1.XHTML元素语法:
                  XHTML元素必须正确嵌套
                  XHTML元素必须始终关闭
                  XHTML元素必须小写
                  XHTML文档必须有一个根元素     


         ③:XHTML属性
              1.XHTML属性语法规则:
                   XHTML属性必须使用小写
                   XHTML属性值必须用引号包围
                   XHTML属性最小化也是禁止的


友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

  • 使用HBuilder编辑器将html五页面打包成APP

    使用HBuilder编辑器将html5页面打包成APP   使用HBuilder编辑器将html5页面打包成APP (ios+安卓) 1.首先先安装HBuilder编...

  • 基于phonegap,html5,ratchet,handlebars等技术的微神情APP

    基于phonegap,html5,ratchet,handlebars等技术的微表情APP 该app是由很多有意思的微表情构成的,支持40种表情,并且每种表情都有不同的...

  • HTML5 Web 客户端五种离线储存方式汇总

    HTML5 Web 客户端五种离线存储方式汇总 最近折腾HTML5游戏需要离线存储功能,便把目前可用的几种HTML5存储方式研究了下,基于H...

  • SPICE-HTML5 鼠标指针BUG修补

    SPICE-HTML5 鼠标指针BUG修复 研究SPICE,找到了他们官方指定的HTML5客户端。 下载下来用一下,发现跟网页VNC的水平差不多了。 http:...

  • HTML5+JS 《五子飞》游戏实现(5)移动棋子

    HTML5+JS 《五子飞》游戏实现(五)移动棋子 上一章 我们知道了怎么处理两个重要的吃棋动作,想要吃对方的棋子,首先得移动自己的棋子。...

  • HTML5中怎么上传Resize后的图片

    HTML5中如何上传Resize后的图片 参考资料: 不依赖form标签,而是自己定义FormData上传数据,文件被编码为一个Blob或File对象: https...

  • (1)HTML5

    (一)HTML5 可以解决什么问题: 可以实现网页的ajax加载,同时又能完成URL的改变而没有网页跳转刷新的迹象,就像是改变了网页的hash(#)一样。...

  • 一款纯html5实现的钟表

    一款纯html5实现的时钟 今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图: 在线预览...

  • 使用 WebSockets 开展 HTML5 视频直播

    使用 WebSockets 进行 HTML5 视频直播 实验环境:Ubuntu。 参考以下两个链接进行实践: http://segmentfault.com/blog/xingrz/119...

  • 查询浏览器是不是支持html5

    查询浏览器是否支持html5 js判断 插入js代码====================================================== <script> wind...

热门推荐: