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

【HTML5学习】HTML5学习整理笔记(二)

时间:2014-12-14 20:04:10      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:html   xhtml   标签   

接上一篇

(六):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属性最小化也是禁止的


【HTML5学习】HTML5学习整理笔记(二)

标签:html   xhtml   标签   

原文地址:http://blog.csdn.net/developer_jiangqq/article/details/41927289

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