flask html 得到文本框 input的内容_【笔记7】HTML及其常见标签

b16ffe2dcd203fec058ba5ba159b0c16.png
概述:HTML(Hypertext Markup Language)是“超文本标记语言”,它是制作网页的标准语言
它的标签有四个特点:尖括号包围;通常成对出现(有些不是,比如:<img />);标签层层嵌套;需要注意缩进。

历史

  1. HTML 的版本(W3C 组织制定规范):HTML 4.01 // XHTML // HTML 5 // HTML 5.1
  2. 规范文档(Specifications)
    由 W3C 写文档(李爵士)
    W3C 根据浏览器的实际情况总结文档
  3. DOCTYPE:用来选择文档类型
  4. 常见标签:a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg(除了 div 和 span,其他标签都有默认样式)

HTML(5)文件结构

1. <!DOCTYPE html> //文档类型:符合HTML5标准
<html lang="en"> //lang属性:搜索引擎en英文,zh中文
<head> 
  <meta charset="UTF-8"> //<meta>:元数据;charset属性:字符集编码方式;浏览器:UTF-8是国际编码
  <title>  </title>
</head>
<body>
</body>
</html>

2.字符集与编码

字符(character):文字,符号;比如123 abc !%@

字符集(charset):字符的集合;比如英文字符集,汉字字符集等等

编码:将字符和二进制码对应起来;比如a—01000001(ASCII)

3.乱码问题

源文件保存时的编码

源文件申明<meta charset="编码方式">不一致,就会出现乱码

HTML常见标签iframe 标签:嵌套页面
<iframe src="https://www.baidu.com" name="xxx"></iframe>
1. 超链接a(文字超链接,图片超链接,导航栏)
<a href="网址">文字或图片</a>
2. 链接到本站点其他网页
<a href="news.html">新闻</a>
3. 链接到其他站点
<a href="http://www.baidu.com">百度</a>
4. 虚拟超链接
<a href="#">板块2</a>form 标签:跳转页面(HTTP POST 请求)
1.文本框,密码框input
<form>
<input type="text/password"/>
</form>
2.提交,重置按钮submit,reset
<form>
<input type="text"/>
<input type="submit" value="确定" />
<input type="reset" value="重置" />
</form>
3.单选框,复选框radio,checkbox
(单选框只能选择一项,复选框任意选择多项)
<form>
<input type="radio/checkbox"
value="值" name="名称" checked="checked" />
</form>
4.下拉列表框select option
<select>
<option>选项1</option>
<option selected="selected">选项2</option>
</select>
5.文本域Textarea
<textarea roxs="行数" cols="列数">文本</textarea>
(input / button 区别:是否为「空标签」)table 标签:用于展示数据
1.表格table tr td
<table>
<tr>
<td>data</td>
</tr>
</table>
2.表格table th (表头单元格:<th>)
<table border="1">
<tr> <th>文字</th> <th>文字</th> </tr>
<tr> <th>文字</th> <th>文字</th> </tr>
</table>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值