HTML

一丶HTML的概述
什么是HTML：超文本标记语言。
如何使用HTML：使用HTML的标签

---

二丶HTML字体标签
标签
属性：size，color，face
例子:

<font color="green" size="7" face="微软雅黑">这是字体标签的属性</font>

说明:
属性:
Color:设置颜色;
size:设置字体的大小,范围1-7之间,数字越大字体越大;
face:设置字体的样式
显示效果如图:

---

三丶HTML排版标签
标题标签：hn
段落标签：p
换行：br
水平线：hr
加粗，斜体，下划线：b，i，u

例子:

<h1>标题标签</h1><!--1-7默认4,1最大-->
<p>段落标签</p>
<!--换行标签-->
<br />
<!--水平线标签-->
<hr />
<!--加粗b-->
<b>加粗</b>
<!--斜体i-->
<i>斜体</i>
<!--下划线u-->
<u>下划线</u>

显示效果图:

---

四丶HTML的图片标签
图片标签：img
属性:
src：图片路径。
width:设置图片的宽度
height:设置图片的高度
alt:当鼠标移到图片上是的显示信息,或当图片显示不出来时的信息显示
例子:

<img src="路径地址" width="400px" height="300px" alt="提示信息"/>

---

五丶HTML的列表标签
列表标签
无序列表
ul
属性：
type:实心小圆点，实心小方块，空心小圆圈

有序列表
ol
属性：
type:阿拉伯数字，英文大小写字母，罗马数字大小写
start:规定起始位置
reversed:倒序，html5的属性
列表项标签
<li></li>

---

六丶HTML的表格标签
表格标签

<tabel></table>

        border属性:边框，建议带上像素值
        wigth属性:宽度
        height属性:高度
        align属性:水平对齐方式 left/right/center
        cellpadding属性:单元格与内容的间距
        cellsapcing属性:单元格与单元格的间距
        bgcolor属性:背景颜色

    <tr></tr>
        table中有的属性它都有
    <td></td>
        table中有的属性它都有
        rowspan属性:跨行
        colspan属性:跨列

---

七丶HTML的表单标签：(form)

<form action="#" method="get/post">
    <input  type="" />
    ......
</form>

表单标签(略)
    form表单属性
        action:
            指的是路径,要提交到到哪里
        method(提交保单的方法,默认7个值):
            get(常用方式)提交的内容会显示在标题栏中包括密码等
            post(提交的内容不会显示在标题中)
            get和post的区别:
                当使用get后,用户填写的信息包括密码会显示在标题栏中,而当使用post之后,这些信息会被影藏,用户看不见,2,get的长度是有限的3,安全问题,post更安全,get风险较高
    ①文本框：type=“text”
        输入用户框
            文本框输入(text属性),需要定义名称(name,用于接收数据):
            value(出输入框的默认值)
            maxlenghth(指定是最大输入字符的长度.也就是说给用户限定输入的长度)
            size(指定输入框的长度)
            placeholder(以灰色的方式提示用户输入,当用户开始输入的时候,出现的提示消息消失)
            readonly(只读属性,意思为用户无法输入,只能看)
            required="required"(假如用户没有输入用户名,就点注册,会提示用户先填内容才能注册添加到哪一行.哪一行就不能为空)
    ②密码框：type=“password”
        输入密码框(type="password" name="password")
            文本框输入(passwprd属性),需要定义名称(name,用于后接收数据):
            value(个人出输入框的默认值)
            maxlenghth(指定输入最大输入字符的长度)
            placeholder(以灰色的方式提示用户输入,当用户开始输入的时候,则出现的提示消息消失)
            required="required"(提示用户在没有完成填写信息之前,无法注册页面)
            size(用来设置框体的长度)
            maxlength(用来设置输入字符的个数,比如密码必须是6位的)
    ③单选按钮：type=“radio”
        radio(单选框.用来设置互斥的选项,比如性别,必须定义name属性,)
            type="radio" name="sex" 
                (在单选框中,必须要定义name属性以便于产生互斥效果,
            checked="checked"(在用户打开界面后.就可以看见一个默认的选择)
                当加入checked之后,会在界面显示选中的默认框
            value(作为值,提交给服务器)
    ④复选框：type=“checkbox”
        checkbox(复选框.例如爱好,就可以使用复选框,一次可以选择多个)
    ⑤文件上传：type=“file”
    ⑥提交按钮：type=“submit”
        submit(提交按钮)
            value(可以改变提交按钮的值的提示)
    ⑦重置按钮：type=“reset”
        reset(重置按钮,点击后,填写的内容全部清空)
            type="reset"
    ⑧普通按钮：type=“button”
    ⑨隐藏字段：type=“hidden”
    ⑩图片字段：type=“image”
    ⑪下拉列表：<select>
        select(下拉列表框)
            name(提交数据的名称)
            option(子标签)
                value(提交数据)
                selected(下拉列表被选中)
            multiple(确定select可以多选格式,写法为:multiple="multiple")
            size(用来显示下拉列表框出现的条数,size=4,就是代表用户可视4条信息)
    ⑫文本区：<textarea>
        textarea(文本域,在注册页面生成一个文本框)
            name(提交数据的名称)
            cols(行)
            rows(列)
表单标签(详细)
    <form></form>
        表单
        action属性:
            将这个表单提交到服务器的位置，也可以是一个本地路径（一个html页面）
        name属性:
            表单名称
        method属性:
            表单提交的方法，默认为get，提交方式有7种,主要是get和post

    <input/>
        输入项，包括文本输入，密码输入，单选框，复选框，下拉列表，提交按钮，普通按钮
        type属性:
            ①text值
                普通为本输入项
            ②password值
                密码输入项
            ③radio值
                单选按钮
                    name值设置为相同名称可以保证互斥性
            ④checkbox值
                复选框
            ⑤submit值
                提交按钮
            ⑥button值
                普通按钮
        name属性
            提交到服务器数据的名称，在单选框中和复选框name确定了一个组
        value属性
            输入框的内容，按钮上的字，单选框和复选框需要自定义的值
        size属性
            输入框特有的属性，用于设置输入框的宽度，单位为像素值px
        maxlength属性
            输入框特有的属性，用于限定输入框的最大输入长度，单位字符
        readonly属性
            只读
        placeholder属性
            输入框特有的属性，用于给出提示信息
        checked属性
            复选框和单选框特有的属性，值设置为checked，表示默认选中该项
    <select></select>
        ⑦下拉列表
        <option></option>
            下拉列表的子项
            name属性
                提交到服务器数据的名称
            value属性
                提交到服务器的数据

---

八丶HTML的框架标签
frameset，frame
框架结构标签

        <frame></frame>

        src属性:
            指定该独立区域显示的页面
        name属性: 
            定义frame名称，配合超链接的taget属性来使用

    <framest></framest>
        对整个页面进行切割
        rows属性:进行水平切割
        cols属性:进行垂直切割
        rows和cols其值都是百分比，相加总和为100%

---

九丶HTML超链接标签
超链接标签

        <a></a>

        href属性:
            既可以是网络路径，还可以是本地文件路径］
        taget属性:
            跳转过去页面显示的位置（_self覆盖当前的页面，_blank新打开一个选项卡）

---

十丶HTML块标签
div和span标签
div
div是一个块级元素，独自占一行，主要用于页面布局

span
    span是一个内联元素，主要用于对内容样式进行设置
    <span> 标签被用来组合文档中的行内元素。不换行

十一丶
扩展特殊标记
空格： 
<: <
>: >