• 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;

     

     

     

     

     

     

     

     

     

     

     

  • 相关阅读:
    简单的JAVAWeb选课系统
    公文流转系统001
    第九周动手动脑
    JAVA文件操作
    动手动脑-异常处理
    个人NABCD
    水王(课堂作业)
    软件学习进度表07
    软件工程学习进度表06
    软件工程个人作业05(二维数组求最大子数组的和)
  • 原文地址:https://www.cnblogs.com/NachoLau/p/9664315.html
Copyright © 2020-2023  润新知