flask_知识点1

1、固定的标签

块级标签

#标题
<h1></h1>
<h2></h2>

#一人占一整行
<div></div>

行内标签

#行内标签 有多大占多大
<span></span>

#超链接
<a href="https://zhuanlan.zhihu.com/p/125744910">点击跳转</a>
#重写一个html
<a href="http://127.0.0.1:5000/get/news">查看更多</a>

#图片
<img src="图片地址"/>
#直接显示别人的图片地址
<img src="https://img-blog.csdnimg.cn/img_convert/ca86d1303ebb89947842f75972024017.jpeg"/>

#自己的图片
在自己项目中创建一个:static目录
   <img style="height:200px;width:200px"src="/static/p1.png"/>
   <img src="/static/p1.png"style="height:20%;width:20%"/>

列表

#无序
        <ul>
            <li>中国移动</li>
            <li>中国联通</li>
            <li>中国电信</li>
        </ul>
        #有序
        <ol>
            <li>中国移动</li>
            <li>中国联通</li>
            <li>中国电信</li>
        </ol>

表格

    <table>
        <thead>
        <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr>
        </thead>
        
        <tbody>
        <tr> <td>10</td> <td>杨博</td> <td>22</td> </tr>
        </tbody>
    </table>

嵌套标签

<div>
	<span>xxx</span>
	<img src="/static/p1.png"style="height:20%;width:20%"/>
	<a href="http://127.0.0.1:5000/get/news">查看更多</a>
</div>

2、input系列

input系列7个

    <h1>输入输入内容</h1>
    <input type="text">
    <input type="password">
    <input type="file">
    
    <input type="radio" name="n1">男
    <input type="radio" name="n1">女

    <input type="checkbox">足球
    <input type="checkbox">篮球
    <input type="checkbox">乒乓球
    <input type="checkbox">跳舞

    <input type="button" value="提交">
    <input type="submit" value="提交">

下拉框

    <h1>下拉框</h1>
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>

    <select multiple>
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>

多行文本

    <h1>多行文本</h1>
    <textarea> </textarea>

3、案例综合使用

<h1>用户注册</h1>
<div>
    用户名:<input type="text"/>
</div>
<div>
    密码:<input type="password"/>
</div>
<div>
    性别: <input type="radio" name="n1"> 男 <input type="radio" name="n1"> 女
</div>
<div>
    爱好:
    <input type="checkbox"> 篮球
    <input type="checkbox"> 足球
    <input type="checkbox"> 羽毛球
    <input type="checkbox"> 跳舞
</div>
<div>
    城市:
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>
</div>

<div>
    擅长领域:
    <select multiple>
        <option>java后端</option>
        <option>大数据</option>
        <option>ai算法</option>
    </select>
</div>

<div>
    备注: <textarea></textarea>
</div>

<div>
    <input type="button" value="button提交">
    <input type="submit" value="submit提交">
</div>