• python学习-day14


    一、HTML

          HTML(Hyper Text Markup Language)超文本标记语言,所谓的超文本就是指页面内可以包含图片、链接、甚至音乐,等非文字元素。HTML包含两部分内容:标记标签、文本内容。HTML 就是使用标记标签来描述网页。

          HTML中根据闭合方式可以将标签分为:主动闭合标签和自闭和标签。主动闭合标签要有开始标签和结束标签<标签名>文本内容</标签名>;自闭和标签<标签名/>。

    1. HTML基本内容

     <!DOCTYPE html> 声明使用HTML的版本,声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

    必须使用的标签:

    1 <html lang="en">
    2 <head>
    3     
    4 </head>
    5 <body>
    6 
    7 </body>
    8 </html>

    <!DOCTYPE~>后面的整个都要用html标签(<html>~</html>)括起来,其中要按照head标签(<head>~</head)和body标签的顺序(<body>~</body>)的顺序进行排列。

    在head标签中填写与该文件相关的信息,body标签中填写要在浏览器上显示的内容。另外,在head标签中,只能有一个代表文件标题的title标签。

    2. head标签中常用标签:

    • <title>网页标题</title> 设置网页标题;
    • <meta http-equiv="Content-Type" content="text/html; charset=文字编码" /> 设置网页的编码格式、关键字、内容介绍、跳转等内容
    1 <meta name="keywords" content="关键字1,关键字2,…" />
    2 
    3 <meta name="description" content="内容介绍" />
    4 
    5 <meta name="author" content="作者姓名" />

    这些信息都不会在画面上显示出来,但是搜索引擎在收集信息时要用到。

    3. body中常用标签:

    • <p></p> 设置段落;
    • <h></h> 设置各级标题;
    • <br/>换行
    • <a href = "URL"></a> 设置跳转链接

    常用符号:

    •  空格:&nbsp;
    •  大于:&gt;
    • 小于:&lt;
     1 <html lang="en">
     2     <head>
     3         <meta charset="UTF-8">
     4         <title>Test</title>
     5         <!--<meta http-equiv="Refresh" content="2; Url=http://www.baidu.com"/>-->
     6     </head>
     7     <body>
     8        唐诗
     9 
    10         <h1>静夜思<br /></h1>
    11         <h2>&nbsp;</h2>
    12         <h3></h3>
    13         <p>床前明月光</p>
    14         <p>疑是地上霜</p>
    15         <p>举头望明月</p>
    16         <p>低头思故乡</p>
    17         <a href="http://www.baidu.com">百度</a> <!--在本页面打开-->
    18         <a href="http://www.baidu.com" target="_blank">baidu</a><!--在新页面打开-->
    19 
    20 
    21     </body>
    22 </html>

    二、form标签

          form标签用于创建HTML表单,向服务器提交数据

    三、table表格

  • 相关阅读:
    CURL常用命令
    极客无极限 一行HTML5代码引发的创意大爆炸
    JS的prototype和__proto__(含es6的class)
    leetcode 44:construct-binary-tree-from-preorder-and-inorder
    leetcode 43:construct-binary-tree-from-inorder-and-postorder
    leetcode 42:binary-tree-level-order-traversal-ii
    leetcode 38:path-sum
    leetcode 37:path-sum-ii
    leetcode 33:pascals-triangle
    leetcode 32:pascals-triangle-ii
  • 原文地址:https://www.cnblogs.com/iclq/p/6034835.html
Copyright © 2020-2023  润新知