资讯专栏INFORMATION COLUMN

前端--HTML

番茄西红柿 / 3011人阅读

摘要:注意后面的引号,分别在秒数的前面和网址的后面百度一下你就知道定义了网页标题,在浏览器标题栏显示。设置只有左右有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的。

HTML介绍

 

web服务本质

import socket


sk = socket.socket()

sk.bind(("127.0.0.1", 8080))
sk.listen(5)


while True:
    conn, addr = sk.accept()
    data = conn.recv(8096)
    conn.send(b"HTTP/1.1 200 OKrnrn")
    conn.send(b"

Hello world!

") conn.close()

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

 

HTML是什么?

  • 超文本标记语言(Hypertext Markup Language, HTML)还一种创建网页的标记语言.
  • 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页,对于不同的浏览器,对同一个标签可能会有不同的解释(兼容性问题)
  • 网页文件扩展名:  .html/.htm(后一个不常用)
  • 超文本:是指页面内可以包含图片,链接,甚至音乐,程序等非文字
  • 标记语言:标记(标签)构成的语言
  • 网页==HTML文档,由浏览器解析,用来展示

 

HTML不是什么?

  • HTML是一种标记语言,不是一种编程语言
  • HTML使用标签来描述网页

什么是标签?

  • 是一对有尖括号包裹的单词组成,如,所有标签内的单词不能以数字开头
  • 标签不区分大小写和都可以,推荐用小写
  • 标签有两部分,开始标签和结束标签,两个标签之间的部分我们叫做标签体
  • 有些标签功能比较简单,使用一个标签就可以了,这种叫做自闭和标签,例如:

  • 标签可以嵌套,但不可以交叉嵌套,例如: ,这种就不可以的 

标签的属性

  • 通常以键值对出现,例如 name = alex
  • 属性只能出现在开始标签或自闭和标签中
  • 属性名必须全部小写,属性值必须使用双引号或者单引号包裹,例如: name = alex
  • 如果属性名和属性值相同的话就可以直接写属性名

 

标签

  head标签:

   meta标签的组成,meta标签共有两个属性,分别是http-equiv属性和name属性,不同的属性有不同的参数,不同的参数就实现了不同的网页功能.

   1. name属性主要用于描述网页,与之对应的属性值为content,content中的内容 主要是便于搜索引擎机器人查找信息和分类信息用的。

       

       

  2. http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有 用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content, content中的内容其实就是各个参数的变量值。

       //(注意后面的引号,分别在秒数的前面和网址的后面)

      

      

    百度一下,你就知道   定义了网页标题,在浏览器标题栏显示。

       

 

  body标签:

    一.基本标签:

            :n的取值范围是1~6,从大到小,用来表示标题

      

:段落标签,包裹的内容被换行,且上下内容之间有一行空白

      :加粗标签

      :删除,为文字加上一条中线

      :斜体

      :斜体

      :上角标和下角标

      
:
换行

      


:水平线

      块级标签和内联标签

      块级标签:

            内联标签:<a>