web前端2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>笔记2</title>
</head>
<body>
标题标签
    <h1 id="main">标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    注:标题标签只有6个,在往后没有标题属性


段落标签
    <p>hallo<p>你好!!!</p></p>


换行标签
    <br/>


水平线
    <hr/>


强调标签
    <em>倾斜</em>
    <i>倾斜</i>
    <strong>强调</strong>
    <b>加粗</b>


图片标签
    <img src="img/arrows.jpg" alt="tu" title="图" />
    <img src="img/arrows.jpg" alt=""/>
    注:alt是当图片不能正常显示时,显示的文字,title是当鼠标滑动到图上时显示的文字,一般用来做图片介绍


超链接
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="#main">主题</a>
    <a href="mailto:a.61@163.com">打开邮箱</a>
    <a href="笔记1.html#footer">跳转到笔记1的底部</a>
    注:target打开网页方式,默认不写为当前窗口打开,_blank是新窗口打开
        mailto: 邮箱的超链接方式

列表标签
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

    <ol>
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ol>

    <dl>
        <dt>第一章</dt>
        <dd>第一节</dd>
        <dd>第二节</dd>
        <dd>第三节</dd>
        <dt>第二章</dt>
        <dd>第一节</dd>
        <dd>第二节</dd>
        <dd>第三节</dd>
        <dt>第三章</dt>
        <dd>第一节</dd>
        <dd>第二节</dd>
        <dd>第三节</dd>
    </dl>


表格标签
    <table border="1" width="800">
        <caption>通讯录</caption>
        <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>电话</th>
                <th>备注</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">1</td>
                <td rowspan="2">张信息</td>
                <td>1222333333</td>
                <td rowspan="2">北京</td>
            </tr>
            <tr>
                <td>12345678</td>
            </tr>
            <tr>
                <td>2</td>
                <td>杨人</td>
                <td>13333456</td>
                <td>山西</td>
            </tr>
        </tbody>
        <footer>
            <tr>
                <td colspan="4" align="right">共2人</td>
            </tr>
        </footer>
    </table>
    注:caption标签一个表格中只有一个,默认在表格最上方居中
        跨行采用: colspen
        跨列采用:rowspen


表单标签
    <form action="" method="POST">
        用户名:<input type="text" name="username" /><br/>
        密码:<input type="password" name="passwrod"/>
        性别:<input type="radio" name="sex" value="0">男
              <input type="radio" name="sex" value="1">女<br/>
        爱好:<select name="like">
             <option value="看书" selected="selected">读书</option>
             <option value="旅游">旅游</option>
             <option value="运动">运动</option>
             <option value="购物">购物</option>
        </select><br/>
        个人简介:<textarea cols="50" rows="10"></textarea>
        <input type="button" name="but" value="按钮">
        <input type="submit" name="sub" value="提交">
        <input type="reset" name="reset" value="重置">
    </form>

无语义标签
    <div></div>
    <spen></spen>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值