HTML笔记

一.基本标签

        br换行

        hr水平线

        pre保留原格式进行显示

        del删除字

        i斜体字

        b粗体字

        ins插入字

        font设置字体

        sup右上角插入

        sub右下角插入

二.实体标签

        目的:为了防止和html标签语言中的关键字发生冲突

        空格：  

        <:        &lt;

        >:        &gt;

三.表格

        table标签

        <table border=1px height=100 width=50>

                <tr align="center">

                        <td>123</td>

                </tr>

        </table>

四.单元格合并

        都为td的属性

        colspan行合并

        rowspan列合并

        表格第一行用th而不用td，可以居中加粗，表示标题

五.thead tfoot tbody

        作用：标识主体 开头 脚部

六.背景色和背景图片

        背景色：bgcolor   body的属性

        背景照片：background=路径

七.img标签

        src为属性，为文件路径

        width设置宽度，不建议设置height，会导致照片失真

        title属性是鼠标悬停时，显示的内容

        alt属性是为了当图片不存在或者网络阻塞时，显示的内容

        单目标签<img/>

八.超链接

        <a href="地址" target="blank/self/top/parent">     (这里是超链接显示的内容，可以是文字也可以是图片)    </a>

        blank会跳转至新的页面

        self自身页面跳转

        作用：

                1.通过超链接可以从浏览器向服务器发送请求request

                2.和直接输入url没有区别，只是超链接更快捷，不用记网址

九.列表

        分为无序列表和有序列表

        无序列表

                <ul type='circle'/'square'/'disc'>

                        <li></li>

                </ul>

        有序列表 会显示123或者abc或者ABC或者i ii iii 或者I II III

                <ol type='1'/'a'/'A'/'i'/'I'>

                        <li></li>

                </ol>

        可以嵌套

十.表单（重中之重）

        作用：收集用户信息 点击提交，则提交表单中的数据给服务器
                1.form
                2.一个网页当中可以有多个表单
                3.表单最终是需要提交数据给服务器的
                4.action属性用来指定数据提交给的服务器地址
                5.submit表示是一个提交表单的能力
                6.button为普通按钮 
                7.value设置按钮上设置的文本
                8.form也能充当超链接action设置为url，点击submit直接跳转
                9.表单可以放在表格里
                10.重要！name才会提交数据
                11.提交的格式 action？name＝value&name＝value
                12.这是w3c的HTTP协议规定的
                13.method＝post不会显示发送的信息
                        get会把信息显示在地址栏上

                form action＝... method＝post/get
                    input type＝button submit reset password等等 value＝ name＝
                /form

        radio为单选 可以把name设置成一样，就只能选一个了，和java里的group一样，value必须设置

        select复选框 multiple可以多选

                option

        textarea

        总结：

        input type=password submit button radio text reset checkbox file

        textarea

        select option

十一.hidden控件

        input type=hidden

        隐藏在浏览器中的显示，但是表单提交仍然会把这部分的value上传发送给服务器

 十二.readonly disabled

        都是只读

        但是disabled中的信息不会submit

十三.maxlength

        input中设置

        设置最长输入字符，防止用户超限

十四.id属性

        每个元素都有属于自己唯一的id，相当于人的身份证号

        目的：为了js中，方便拿到这个元素

        DOM树：document

        html文档就是一棵树

十五.div span

        图层

        为了保证页面可以灵活的布局，比table更灵活

        SEO网络引擎优化师

        div默认占有一行

        span不会

        div可以嵌套div

        设置xy轴