HTML网页基础

HTML网页基础

1.基本结构

    <header> <h2>网页的头部h2> header>

    <section> <h2>网页主体h2> section>

    <footer> <h2>网页脚步h2> footer>

2.内联框架

    <iframe src="https://www.baidu.com" name="hl" frameborder="0" width="300px" height="500px">iframe>

    <a href="https://user.qzone.qq.com/3187311481" target="hl">点击跳转a>

3.表单语法

<form action="Deom1.html" method="get">


    <p>账号:<input type="text" name="username"> p>
    <p>密码:<input type="password" name="pwd"> p>
    <p>
        <input type="submit">
        <input type="reset">
    p>
form>

4.按钮

单选按钮

    <input type="radio" name="sex">男
    <input type="radio" name="sex">女

多选按钮

    <input type="checkbox" >睡觉
    <input type="checkbox" >泡澡
    <input type="checkbox" >沐浴

5.下拉列表

    <select>

        <option>1option>
        <option>2option>
        <option>3option>
        <option>4option>

    select>

6.文件域

    <p>
        <input type="file" name="files">
    p>

7.email邮件判断

<input type="email" name="email">

8.滑块

音量：
<input type="range" min="0" max="100" name="voice">

9.搜索

    <input type="search" name="search">

10.禁用&隐藏

<input type="submit" disabled>
<input type="submit" hidden>

11.增强

    <label for="mark">你点我试试看label>
    <input type="text" id="mark">

12.表单初级验证

	<p>账号:<input type="text" name="username" placeholder="请输入用户名" required  pattern=""> p>
    <p>密码:<input type="password" name="pwd"> p>

• 正则表达式速查表网址：点击进入