分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

前端知识之HTML部分

发布时间:2023-09-06 01:45责任编辑:彭小芳关键词:HTML前端
1、web服务的本质浏览器发请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面之前学过用python方式实现C/S建立socket通信,浏览器与服务端实现通信是B/S架构服务端代码: ???import socket ???server=socket.socket() ???server.bind(("127.0.0.1", 8081)) ???server.listen(5) ???while True: ???????????conn, addr = server.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://127.0.0.1:8081/结果: ???Hello world!2、HTML是什么HTML:超文本标记语言(Hypertext Markup Language)是一种用于创建网页的标记语言。不是编程语言,跟我们使用的python不1本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)网页文件的扩展名:.html或.htm3、HTML文档结构 ???<!DOCTYPE html> ???<html lang="zh-cn"> ???<head> ???????????<meta charset="UTF-8"> ???????????<title>Title</title> ???</head> ???<body> ???</body> ???</html>1)<!DOCTYPE html>声明为HTML5文档。必须是HTML文档的第一行,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令2)<html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。3)<head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。4)<title>、</title>定义了网页标题,在浏览器标题栏显示。5)<body>、</body>之间的文本是可见的网页主体内容。注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。 ?????????有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。4、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样式)5、HTML注释<!--注释内容-->(在pycharm里面还是command+/快捷键)

前端知识之HTML部分

原文地址:http://blog.51cto.com/10630401/2085426

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved