摘要:秒后跳转到对应的网址,注意引号指定文档的编码类型告诉以最高级模式渲染文档属性主要用于描述网页,与之对应的属性值为,中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。主要通过样式为其赋予不同的表现。
本质:socket
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
服务端:
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()
浏览器:
ps:HTML是一种标记语言,它不是编程语言!
HTML使用标签来描述网页。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>titletitle>
head>
<body>
body>
html>
ps:对于中文网页需要使用 声明字符编码,否则会出现乱码!
为了代码规范性 最好加注释
声明必须是 HTML 文档的第一行,位于 标签之前。
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
meta 标签
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1.1、http-equiv属性:
相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
<meta http-equiv="content-Type" charset=UTF8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
1.2、 name属性:
主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="w3school">
<b>加粗b> <i>斜体i> <u>下划线u> <s>删除s> <p>段落标签p> <h1>标题1h1> <h2>标题2h2> <h3>标题3h3> <h4>标题4h4> <h5>标题5h5> <h6>标题6h6> <br> <hr>
div 标签:
定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
span 标签:
用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
块级元素 和 行内元素的区别
所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果多带带在网页中插入这两个元素,不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
ps:关于标签嵌套:通常块级元素 可以 包含 内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其他内联元素!
p标签不能包含块级标签,p标签也不能包含p标签。
<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">
超链接标签(从一个网页指向一个目标的连接关系,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序)
什么是URL? URL是统一资源定位器(Uniform Resource Locator)的缩写,也被称为网页地址,是因特网上标准的资源的地址。 URL举例 https://www.baidu.com/ http://http://115.239.211.112/ URL地址由4部分组成 第1部分:为协议:http://、ftp://等 第2部分:为站点地址:可以是域名或IP地址 第3部分:为页面在站点中的目录:stu 第4部分:为页面名称,例如 index.html 各部分之间用“/”符号隔开。
<a href="http://www.baidu.com" target="_blank" >点我开车a>
href属性指定目标网页地址。该地址可以有几种类型:
target:
<ul type="disc"> <li>第一项li> <li>第二项li> ul>
type属性:
<ol type="1" start="2"> <li>第一项li> <li>第二项li> ol>
type属性:
<dl> <dt>标题1dt> <dd>内容1dd> <dt>标题2dt> <dd>内容1dd> <dd>内容2dd> dl>
<table> <thead> <tr> <th>idth> <th>姓名th> <th>爱好th> tr> thead> <tbody> <tr> <td>1td> <td>mogutd> <td>听歌td> tr> <tr> <td>2td> <td>小女孩td> <td>跳舞td> tr> tbody> table>
属性:
表单属性
基本概念:
HTML表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要的内容。
表单一般用来收集用户的输入信息
表单工作原理:
访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。
服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。当数据完整无误后,服务器反馈一个输入完成的信息。
from django.conf.urls import url from django.shortcuts import HttpResponse def upload(request): print("request.GET:", request.GET) print("request.POST:", request.POST) if request.FILES: filename = request.FILES["file"].name with open(filename, wb) as f: for chunk in request.FILES[file].chunks(): f.write(chunk) return HttpResponse(上传成功) return HttpResponse("收到了!") urlpatterns = [ url(r^upload/, upload), ]Django接收上传文件代码
元素会根据type 属性,变化多种形态
text <p>单行输入文本:<input type="text">p> value=“默认值” placeholder=“占位内容” password <p>密码输入框: <input type="password">p> date <p>日期输入框: <input type="date">p> type="datetime" 时间 checkbox <p>多选框 : <input type="checkbox" checked>p> <p>多选框2 : <input type="checkbox" >p> radio <p>单选框 : <input type="radio">p> submit <p>提交按钮 : <input type="submit">p> reset <p>重置按钮 : <input type="reset">p> button <p>普通按钮 : <input type="button">p> 多用于JS与其绑定事件 hidden <p>隐藏输入框: <input type="hidden">p> file <p>文本选择框 :<input type="file">p>
2.1 下拉菜单
<p><select name="城市" id=""> <option value="sh">上海option> <option value="bj">北京option> <option value="wh">武汉option> select>p>
2.2 分组的下拉菜单
<select name="地点" id="address"> <optgroup label="上海"> <option value="xhq">徐汇区option> <option value="pdxq">浦东新区option> <option value="ypq">杨浦区option> <option value="bsq">宝山区option> optgroup> <optgroup label="北京"> <option value="cyq">海淀区option> <option value="hdq">朝阳区option> optgroup> select>
属性说明:
定义:
label 元素不会向用户呈现任何特殊效果
<label for="t1">测试label> <input type="text" id="t1" name="t1">
<p><textarea name="info" id="info" cols="30" rows="10"> 文本文档(默认内容) textarea>p>
属性说明:
form表单提交数据的几个注意事项:
0. 如果上传文件的话,必须要form表单action后面添加 enctype="multipart/form-data" 1. 所有获取用户输入的标签都必须放在form表单里面 2. action控制着往哪儿提交 3. inputselecttextarea 都需要有name属性 4. 提交按钮 <input type="submit">
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1636.html
摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。 文章大纲来源:【Day 1】HTML & HTML 5 标记语言 XHTML/HTML/HTML 5异同 了解doctype HTML HTML 5 标记语言 标记语言(ML)即 Markup Langu...
摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...
摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。 什么是HTML HTML 是一种描述 Web 文档(页面)的标记语言。 HTML 代表超文本标记语言(Hyper Text Markup Language) 标记语言就是一组标记标...
阅读 682·2023-04-25 19:43
阅读 3854·2021-11-30 14:52
阅读 3729·2021-11-30 14:52
阅读 3794·2021-11-29 11:00
阅读 3745·2021-11-29 11:00
阅读 3812·2021-11-29 11:00
阅读 3528·2021-11-29 11:00
阅读 6007·2021-11-29 11:00