html5学习笔记day02

1.单标签元素:
                <input type="text">
                <br>
                <meta>

2.双标签元素:
        开始标签  内容  结束标签
        <div 属性名=属性值 >
        内容
        </div>
        <span></spam>

        核心属性
        id class title style 
        特有属性
        data-*
5)块级元素
    独占一行空间,宽度占满父元素
    2.高度由内容决定
    3.可以指定宽高


            默认样式
    body
    <div>    无意义
    h1·h6    margin
    p
    ul
        li
    ol
        li
    dl
        dt
        dd

    h5新增会计元素(语义化的标签)
        除了语义之外,其与特性与div一致
    header        页面头部    
    footer        脚部
    article        主题
    section        部分
    aside        次部分
    nav            导航
    address        
    ...


6)行内元素
    与其他行内元素共享一行空间
    无法指定宽高,宽高由内容决定,没有行高
    一般不会在行内元素中插入块级元素

    span
    a:        外在表现形式:color/text-decoration
        herf
            1.锚点:
            当前页面跳转
            1)定义锚点
            <div id="top"></div>
            2)设置跳转
            <a href="#top">top</a>

            2.路径:
                1)url
                http://127.0.0.1
                2)绝对路径
                /
                3)相对路径
                day01     默认当前目录下的day01目录
                ./        当前目录
                ../        上一级目录
                ~/  

            3.邮件
            mail:
            gmail/163:用户名 密码
            网易邮箱客户端
            每天收邮件(工作安排)

        target
            _self
            _blank
    image(行内元素)
        src
            路径
            1.url
            图片上传,第三方图片托管
            <img src="https://"
            2.绝对
            3.相对
    装饰类标签
        i
        b
        strong(加粗)
        sub
        sup(次方)
        del(删除线)
        ...

7)功能性标签
    表格
    <table>        (border,width,cellspacing)
    <thead>
    <tr>
    <th></th>    (width,rowspan,colspan)
    <th></th>
    <th></th>
    </tr>


    </thead>
        <tbody>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>

8)表单
    from(
        meehod="get/post/delete/put..."
            表单提交方式,交给后台开发者
            get:
                1.明文传输,在浏览器地址栏里直接看到
                login?user=admin&password=123
                2.参数长度受限制
            post:
                1.将参数封装到请求体中
                user=admin&password=123
                2.参数长度不是限制

        action
            处理程序的地址
        enctype
            表单编码
            application/x-www-from-urlencoded

        注意:
        1.表单内的name参数值无法省略
        2.    请求路径(path / login)与查询字符之间用?隔开,查询字符串包含了若干对参数,参数之间通过&分隔
        3.


        1.input(type)
            type="radio"
            type="checkbox"
            type="text"
            type="password"
            type="submit"
            type"reset"
            type="file"
            ...
        2.textarea
        3.select

猜你喜欢

转载自blog.csdn.net/qq_36836332/article/details/81293014