初识HTML(1)

body部分



    <body>
<!-- CTRL+/    注释部分 -->
    第一个HTML文档
    <!-- html标签还是属性名都小写 
    常用标签学习:
                块级标签(独占一行):h1-h6标题标签(由大到小),p段落标签
                                    ul配合多个li无序列表,ol有序列表
                                    table表格tr定义行,td定义列,th表头要在第一个tr里面 合并列colspan,合并行rowspan都加在td或th
                                
                行级标签(内联标签):img图片标签配合src使用,使用相对路径../跳出到上级目录
                                    a超链接配合href指定路径 target属性_blank新窗口打开
      
                单标签:br换行
                    相对路径:相对当前文件(./当前路径,../上级路径)
                表单标签:form表单标签包含的表单元素才有效果,action提交地址,method提交方式
                        input  文本框type=text  placeholder提示信息灰色,value初始值
                              密码框type=password
                           单选框type=radio 需要通过name属性确定类别,通过checked属性设置默认选择
                               复选框type=checkbox 通过checked属性设置默认选择
                               下拉框select option 
                               文本域textarea
                               按钮   提交按钮 type=submit
                                      普通按钮type=button
                                      重置按钮type=reset       
                    -->

以下是基础实例:
        <form action="" method="" >
                        用户名<input type=" text" placeholder="请输入用户名" value="段老师"/><br />
                        密码<input type="password" placeholder="请输入密码"/><br />
                        性别:<input type="radio" name="sex" checked value="1"/>男
                        <input type="radio" name="sex" value="0"/>女<br />
                        爱好:<input type="checkbox" name="hobby" checked value="998"/>学Java
                        <input type="checkbox" name="hobby" value="997"/>学MySQL
                        <input type="checkbox" name="hobby" value="996"/>学HTML
                        <input type="checkbox" name="hobby" value="995"/>学MVC<br />
                        日期:<input type="date" /><br />
                        籍贯:<select name="pro">
                            <option value="10001">辽宁省    </option>
                            <option value="10002">山东省    </option>
                            <option  value="10003" >黑龙江省    </option>
                            <option  value="10004">曹县    </option>
                            <option  value="10005">陕西省    </option>
                        </select><br />
                        个人简介:<textarea rows="10" cols="20"> </textarea><br />
                        <input type="submit" />
                        <input type="button" value="普通按钮"/>
                        <input type="reset" />
        </form>
    <h1>这是h1标签</h1>
    <h2>这是h2标签</h2>
    <h3>这是h3标签</h3>
    <h4>这是h4标签</h4>
    <h5>这是h5标签</h5>
    <h6>这是h6标签</h6>
    <p>这是p标签<br/>11111111111111</p><br />
    <img src="img/logo.png" alt="图片显示异常" />
    <br />
    <a href="https://www.baidu.com/" target="_blank">百度地址超链接</a><br />
    <a href="https://www.baidu.com/">百度地址超链接</a><br />
    <a href="https://www.baidu.com/">百度地址超链接</a><br />
    <!-- 无序列表 -->
    <ul>
        <li>段老师    </li>
        <li>上课    </li>
        <li>看小说    </li>
        <li>回家玩游戏    </li>
    </ul>    
    <!-- 有序列表 -->
    <ol>
        <li>段老师    </li>
        <li>上课    </li>
        <li>看小说    </li>
        <li>回家玩游戏    </li>
    </ol>
    <table border="10" cellpadding="0" cellspacing="0">
        <tr>
            <th rowspan="2">Header1</th>
            <th>Header2</th>
            <th>Header3</th>
            <th>Header4</th>
        </tr>
        <tr>
            <td colspan="2">Data</td>
            
            <td>Data</td>      
        </tr>
    </table>
    </body>
 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值