HTML

一、HTML的概述
HTML:Hyper Text Markup Language  ---超文本标记语言
用来制作(静态页面),一个HTML文件扩展名为.html或者.htm结尾
HTML有标准:
* HTML4
    *
* HTML5:支持视频播放,支持CSS3,支持定位,扩展标签...
    *

二、标签
1、跟标签:
---- html的头标签
---- html的体标签
2、HTML的字体标签
标签:HTML中的字体标签.
使用:文字
* 标签的属性:
       * <标签 属性名=”属性值” 属性名=”属性值”>
       * 属性:
        * color属性:字体颜色
           * 英文单词设置:black,red,green,blue...
           * 使用16进制数设置:#FFFFFF , #FFF
        * size属性:字体的大小(1~7)
       * face属性:字体
我是小绿!
3、HTML的排版标签
  a. 标题标签:h标签

...

  b. 段落标签:p标签

  c. 字体加粗标签:b标签
  d. 字体斜体标签:i标签
  e. 字体下划线:u标签
   f. 居中标签:
内容
   g.
换行
   h.
横线
   i. 
 原生标签 
  
      空格
   <  <
   >  >
4、HTML的图片标签
   图片标签:
    * 属性:
         * src   :图片的来源.
         * width :图片的宽度.
         * height:图片的高度.
         * alt   :图片找不到显示的内容.
   图片的引入的路径问题:
    * 路径:相对路径.
        * 如果引入的图片和html文件在同一级路径。
                 * 直接写文件名或者./文件名
             
             
        * 如果引入的图片在html文件的上一级路径。
   
   * 如果引入的图片在html文件的上一级的上一级路径。
   
        * 如果引入的图片在html文件的下一级路径。
           
       5、HTML的列表标签
    有序列表 
  • 有序列表的属性:
        * type属性:
            * 1   :数字类型
            * a   :英文类型
            * i    :罗马字符
        * start属性:从type属性的哪个值开始
        无序列表
  •         无序列表的属性:
        * type属性
            * disc   :实心点.
            * circle :空心圆
            * square :方块.
           
  • 领导讲话
  •        
  • 领导讲话
  •        
  • 领导讲话
  •        
  • 会议结束
  •  
    6、HTML的超链接标签
    HTML的超链接标签:
          * 属性:
              * href   :链接的路径
              * target :打开的方式
                  * _self  :在自身页面打开
           * _blank :新打开一个窗口
            * _parent:在父框架集中打开被链接文档
                *style = “text-decoration: none;  ” 去除默认的下划线
    7、HTML的表格标签
     
     
       
       
     
     
    属性:
        width   :表格宽度
        height  :表格高度
        border  :边框
        align   :表格水平位置:
            * left     * center     * right     
      cellspacing:行距
    的属性:
        * colspan="列数"
        * rowspan="行数"
          8、HTML的表单标签:
    a、常用属性:
              action属性:提交的路径.默认提交到当前页面
              method属性:请求的方式.GET和POST.默认是GET.
                    GET方式和POST方式的区别?
             GET  :数据会显示到地址栏中.GET方式提交是有大小的限制.
                          POST :数据不会显示到地址栏中.POST方式提交的是没有大小限制.
    b、HTML中表单元素:
    *       :文本框.
        * 常用属性:
             * name   :表单元素的名称.必须有name属性,然后后台才可以接收数据.
            * value  :文本框的默认值.
            * size   :文本框的长度.
            * maxlength:文本框输入的最大长度.
            * readonly:只读文本框.
         * disabled: 文本框彻底灰掉。只用于显示固定值
    *   :密码框.
        * 常用属性:
            * name   :表单元素的名称.必须有name属性,然后后台才可以接收数据.
            * value  :密码框的默认值.
            * size   :密码框的长度.
            * maxlength:密码框输入的最大长度.
    *      :单选按钮.
        * 常用的属性:
            * name   :表单元素的名称.必须有name属性,然后后台才可以接收数据.
            * value  :单选按钮的默认值.
            * checked:单选按钮默认被选中.
    *   :复选按钮.
      * 常用的属性:
            * name   :表单元素的名称.必须有name属性,然后后台才可以接收数据.
            * value  :单选按钮的默认值.
            * checked:单选按钮默认被选中.
     
    *     :普通按钮.没有任何功能的按钮.
    *     :提交按钮.
    *        :重置按钮.
    *           :文件上传的表单项.
    *     :隐藏字段.
    *      :图片按钮
           *       :邮箱
    *         :日期
    *    : 数字框(只可用于输入数字)
    *        : 颜色(可以挑选颜色)

    *