前端基础 — HTML内容

Struggle_Hard_Z

已于 2022-01-20 17:05:41 修改

阅读量382

点赞数 1

文章标签： html 前端web

于 2022-01-19 21:17:23 首次发布

本文链接：https://blog.csdn.net/Struggle_Hard_Z/article/details/122583724

版权

本文介绍了HTML的基础知识，包括HTML的Web服务本质，详细解释了HTML是什么，以及如何创建和展示HTML页面。内容涵盖了head和body内的标签，如head内常见标签、body的基本标签和特殊符号。接着，文章深入探讨了常见的HTML标签，如列表标签、表格标签的属性，form、input、select的使用，以及label标签的重要性和作用。

摘要由CSDN通过智能技术生成

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 OK\r\n\r\n")
    conn.send(b"<h1>Hello world!</h1>")
    conn.close()

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

HTML是什么？

HTML是构造网页的骨架===> 几乎所有的网站都是由HTML构建而成

网页文件的扩展名：.html或.htm
	该类型文件主要的打开方式为浏览器形式

HTML: 超文本标记语言
# 不是一门编程语言，没有任何的逻辑，只有固定的标记功能

<h1>哈哈哈</h1>
<a href="url">点击跳转</a>
<img src='url'/>
"""
文本到了浏览器删改你会自动被渲染成不同的样式
	h1渲染成一级标题
	a渲染成链接标签
	img渲染成图片
引出： HTML标签语法
"""

简介

HTML标签的分类
1. 双标签(有头有尾)
	<a></a>
2. 自闭合标签(单标签)
	<img/>

HTML文档结构
<html>
# html定义文档开始和结束的标记  文档主体主体
	<head>编写给浏览器查看的内容</head>
	<body>编写展示给用户查看的内容</body>
</html>
'''在使用编程工具创建的时候会自动编写文档结构'''

HTML语法注释
	<!--当行注释-->	
<!--
多行注释
多行注释
-->
'''在编写时，编程工具也有注释快捷键ctrl+?'&