第一篇、HTML标签

 

<!--根标签-->
<html>
    <head> 
        <!--设置编码方式-->
        <meta charset="UTF-8">
        <title>HTML标签的使用</title>
    </head>
    
    <body> 
        <!--标题标签-->
        <h1>你好新世界!</h1>
        
        <!--段落标签 <br>换行标签 -->
        <p>这是一个段落这是一个段落这是一个段落这是<br/>一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
        
        <!--输入框标签-->
        <input placeholder="请输入内容"/>
        <input value="张三">
        <!--取色  type:checkbox date rang-->
        <input type="color">
        
        <!--超链接标签 target _blank 新起窗口打开-->
        <a href="http://www.baidu.com" target="_blank">百度一下</a>
        
        <!--图片 src 相对路径和绝对路径-->
        <img src="#" width="100px" height="100px"></img>
        <img src="./src/1.png" width="100px" height="100px"></img>
        
        <!--列表标签-->
        <ul>
            <li>第一个标签</li>
            <li>第一个标签</li>
            <li>第一个标签</li>
            <li>第一个标签</li>
            <li>第一个标签</li>
        </ul>
        
        <!--div标签 没有任何才华的容器-->
        <div>2222222222222222222</div>
    </body>
</html>

 

posted on 2016-09-01 23:34  久冬不雨  阅读(123)  评论(0编辑  收藏  举报