概述: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>

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

  1. flask html 得到文本框 input的内容_前端基础之html - 我不是蜘蛛侠

    HTML 初识 web服务本质 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 ...

  2. flask html 得到文本框 input的内容_flask入门 (二)(不用写代码的前端!)

    flask入门 (二)(不用写代码的前端!) 前言 今天要介绍的依然是 flask 框架,前面介绍的仅仅是 flask 快速搭建最小应用的知识点,既然我们需要自己做网站,那肯定离不开前端页面的制作. ...

  3. 在jsp页面中点击编辑按钮,显示input边框,可编辑,点击保存按钮,输入框消失,不可编辑,并将文本框中的内容保存到数据库中

    寻找的资料 一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...

  4. 获得焦点时选择文本框的所有内容(Vanilla JS或jQuery)

    本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...

  5. 删除web文本框中的内容需要或者文本框失去焦点,点击“Backspace”键时页面回退,屏蔽页面回退键的方法

    问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...

  6. 文本框根据输入内容自适应高度

    2019独角兽企业重金招聘Python工程师标准>>> jQuery实现 (function($){$.fn.autoTextarea = function(options) {va ...

  7. html 获取文本框中的内容

    获取文本框中的内容有以下两种方法: 假设为如下文本框: <input type="text" value="" id="text"&g ...

  8. html隐藏input边框线,html中去掉文本框(input type=text)的边框或只显示下边框

    去掉: 只留下边框: CSS - input 只显示下边框 CSS 样式 :   border:none;   border-bottom: 1px solid #000 文本框input:text ...

  9. 如何清除文本框中的内容

    如何清除文本框中的内容: 1.设置文本框的默认值 <input name ="name" value="张三"> <input name=&q ...

最新文章

  1. java webservice接口开发_php开发webservice服务端接口(wsdl)
  2. python入门必备指南-致Python初学者 Anaconda入门使用指南完整版
  3. 学习笔记 之 JQuery 基础语法
  4. LNMP架构介绍与搭建
  5. 【报告分享】2019年在线教育培训行业分析报告.pdf(附下载链接)
  6. c语言中switch函数6,C语言萌新,想问问如何让下面那个switch函数输出的结果继续...
  7. SpringBoot实战(十三):Spring Boot Admin 动态修改日志级别
  8. Myeclipse打包生成jar文件 A exception has Occured问题解决
  9. AWS SageMaker 基于 XGBoost 的用户流失预测
  10. html 编辑器 拖动,可视化拖拽页面编辑器 一
  11. Operator基础:3: 使用Operator SDK创建Operator
  12. 建筑平面布置与防火防烟分区(一)
  13. html标题指定位置,css如何控制表格标题的位置?
  14. Gym:102500E:Expeditious Cubing【精度精度】
  15. Python爬虫 | Python爬虫获取女友图片
  16. “机智歌王”--沙鸥,大陆的的张帝
  17. leaflet 设置地图上某个标注位于页面最上层
  18. “图形驱动程序无法找到兼容的图形硬件”的处理方式
  19. 小米商城网页制作大全之搜索引擎(input,Font Awesome)
  20. Python网络爬虫基础

热门文章

  1. [译] NSCollectionView 入门教程
  2. 中科院NLPIR中文分词java版
  3. Revit二次开发示例:DeleteDimensions
  4. 企业与ASP模式的e-Learning
  5. Leetcode1696. 跳跃游戏 VI[C++题解]:dp和单调队列求滑动窗口最值
  6. 通信原理2习题课汇总(随机信号、信道、最佳接收)
  7. C/C++中使用函数memset对int型数组赋值(0,-1,max,min)
  8. java servlet 返回图片_SpringMVC返回图片的几种方式
  9. excel图表交互联动_如何使用高大上的多级联动交互式图表来分析人员结构?
  10. python读取单元格的值csv,比较单元格值的csv文件python