菁英科技(卓目鸟学苑)- 专注软件测试菁英教育

标题: python_樊江飞_20210128 [打印本页]

作者: 皮皮虾    时间: 2021-1-28 20:09
标题: python_樊江飞_20210128
<!DOCTYPE html>
<!-- 标签 -->
<html>     <!--开始标签,父标签, 标签名,根标签,双标签-->
    <!-- 标签体 -->
    <head>  <!--子标签-->
                    <!--head中定义页面的样式以及动态效果-->
                    <!--meta charset="utf-8":标签的属性,简称属性  -->
        <meta charset="utf-8">      <!--单标签元素-->
    <title>这是我的第一个网页</title>
    <style>
        /*css cascding style sheet 层叠样式表 */
            h1 {
            color:blueviolet;
            }
            .abc {
            color:chocolate;
            font-size: xx-large;
            }
            p{
            font-family: cursive;
            }
    </style>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
         <!-- body中是页面所要展示的内容 -->
        <h1>庚子年马上就要过去了</h1>
        <p class='abc italic'>中国马上就要建设空间站了</p>
    </body>
</html>    <!--结束标签-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片和超链接</title>
</head>
<body>
    <!-- 图片 -->
    <img src="C:\python(小樊内容)\day06\kaola.jpg" alt="" width="500" height="300">
    <hr>
    <!-- 超链接 -->
    <a href="https://baike.sogou.com/v49681.htm?fromTitle=%E8%80%83%E6%8B%89"><img src="C:\python(小樊内容)\day06\kaola.jpg" alt="" width="500" height="300"></a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>表格</title>
</head>
<body>
    <table border="1px" cellspacing='0' cellpadding='0'>
        <!-- 一行 -->
        <tr>aaa</tr>
        <!-- 一列 -->
        <td>bbb</td>
        <td>ccc</td>
        <td>fff</td>
    <tr>
        <td>sss</td>
        <td>mmm</td>
        <td>xxx</td>
    </tr>
    <tr>
        <td colspan='3'>jjj</td>
    </tr>
    </table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>表单</title>
</head>
<body>
    <form action="https://www.baidu.com">
        <!--
            account=admin password=123456
         -->
         <!-- 文本输入框 -->
        账号:<input type="text" name="account">
        <br>
        <br>
        <!-- 密码输入框 -->
        密码:<input type="password" name="password">
        <br>
        <br>
        <input type="submit" value="注册">
        <hr>
        <!-- 单选 -->
        性别:<input type="radio" name="gender" id="">男
              <input type="radio" name="gender" id="">女
        <br>
        <br>
        <!-- 多选 -->
        爱好:<input type="checkbox" name="hobby">游戏
             <input type="checkbox" name="hobby">读书
             <input type="checkbox" name="hobby">旅游
             <input type="checkbox" name="hobby">睡觉
             <input type="checkbox" name="hobby">跑步
             <input type="checkbox" name="hobby">打篮球
             <input type="checkbox" name="hobby">听音乐
             <input type="checkbox" name="hobby">羽毛球
        <br>
        <br>
        <!-- 下拉选择框 -->
        城市:
             <select name="city" id="">
                 <option value="0">-请选择-</option>
                 <option value="1">-西安-</option>
                 <option value="2">-咸阳-</option>
                 <option value="3">-渭南-</option>
                 <option value="4">-宝鸡-</option>
                 <option value="5">-安康-</option>
                 <option value="6">-榆林-</option>
                 <option value="7">-铜川-</option>
                 <option value="8">-汉中-</option>
                 <option value="9">-商洛-</option>
             </select>
    </form>
</body>
</html>





欢迎光临 菁英科技(卓目鸟学苑)- 专注软件测试菁英教育 (http://www.zmnxy.com/) Powered by Discuz! X3.4