前端—html基础总结

1.学习资料

自己购买的资料:
[http://www.ydma.com/classroom/14/task/66](http://www.ydma.com/classroom/14/task/66)

2.学习总结


固定模式
        <!DOCTYPE HTML>
        <html>
            <head>
            </head>
            <body>
            </body>
        </html>

处理格式
    <title></title>

    <meta charset="utf-8"/>,<meta name="keywords" content="内容">,<meta name="discription" content="内容">

    <p></p>段落,<h1></h1>标题,<br>换行,<hr />水平线,<del></del>删除线,<strong></strong>强调,<i></i>斜体,<b></b>粗体,<em>强调,<sub>下标,<sup>上标,<small>小号字

    <a href="http://www.runoob.com">这是一个链接</a>

    <img src="/images/logo.png" width="258" height="39" />

    <ul>
            <li></li>
            <li></li>
    <ul>

    <ol>
            <li></li>
            <li></li>
    <ol>

    <detail></detail>

    属性包括:class,id,title,style,name,center,font,bgcolor,backgroud,size,color

超媒体
    <audio controls>
        <source src="">
    </audio>

    <video controls>
            <source src="">
    </video>

表格
    <table border="1" width="800">
        <tr align="center">
                <td valign="top"></td>
                <td rowspan="3"></td>
        </tr>
        <tr align="center">
                <td valign="top"></td>
                <td rowspan="3"></td>
        </tr>
    </table>

框架
    <frameset rows="20%*">
            <frame src="./top.html"/>
            <frameset cols="25%*">
                <frame src="./right.html"/>
            </frameset>

    </frameset>

表单
    <form action="" method="get/post">
         文字<input type="text" name="user" value=""/><br/>
         文字<input type="password" name="pwd" value=""/><br/>
         <input type="submit" value="">
         <button></button>
        <input type="radio"/>
        <input type="checkbox" name="hobby[]" value="0"/>
        <input type="file" name="pic",value=""/>
        <input type="image" name="" src="路径" width="" value="" alt=""/>
        <input type="reset" name="" value="" />
        <input type="hidden" name="" value=""/>
        <input type="reach"/>
        <textarea name="content"></textarea>
        <select name="">
            <option value="1"></option>
            <option value="1"></option>
        </select>

    </form>

    知识点1:为排版方便,表单允许分离
    知识点2:readonly,disabled,selected,autofocus,placeholder,required,multiple,pattern,step,min,max,tabindex,contentEditable

3.问题及解决

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值