美文网首页
10-22熟悉前端页面元素

10-22熟悉前端页面元素

作者: McLaren11 | 来源:发表于2018-10-23 18:42 被阅读17次

    一、熟悉标记语言的格式

    • html:“超文本”就是指页面内容可以包含图片,链接,甚至音乐,程序等分文字元素。
    • 超文本标记语言的结构包括“头”部分(英语:head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

    二、常用标签

    • input
    • select:下拉框
    • a:超链接
    • img:图片
    • audio:音频
    • viddeo:视屏

    例子

        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>第一天html学习</title>
        </head>
        
        <body>
            <h1>这是一个h1标签</h1>
            <h2>这是一个h2标签</h1>
            <h3>这是一个h3标签</h1>
            
            <td>姓名</td>
            <input type='text'>
            
            </br>
            </br>
            
            <td>密码</td>
            <input type='password'>
            
            </br>
            </br>
            
            <td>年龄</td>
            <input type='number'>
            
            </br>
            </br>
            
            <td>性别</td>
            <input type='radio' name='sex'>
            <td>男</td>
            <input type='radio' name='sex'>
            <td>女</td>
            <input type='radio' name='sex'>
            <td>其他</td>
            
            </br>
            </br>
            
            <td>班级</td>
            <input type='radio' name='class'>
            <td>1810</td>
            <input type='radio' name='class'>
            <td>1812</td>
            <input type='radio' name='class'>
            <td>1902</td>
            
            </br>
            </br>
            
            <td>多选框</td>
            <input type='checkbox'>
            <td>A</td>
            <input type='checkbox'>
            <td>B</td>
            <input type='checkbox'>
            <td>C</td>
            
            </br>
            </br>
            
            <td>按钮</td>
            <input type='button' value='登录'>
            
            </br>
            </br>
            
            <textarea></textarea>
            <td>select:下拉框</td>
            <select>
                <option>嘉文</option>
                <option>瑞文</option>
                <option>德莱文</option>
                <option>龙方培瑞</option>
            </select>
            
            </br>
            </br>
            
            <td>a标签:超链接</td>
            <td><a href='http://www.baidu.com'>百度一下</a>
            </td>
            
            </br>
            </br>
            
            <td>reset:重置按钮</td>
            <input type='reset' value='重置'>
            
            </br>
            </br>
            
            <td>submit:提交按钮</td>
            <input type='submit' value='提交'>
            
            </br>
            </br>
            
            <td>img:图片</td>
            <img src="../picture/2.jpg">
            </img>
            
            </br>
            </br>
            
            <td>音频</td>
            <audio controls="" loop="True">
            <source src='../media/mp3/a.mp3' type="audio/mpeg">
            </audio>
            
            </br>
            </br>
            
            <td>视频</td>
            <video controls="">
            <source src='../media/mp4/StartMenu_Win10.mp4' type="video/mp4">
            </video>
    
        </body>
    
    
    </html>
    

    <html>和</html>要将所有的程序包含其中,

    相关文章

      网友评论

          本文标题:10-22熟悉前端页面元素

          本文链接:https://www.haomeiwen.com/subject/tezgzftx.html