html 

<!DOCTYPE html>
<!--DOCTYPE告诉浏览器使用什么规范-->
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--meta描述性标签，描述网站的一些信息-->
    <title>基本标签</title>
</head>
<body>
<a name="top"></a>
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>
​
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
​
<hr/>
​
哈哈哈哈哈哈哈哈哈哈<br/>
<strong>粗体<br/>
</strong><em>斜体</em><br/>
​
空&nbsp;格<br/>
​
&gt;<br/>
&lt;<br/>
​
<img src="..\resource\1.png" alt="404" title="悬停文字" width="1000" height="300"><br/>
​
<a href="https://www.bilibili.com/read/cv5702420" target="_blank">dianjitiaozhuan</a><br/>
<a href="#top">dianjidingbu</a><br>
<a href=""></a><br>
​
<ol>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ol>
<hr>
<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>
<hr>
<dl>
    <dt>a</dt>
    <dd>c</dd>
    <dd>d</dd>
</dl>
<hr>
​
<table border="1px">
    <tr>
        <td colspan="4">1-1</td>
    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>
</table>
<hr>
​
<video src="" controls autoplay></video>
<br>
<audio src="" controls autoplay></audio>
<br>
​
<header><h2>toubu</h2></header>
<section><h2>zhuti</h2></section>
<footer><h2>jiao</h2></footer>
<br>
​
<iframe src="https://www.bilibili.com/read/cv5702420" frameborder="0" height="300" width="800"></iframe>
<br>
​
<iframe src="" name="second" frameborder="0"></iframe>
<a href="second.html" target="second">点击跳转</a>
<br>
​
get方式快，不安全，小信息
post安全，慢，大文件
<form action="second.html" method="get">
    <p>名字：<input type="text" name="username" placeholder="输入名字" required></p>
    <p>密码：<input type="password" name="pwd" hidden value="123456"></p>
    <p>性别：
        <input type="radio" value="boy" name="sex" checked>男
        <input type="radio" value="girl" name="sex"disabled>女
    </p>
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="code" name="hobby" checked>敲代码
        <input type="checkbox" value="chat" name="hobby">聊天
        <input type="checkbox" value="game" name="hobby">打游戏
    </p>
    <p>按钮：
        <input type="button" name="btn1" value="点击变长">
        <input type="image" src="..\resource\1.png">
    </p>
    <p>国家：
        <select name="列表名称" id="">
            <option value="chinese">中国</option>
            <option value="chinese">美国</option>
            <option value="chinese">日本</option>
            <option value="chinese" selected>瑞士</option>
        </select>
    </p>
    <p>文本域：
        <textarea name="textarea" id="" cols="30" rows="10"></textarea>
    </p>
    <p>文件：
        <input type="file" name="files">
        <input type="button"value="上传"name="upload">
    </p>
    <p>邮箱：
        <input type="email"name="email">
    </p>
    <p>网址：
        <input type="url"name="url">
    </p>
    <p>数字：
        <input type="number"name="num" max="100"min="0"step="2">
    </p>
    <p>滑块：
        <input type="range"name="voice"max="100"min="0"step="5">
    </p>
    <p>搜索框：
        <input type="search" name="search" id="s1">
    </p>
    <p>label
        <label for="s1">点我试试</label>
    </p>
    <p>自定义邮箱：
        <input type="text" name="DiyEmail" pattern="">
<!--        输入正则表达式-->
​
        <input type="submit">
        <input type="reset">
    </p>
</form>
​
</body>
</html>

 

posted @ 2021-11-04 08:34  旺仔是个好人  阅读(265)  评论(0)    收藏  举报