首页 前端知识 【HTML】html纯常用代码

【HTML】html纯常用代码

2024-05-26 01:05:27 前端知识 前端哥 13 262 我要收藏

表格

<table border="1px" height="300px" width="300px" align="center">
    <caption>表格</caption>
    <thead>
        <tr align="center">
            <th>表格name</th>
            <th>表格sex</th>
            <th>表格age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>name1</td>
            <td rowspan="2">sex1</td>
            <td>age1</td>
        </tr>
        <tr>
            <td>name2</td>
            --------------
            <td>age2</td>
        </tr>
    </tbody>
</table>

布局标签

<header>头部 定义页眉</header>
<nav>定义导航链接的部分</nav>
<footer>页脚 页面底部</footer>
<article>定义文章</article>
<section>定义区域</section>
<aside>定义侧边</aside>

搜索出现内容

搜索:<input type="text" list="name" />
<datalist id="name">
    <option>岳飞</option>
    <option>秦葵</option>
    <option>李大招</option>
</datalist>

表单

<fieldset>
    <legend>用户登录</legend>
    <form>
        邮箱:<input type="email" > <br/>
        手机:<input type="tel" > <br/>
        url:<input type="url" > <br/>
        数字:<input type="number" > <br/>
        搜索:<input type="search" > <br/>
        区域滑块:<input type="range" > <br/>
        时间:<input type="time" > <br/>
        年月日:<input type="date" > <br/>
        年月日:<input type="datetime" > <br/>
        月份:<input type="month" > <br/>
        星期:<input type="week" > <br/>
        颜色:<input type="color" > <br/>
        <input type="submit" > <br/>
    </form>
</fieldset>
<form action="demo.py" method="post" name="新浪登录页面">
    用户名 :<input type="text"/><br/>&nbsp;码 :<input type="password"/><br/>&nbsp;别 :<input type="radio" name="sex" /><input type="radio" name="sex"/><br/>&nbsp;好 :<input type="checkbox" name="hobby" /> 足球
                <input type="checkbox" name="hobby" /> 唱歌 
                <input type="checkbox" name="hobby" /> 摸鱼 <br/>&nbsp;索 :<input type="button" value="搜索啥" /> <br/>
 	--------------------- <br/>
    <input type="submit" value="提交" /> <br/>
    <input type="reset" value="重置" /> <br/>
    <input type="image" src="/Users/ym/Downloads/zenv/0.jpeg" width="300px"/> <br/>
    上传头像 :<input type="file"/> <br/>
    <label>输入账号label1 :<input type="text" /> </label>
    <label for="2">输入账号label2 :<input type="text" /> <input type="text" id="2"/></label>
    <textarea cols="90" rows=20">文本内容</textarea>
    下拉菜单:
    <select>
        <option selected>武汉</option>
        <option>襄阳</option>
        <option>十堰</option>
        <option>黄冈</option>
        <option>宜昌</option>
    </select>
    <select>
        <option>矿泉水</option>
        <option>凉虾米</option>
        <option selected>热干面</option>
        <option>冰凉粉</option>
        <option>小龙虾</option>
        <option>自助餐</option>
        <option>欢乐谷</option>
    </select>
</form>
<form action="" >
    用户名1:<input type="text" placeholder="请输入用户名" autofocus > <br/>
    用户名2:<input type="text" required accesskey="s"> <br/>
    保留记忆电话号码:<input type="text"  autocomplete name="number"> <br/>
    上传文件:<input type="file" multiple> <br/>
    <input type="submit" value="提交"> <br/>
</form>

音视频

<embed url="【我为何如此偏爱晴雯?说给一位高考生《红楼梦》人物品评-哔哩哔哩】 https://www.qianduange.cn/upload/article/moc0GHDspan class=token punctuation&" height="300px" border="10px"/>
<img src="/Users/ym/Downloads/zenv/0.jpeg" alt="大眼睛搞怪" title="点我也没用" width="300px"/>
<a href="https://www.baidu.com" target="_blank">点我跳转百度</a>
<a href="#页首">锚点定位页首</a>
<a href="#页尾">锚点定位页尾id="页尾"</a>
<base target="_blank" />


特殊字符:&nbsp;&nbsp;
<ul>
    <li>无需列表1</li>
    <li>无需列表2</li>
</ul>
<ol>
    <li>有序列表1</li>
    <li>有序列表2</li>
</ol>
<dl>
    <dt>自定义列表标题</dt>
    <dd>自定义列表1</dd>
    <dd>自定义列表2</dd>
    <dt>自定义列表标题</dt>
    <dd>自定义列表1</dd>
    <dd>自定义列表2</dd>
</dl>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/9600.html
标签
评论
发布的文章

html5怎么实现语音搜索

2024-06-01 10:06:32

HTML5

2024-02-27 11:02:15

HTML - 头部元素

2024-06-01 10:06:06

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!