乐趣区

关于python:HTML学习一个网页HTML编程的构成

jiezi

<!–html 申明 –>
<!DOCTYPE html>
<!–HTML 标签 –>
<html lang=”en”>
<!–head 标签，次要是设置显示在网页标签页的题目等属性 –>
<head>

<!-- 设置网页题目以及字符集格局，这里设置的字符集格局为 utf-8-->
<meta charset="UTF-8">
<title> 第一个网页 </title>

</head>
<!– 网页主体局部的内容 –>
<body>
<!– 显示不同大小的题目，从 h1-h6–>
<h1>heading one</h1>
<h2>heading two</h2>
<h3>heading two</h3>
<h4>heading three</h4>
<h5>heading four</h5>
<h6>heading five</h6>
<!– 文本 –>
<p> 文本 </p>
<!– 从网页中链接图片显示在本人的网页中 –>
<img src=”https://img-blog.csdnimg.cn/20210904124537781.png” width=”200″ height=”200″/>
<!– 无序列表，后面加点 list–>
<ul>

<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>

</ul>
<!– 有序列表，后面加数字 –>
<ol>

<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>

</ol>
<!– 表格 –>

<!– 表头 –> <!–tr：table row 以横向的模式出现 –> <!– 设置表头信息 <–>

<!– 表格主体内容 –>

<!– 设置表格数据 –> <!– 设置表格数据 –> <!– 设置表格数据 –>
First name last name age email
lily chan 12 123@qq.com
lily chan 12 123@qq.com
lily chan 12 123@qq.com

<!– 表单，action 指定解决逻辑的文件，method 指定数据传递形式 –>
<form action=”form_logic.py” method=”post”>

<!--[黄金](https://www.gendan5.com/nmetal/gold.html) 占用一个区块 -->
<div>
    <!--label-->
    <label>first name</label>
    <!-- 定义一个输出文本框，用于用户输出 -->
    <input type="text" name="first name">
</div>
<div>
    <!--label-->
    <label>last name</label>
    <!-- 定义一个输出文本框，用于用户输出 -->
    <input type="text" name="email">
</div>
<div>
    <!--label-->
    <label>email</label>
    <!-- 定义一个输出文本框，用于用户输出 -->
    <input type="text" name="email">
</div>
<!-- 提交按钮 -->
<input type="submit" value="Submit">

</form>
<!– 按钮 –>
<button>This is a Button</button>
<!– 给指定的字段增加解释，当鼠标聚焦在下面字段时，会显示解释 –>
<p><abbr title = “south college of techellge”>SCUT</abbr> is a good college</p>
<!– 设置上面空 1000 个像素 –>
<div style=”margin-top: 1000px”></div>
</body>
</html>
<!– 大部分标签对是成双成对的，以 / 作为完结标记 –>

退出移动版