A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© perry2017 初级黑马   /  2018-1-17 15:59  /  1018 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 小石姐姐 于 2018-1-18 11:15 编辑

HTML概述

* HTML4
    *<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
* HTML5:支持视频播放,支持CSS3,支持定位,扩展标签...
    *<!DOCTYPE html>

无序列表的属性:
    * type属性
        *disc   :实心点.
        *circle :空心圆
        *square :方块.

有序列表的属性:
    * type属性:
        * 1      :数字类型
        * a      :英文类型
        * i      :罗马字符
    * start属性:从哪开始

超链接的target属性:
    * _self
    * _blank
    * _parent

<pre>标签:原生标签.
<hr/>标签:横线.
* HTML的概述:
    * HTMLHyper Text MarkupLanguage.
    * HTML就是由一组标签所组成的.
* HTML的字体标签:
    * <font>标签:
        * 属性:color,size,face
* HTML的排版标签:
    * h标签:标题标签.
    * p标签:段落标签.
    * b标签:加粗标签.
    * i标签:斜体标签.
    * u标签:下划线标签.
    * br标签:换行.
    * hr标签:水平线.
* HTML的图片标签:
    * img标签:
        * 属性:
            * src属性:图片的路径.
            * 相对路径:  ./ 代表当前目录   ../上一级目录   
            * width,height,alt.
* HTML的超链接标签:
    * a标签:
       * 属性:
            * href:链接的路径.
            * target:链接打开的方式. _self,_blank,_parent
* HTML的列表标签:
    * 无序列表:<ul>
     * 有序列表:<ol>
* HTML的表格标签:
     * table标签:
         * tr标签:表格的行.
         * td标签:表格的列.
* HTML的表单标签:(*****
     * form标签:
         * action属性:表单提交的路径
         * method属性:表单的提交的方式.
             * GETPOST
                 * GET:地址栏上会显示提交的数据的信息,大小限制.
                 * POST:地址栏不会显示提交的数据的信息,没有大小限制.
    * <input>
        * type=”text”:文本框
        * type=”password”:密码框.
        * type=”radio”:单选按钮.
        * type=”checkbox”:复选框.
        * type=”file”:文件上传.
        * type=”hidden”:隐藏字段.
        * type=”submit”:提交按钮.
        * type=”reset”:重置按钮.
        * type=”button”:普通按钮.
        * type=”image”:图片按钮.
   * <select>:下拉列表.
   * <textarea>:文本区
* HTML的框架标签:
   * <frameset>
   * <frame>
CSS的其他选择器】
Ø  属性选择器:
        <style>
            input[type="text"]{
                background-color:red;
            }
        </style>

Ø  后代选择器:
div span 查找的是所有div中的所有的span元素.
h1 strong{
   color:red;
}
        <h1>
            Thisis <strong>very</strong><strong>very</strong> important.
        </h1>

        <h1>Thisis
            <strong>very</strong>
            <em>really
                <strong>very</strong>
            </em>
                important.
        </h1>
Ø  子元素选择器:
div > span找这个div中的第一层级的span元素.
h1 > strong{
   color:red;
}
        <h1>
            Thisis <strong>very</strong><strong>very</strong> important.
        </h1>

        <h1>Thisis
            <strong>very</strong>
            <em>really
                <strong>very</strong>
            </em>
                important.
        </h1>
Ø  并列选择器:
选择器,选择器{
}



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马