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\r\n\r\n')
    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;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • scrapy执行流程

    人生不如戏
  • babel简介

    人生不如戏
  • html标签详解

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

    人生不如戏
  • html初识

    浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等

    py3study
  • 前端零基础入门:页面结构层HTML

    HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构

    达达前端
  • HTML初学笔记1

    [TOC] 什么是HTML HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) ...

    听城
  • 重新网格化(Remesh)

    Remesh并没有一个严格的定义,简单的讲,Remesh就是从一个输入网格生成另一个网格,并且满足一定的要求。根据网格改动大小,可以分为这么几类:

    NT4.4
  • 用TextView实现富文本展示,点击断句和语音播报

    最近有一个需求:移动端需要展示用户在PC端做的笔记,而笔记内容是富文本形式——有图片,有文字,文字可以设置颜色、加粗、倾斜等等。同时,用户点击的时候能够语音朗读...

    蜻蜓队长
  • Ubuntu2Go制作使用和资料说明(LinuxtoGo)

    起源:windowstogo或win2go,便携式windows操作系统。邮件、私信、留言等经常收到此类消息,统一回复制作流程。

    zhangrelay
  • 电子圆二色谱(ECD)的理论计算

    确定手性化合物的绝对构型在有机化学中非常重要。最严格的手段是X射线单晶衍射法解出化合物的精确结构,便可知道绝对构型。但是在实验中要想获得单晶并不是一件容易的事,...

    用户7592569

扫码关注云+社区

领取腾讯云代金券