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标签