html 笔记1

最新推荐文章于 2024-01-18 19:00:14 发布

xiangzilong

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量61

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_36270681/article/details/113571839

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<a name="miao"></a>
<h1>这个聚会的名单</h1>
<ul type="circle">
    <a href="http://www.baidu.com" target="_blank">
        <li>张三</li>
    </a>
    <li>李四</li>
    <li>王五</li>
</ul>
<ol type="a">
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>

</ol>
<img src="img/1610810729.jpg" alt="美女加载失败"><br>

<!--表格-->
<table border="1">
    <thead>
        <tr>
            <th>主机名</th>
            <th>操作系统</th>
            <th>ip</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>web1</td>
            <td>linux7.6</td>
            <td>192.168.1.100</td>
        </tr>
        <tr>
            <td>web2</td>
            <td>linux7.6</td>
            <td>192.168.1.101</td>
        </tr>
    </tbody>
</table>

<form action="/login" method="post">
    用户名：<input type="text"><br>
    密码：<input type="password"><br>
    <input type="submit" value="登录">
</form>

<!--多选-->
<form action="/login" method="post">
    主机：<input type="checkbox" name="host"><br>
    显示器：<input type="checkbox" name="dispalyer"><br>
    鼠标：<input type="checkbox" name="mouse"><br>
    <input type="submit" value="提交">
</form>

<!--单选-->
<form action="/login" method="post">
    主机：<input type="radio" name="computer" value="host"><br>
    显示器：<input type="radio" name="computer" value="dispalyer"><br>
    鼠标：<input type="radio" name="computer" value="mouse"><br>
    <input type="submit" value="提交">
</form>
<a href="#miao">回到顶部</a>

<!--&lt;!&ndash;下拉框&ndash;&gt; 多选-->
<form action="" method="get">
    <select name="project" id="" multiple="multiple">
        <option value="es">电商项目</option>
        <option value="bigdata">大数据项目</option>
        <option value="edu">在线教育项目</option>
        <input type="submit" value="提交">
    </select>
</form>

<div style="height: 200px;width: 200px ;background-color: orangered;color: white">
    <p style="color: blue">这个是第一个段落</p>
    <p style="color: blue">这个是第一个段落</p>
</div>
</body>
</html>