zoukankan      html  css  js  c++  java
  • html基础

     

     

    HTML简介

    • 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。
    • 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
    • 网页文件的扩展名:.html或.htm
    • HTML是一种标记语言(markup language),它不是一种编程语言。
    • HTML使用标签来描述网页。

    Web服务本质

    浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

    import socket
    
    sk = socket.socket()
    sk.bind(('127.0.0.1',8088))
    sk.listen()
    
    while True:
        conn,addr = sk.accept()
        conn.recv(1024)
        conn.send(b'HTTP/1.1 200 OK
    
    ')
        conn.send(b'<h1>hello html</h1>')
        conn.close()
    sk.close()
    

      

    HTML基本结构

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <title></title>
    </head>
    <body>
    
    </body>
    </html>
    

      

    • <!DOCTYPE html>声明为HTML5文档。
    • <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。
    • <head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。
    • <title>、</title>定义了网页标题,在浏览器标题栏显示。
    • <body>、</body>之间的文本是可见的网页主体内容。

    HTML标签格式

    HTML标签是由尖括号包围的关键字,如<html>, <div>等
    HTML标签通常是成对出现的,比如:<div>和</div>,第一个标签是开始,第二个标签是结束。结束标签会有斜线。
    也有一部分标签是单独呈现的,比如:<br/>、<hr/>、<img src="1.jpg" />等。
    标签里面可以有若干属性,也可以不带属性。
    标签的语法:
    
    <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    <标签名 属性1=“属性值1” 属性2=“属性值2”…… />
    几个很重要的属性:
    
    id:定义标签的唯一ID,HTML文档树中唯一
    class:为html元素定义一个或多个类名(classname)(CSS样式类名)
    style:规定元素的行内样式(CSS样式)
    

      

    HTML注释

    <!--注释内容-->
    

    HTML特殊符号转译

    显示说明实体名称实体编号
           
           
      空白 &nbsp; &#160;
    < 小于 &lt; &#60;
    > 大于 &gt; &#62;
    & &符号 &amp; &#38;
    " 双引号 &quot; &#34;
    © 版权 &copy; &#169;
    ® 已注册商标 &reg; &#174;
    商标(美国) &#8482;
    × 乘号 &times; &#215;
    ÷ 除号 &divide; &#247;
     
     
     
  • 相关阅读:
    LeetCode 88. Merge Sorted Array
    LeetCode 75. Sort Colors
    LeetCode 581. Shortest Unsorted Continuous Subarray
    LeetCode 20. Valid Parentheses
    LeetCode 53. Maximum Subarray
    LeetCode 461. Hamming Distance
    LeetCode 448. Find All Numbers Disappeared in an Array
    LeetCode 976. Largest Perimeter Triangle
    LeetCode 1295. Find Numbers with Even Number of Digits
    如何自学并且系统学习计算机网络?(知乎问答)
  • 原文地址:https://www.cnblogs.com/jiangchunsheng/p/8625739.html
Copyright © 2011-2022 走看看