HTML 学习 （下）

1.6 注释

<!--这是一个注释！-->

1.7 表单

能够接受用户输入并且可以被赋值的标签统称为表单标签，如常见的文本框，单选框，多选框，下拉菜单等，表单标签一般都会放在form标签中，使得在触发提交时，可以一并上传全部表单标签的值。

 

        <formaction="" method="post">

                用户名<inputtype="text" placehold="用户名"name="username"/>

                密码<inputtype="password" placehold="密码"name="password"/>

                <selectname="" id="">

                <optionvalue="北京">北京</option>

                <optionvalue="上海">上海</option>

                <optionvalue="广州">广州</option>

                <optionvalue="深圳">深圳</option>

        </select>

        一大段文本<textarearows="10" clos="10" placehold="一大段文本"name="content"></textarea>

        <buttontype="submit">登录</button>

        </form>

Form 的action 属性指定了用户提交时应当触发的响应函数，method 属性指定了提交的HTTP请求类型，这里为post

Input 为输入框，不同的type对应不同的表单元素，可取的值包括button，checkbox，color，date，datetime，email，file，month，number，password，radio，range，submit，text，time等。Placeholder指定了当标签内容为空时，在页面上显示的提示信息。

        使用select 和 option 可以定义下拉列表，默认选中第一项。Option 中的内容会显示在页面上，而value属性则对应每个option的值，处于选中状态的option的值将作为整个select的值。

        Textarea为文本框，用于显示多行文本，rows和cols 分别用于指定文本框的行数和列数。

      Button为按钮，type = “submit”表示单击按钮之后将触发提交操作，form 内全部表单标签的值都会一并提交给action中定义的响应函数处理。

        Input,textarea,button都属于内联标签，因此所有的表单标签都显示在同一行。

1.8 颜色

1.RGB 表示法

  使用 R,G,B 来合成任何一种颜色，分别表示颜色的红色分量，绿色分量，蓝色分量，取值为（0,255） rgb(0,0,0)表示黑色，rgb(255,255,255)表示白色，rgb(255,0,0)表示红色，依此类推。如果 rgba(255,0,0,0.5) 则第四个分量表示颜色的透明度。

1.   十六进制表示法

例#000 表示黑色 #fff 表示白色 #f00 表示红色

2.   使用颜色名称

使用颜色名称，如 red ，green， blue 等，这些预定的名称分别对应一些预先设定好的值。

3.  网页插件安装

Sublime text 安装 网页开发插件 emmet

按  ctrl + shift +p 调出插件安装命令行

输入 install package

找到 emmet 安装

例1 ：输入<table></table> 快捷编辑

  输入 table  按 tab 键补全

例2：输入 <td></td>

         <td></td>

         <td></td>

方法输入 td*3按 tab 键补全

详细使用方法见: https://juejin.im/post/584f53228d6d8100545abc55

 

4.  HTML5

svg：http://www..runoob.com/svg/svg-tutorial.html

canvas:http://zhanghonglun.cn/blog/canvas初探：基本语法

http://www.runoob.com/html/html-5-intro.html

 

4.补充内容

关于html的更多内容可以访问链接：http://www.runoob.com/html/html-tutorial.html

推荐完整的浏览和尝试一遍