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;
     
     
     
  • 相关阅读:
    HTB-靶机-Charon
    第一篇Active Directory疑难解答概述(1)
    Outlook Web App 客户端超时设置
    【Troubleshooting Case】Exchange Server 组件状态应用排错?
    【Troubleshooting Case】Unable to delete Exchange database?
    Exchange Server 2007的即将生命周期,您的计划是?
    "the hypervisor is not running" 故障
    Exchange 2016 体系结构
    USB PE
    10 months then free? 10个月,然后自由
  • 原文地址:https://www.cnblogs.com/jiangchunsheng/p/8625739.html
Copyright © 2011-2022 走看看