python: html 笔记2

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <tr>
        <td>主机名</td>
        <td>端口</td>
        <td>操作</td>
    </tr>
    <tr>
        <td>10.11.2.1</td>
        <td>8080</td>
        <td>
            <a href="">查看</a>
             <a href="">修改</a>
          </td>
    </tr>
    <tr>
        <td>10.11.2.1</td>
        <td>8080</td>
        <td>
            <a href="">查看</a>
             <a href="">修改</a>
          </td>
    </tr>
</table>
</body>
</html>
表格
复制代码

预期:

a 标签

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="#a1">第一章</a>
<a href="#a2">第二章</a>
<a href="#a3">第三章</a>
<a href="#a4">第四章</a>
<div id="a1">第一章的内容</div>
<div id="a2">第二章的内容</div>
<div id="a3">第三章的内容</div>
<div id="a4">第四章的内容</div>

</body>
</html>
a 标签
复制代码

提交表单的另一种方式,同get

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
   <form action="https://www.sogou.com/">
    <input  type="text" name="query"/>
       <input type="submit" value="提交"/>
   </form>
</form>
</body>
</html>
提交表单的另一种方式,同get
复制代码

 

块级标签和行内标签的转换

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="background-color: aqua; display:inline">abcd</div>
<!--块级转行内-->
<span style="background-color: indianred ; display: block">ddddd</span>
<!--行内转块级-->
</body>
</html>
块级标签和行内标签的转换
复制代码

lable文本标签

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<label for="username">用户名:</label>
<!--<input id="username" type="text" value="用户名"/>-->
<input id="username" type="text" name="user"/>


</body>
</html>
lable标签
复制代码

 

posted @   梅子472  阅读(191)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示