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>

表格

预期：

python: html 笔记2-LMLPHP

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

python: html 笔记2-LMLPHP

提交表单的另一种方式，同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

python: html 笔记2-LMLPHP

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

<!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>

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

python: html 笔记2-LMLPHP

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

python: html 笔记2-LMLPHP