欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

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

发布时间:2025/4/5 HTML 51 豆豆
生活随笔 收集整理的这篇文章主要介绍了 flask html 得到文本框 input的内容_【笔记7】HTML及其常见标签 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

历史

  • HTML 的版本(W3C 组织制定规范):HTML 4.01 // XHTML // HTML 5 // HTML 5.1
  • 规范文档(Specifications)
    由 W3C 写文档(李爵士)
    W3C 根据浏览器的实际情况总结文档
  • DOCTYPE:用来选择文档类型
  • 常见标签: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及其常见标签的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。