当前位置: 首页 > java >正文

html学习

前端:html css javascript
web框架
mysql:存储数据的地方

快速上手:flask

深度学习:django框架

1.基础框架:

from flask import Flask,render_templateapp=Flask(__name__)@app.route("/show/info")
def index():return render_template("index.html")if __name__=='__main__':app.run()

在文件里新建一个文件templates
再新建一个index.html
在vs里面新建html文件以后,输入!再按tab键可以自动生成html模板

    <h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><div>块级标签</div><span>行内标签</span>

2.超链接

<a href="地址" target="_blank">点击跳转</a>

跳转到新的页面 

<a href="https://www.deepseek.com/">点击跳转到别人的网站</a>
<a href="/get/news">跳转到自己的网站/get/news</a>

3.图片

<h2>别人的图片</h2>
<img src="https://piccache.cnki.net/kdn/index/kns8s/nimages/temp/product02.jpg?v=5.8"/>
<h2>自己的图片</h2>
<img src="/static/1.jpg"/>

4.表格和列表

    <h1>无序列表</h1><ul><li>中国联通</li><li>中国电信</li><li>中国移动</li></ul><h1>有序列表</h1><ol><li>中国联通</li><li>中国电信</li><li>中国移动</li>
    <h1>表格</h1><table border="1"><thead><tr>    <th>ID</th>     <th>姓名</th>     <th>年龄</th>     </tr></thead><tbody><tr>    <td>12</td>     <td>Bob</td>       <td>19</td>      </tr><tr>    <td>13</td>     <td>Orange</td>       <td>23</td>      </tr><tr>    <td>1</td>     <td>Apple</td>       <td>90</td>      </tr></tbody></table>

5. input

    <h1>输入内容</h1><input type="text"><input type="password"><input type="file"><h2>单选框</h2><input type="radio" name="1">男<input type="radio" name="1">女<h2>复选框☑️</h2><input type="checkbox">篮球<input type="checkbox">足球<input type="checkbox">网球<input type="checkbox">乒乓球<h2>按钮🔘</h2><input type="button" value="提交">  --普通按钮<input type="submit" value="提交">  --提交表单

6.下拉框

 

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

7.多行文本

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

8.案例:用户注册

http://www.xdnf.cn/news/8866.html

相关文章:

  • MySQL:索引
  • hugo博客搭建,github部署
  • 前缀和知识笔记
  • 差速器行星齿轮机械加工工艺及工序卡设计
  • Redis缓存异常问题深度解析:穿透、击穿与雪崩
  • 如何设计一个高性能的短链设计
  • ind_knn_ad环境搭建和运行【用自己的数据集】
  • 【Linux】系统程序−进度条
  • DAX权威指南3:变量、迭代函数与计算组
  • 【MySQL】第十一弹——JDBC编程
  • 如何用,向量表示3维空间种的有向线段(4,2,3)
  • 【电子通识】FPC连接器组成部分与不良案例术语
  • 常用正则表达式及语法详解
  • 【医学影像 AI】探索 MONAI:医学影像 AI 的综合框架
  • matlab实现SS-ELM和US-ELM
  • 计算机网络技术(二)
  • Linux多线程编程
  • 如何使用Webpack实现异步加载?
  • redis集群创建时手动指定主从关系的方法
  • 《技术择时,价值择股》速读笔记
  • 宽带卫星通信中的时分多址技术
  • STM32中的SPI通信协议
  • Vulkan 学习(15)---- Vulkan 完整渲染流程
  • 怎么判断文件是否支持多线程下载
  • 【Day36】
  • Python打卡训练营学习记录Day36
  • pyhton基础【4】判断
  • 使用Cursor生成需求文档+UI设计图
  • 【扫描线 线段树】P1856 [IOI 1998 ] [USACO5.5] 矩形周长Picture|普及+
  • firfox 国外版和国内版本账号不互通问题处理