Django学习笔记2-HTML的相关知识_django中html文件包含<h1>、<br>、<ur>-CSDN博客

本文链接：https://blog.csdn.net/yychentracy/article/details/122090339

一个HTML页面基本组成元素

<<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

常用的标签

(1)文本标签

<h1>H1标题</h1>
    <h2>H2标题</h2>
    <h3>H3标题</h3>
    <h4>H4标题</h4>
    <h5>H5标题</h5>
    <h6>H6标题</h6>
    <u>u下划线换行</u><br/>
    <del>del删除线</del><br/>
    <b>b加粗</b></br>
    <strong>strong强调加粗</strong><br/>
    <i>i斜体</i><br/>
    <em>em强调斜体</em><br/>
    <br/>
    <cite>清明上河图</cite>是我国十大传世之宝<br/><br/>
    水分子：H<sub>2</sub>o<br/>
    2<sup>4</sup>=16

在这里插入图片描述

(2)格式化标签

主要包含:换行,换段,水平分割线

 <p>
        这是一个美好的一天，我们应该去珍惜每一天，珍惜子按下的的不美以恶和
    </p>
    <hr/>
    你的爱好
    <ul type="circle">
        <li>看书</li>
        <li>上网</li>
        <li>爬山</li>
        <li>唱歌</li>
    </ul>
    <ol type="1">
        <li>看书</li>
        <li>上网</li>
        <li>爬山</li>
        <li>唱歌</li>
    </ol>
<dl>
    <dt>问：HTML是什么？</dt>
    <dd>答，超文本传输语言。</dd>
    <dt>css是什么？</dt>
    <dd>层叠样式表。</dd>
</dl>

在这里插入图片描述

(3)图片标签

<h2>HTML图片标签</h2>
    <hr/>
    <img src="./11.jpg"alt="美女图片"width="200"/>

在这里插入图片描述

(4)超链接标签

<a href="http://www.taobao.com" target=_blank>淘宝</a>

上张图片的淘宝可以直接点开

(5)表单

<form action="index.html"method="post"><!--这里可以使用get--这是一句注释文件>
    姓名：<input type="text" name="uname"/><br/><br/>
    密码：<input type="password" name="upass"/><br/><br/>
    <input type="submit" value="登录"/>
</form>

在这里插入图片描述
学习参考:https://www.w3school.com.cn/tags/index.asp

(6)锚点链接

<!--锚点超级链接-->
<a href="#mv1">美女1</a><br/><br/>
<!--图片标签--->
    <a id="mv1"></a>
    <h2>HTML图片标签</h2>
    <hr/>
    <img src="./11.jpg"alt="美女图片"width="200"/>