首页 > 代码库 > python: html 笔记2

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="http://www.mamicode.com/用户名"/>-->
<input id="username" type="text" name="user"/>


</body>
</html>
lable标签

技术分享

 

python: html 笔记2