HTML一些基础知识

1、Web标准:主要包含结构、表现、行为。结构用于对网页元素进行整理和分类,主要指HTML。表现用于设置网页元素的板式、颜色、大小等外观样式,主要指的是CSS。行为主要指的是网页模型的定义以及交互的编写,主要是js文件。

Html相当于是身体,CSS表现类似外观装饰,行为类似行为动作,三者中结构最为重要

2、Html标签是由尖括号包围的关键词,通常是成对出现,这种标签被称为双标签,第第一个是开始标签<html>,第二个是结束标签</html>。也有单标签,比如换行标签<br />。

3、标签关系主要分为两类:包含关系和并列关系。

 

4、!DOCTYPE>文档类型声明标签,告诉浏览器使用哪种HTML版本来显示网页。最新的版本是html5版本。注意应当放在<html>标签之前,它不是属于<html>标签的内容,是文档类型声明标签。

5、<html lang=”en”>定义是中文网页还是英文网页,zh-CN是中文网页,便于浏览器进行解析,渲染。

<meta charset=”UTF-8”>:采用utf-8编码,全世界通用的编码GBK中文繁体和中文简体都通用。Charset就是字符集,放在<head>标签内,可以通过<meta>标签的charset属性规定HTML文档应该使用哪种字符编码。

6、段落和换行标签:<p>是段落标签,将网页里的文字分为很多个段落,段落与段落之间是存在空隙的,同一个段落,会根据浏览器窗口的大小自动换行。强制换行标签是<br />,该单标签仅仅是另起一行,不是分段。

7、文本格式化标签:需要为文字设置粗体、斜体或下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

 

8、<div>和<span>标签:无标签语义,仅仅是一个容器,盒子,可以用于存放文字、图片等网页元素。区别在于<div>是一个大盒子,一行只能放一个,<span>是一个小盒子,一行里就可以有多个小盒子。

9、图片标签<img src=””>:src是图片的存储路径,必须指定。alt属性是指当图片无法正常加载时,提示的文字。title属性是提示文本,鼠标移到图像上时,会显示的文字。

 

图片的路径包括了相对路径,绝对路径。以引用的图片相对于该html的位置来确定路径的:

同一级路径<img src=”baidu.jpg”>

下一级路径<img src=”/images/baidu.jpg”>

上一级路径<img src=”../baidu.jpg”

10、超链接标签:<a href=”跳转的目标” target=”目标窗口的跳转方式”>文本或者图像</a>,其中href是必须指定的属性,指定URL地址,具备了超链接的功能,target用于指定链接页面的打开方式,_self为默认值,在本窗口里打开,_blank是在新窗口的打开方式。

空标签:用于还没有确定链接目标,<a href=”#”>首页</a>

下载链接:如果href里地址是一个文件或者压缩包,会下载该文件。

网页元素链接:跳转到网页里的各种网页元素,文本、图像、表格。

锚点链接:跳转到网页里某个位置,在链接文本的href属性中,设置属性值为#名字,如<a href=”#two”>哈哈哈</a>,找到目标位置标签,里面添加一个id属性,id属性=设置的名字

<h3 id=”two”>哈哈哈的元素位置</h3>

11、Html里的注释和特殊字符

 

12、Python提供的用于开发web应用程序的框架,用于构建开发交互式网站。

manage.py接受命令,将其交给Django的部分去运行,用于管理数据库和运行服务器等任务。

Settings.py用于指定Django与系统交互和如何管理项目。Urls.py是告诉Django创建哪些页面来响应浏览器请求,wsgi.py是web服务网关接口,帮助提供Django创建的文件。

创建的应用程序要在这里注册、登记一下,当项目的文件越来越多时,便于管理,其他的是默认的应用程序。

 

Django项目由一系列应用程序组成,协同工作让项目成为一个整体,app只是其中的一个的应用程序,用于相机设置网页的制作。

Model.py用于定义在该应用程序中如何管理储存的数据,每一个模型相当于一个类。

 

13、使用Django创建页面的过程分三个阶段:定义URL,编写视图,编写html模版,分别对应于urls.py、view.py、pages里的页面。

定义URL模式:描述了URL是如何设计的,让Django知道如何将浏览器请求的URL与定义URL进行配对,来返回对应的页面。

View函数:每一个的URL模式都和一个视图函数相对应,处理数据,渲染网页。

14、Django忽略项目的基础URL,空字符串’ ’与基础URL http://127.0.0.1:8000/匹配。

 

15、GET请求和POST请求:创建Web应用程序时,用到的两种主要的请求是GET请求和POST请求。对于从服务器读取数据的页面,使用GET请求。如果用户需要通过表单提交信息,通常使用POST请求。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/14818.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DAY1,Qt [ 手动实现登录框(信息调试类,按钮类,行编辑器类,标签类的使用)]

1.手动实现登录框&#xff1b; ---mychat.h---头文件 #ifndef MYCHAT_H #define MYCHAT_H#include <QWidget> #include <QDebug> //打印信息 #include <QIcon> //图标 #include <QPushButton> //按钮 #include <QLineEdit> //行编辑器类 #in…

尚硅谷大数据项目《在线教育之采集系统》笔记002

视频地址&#xff1a;尚硅谷大数据项目《在线教育之采集系统》_哔哩哔哩_bilibili 目录 P032 P033 P033 P034 P035 P036 P032 P033 # 1、定义组件&#xff0c;为各组件命名 a1.sources r1 a1.channels c1 a1.sinks - k1# 2、配置sources&#xff0c;描述source a1.sour…

微服务划分的原则

微服务的划分 微服务的划分要保证的原则 单一职责原则 1、耦合性也称块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密&#xff0c;其耦合性就越强&#xff0c;模块的独立性则越差。模块间耦合高低取决于模块间接口的复杂性、调用的方式及…

hive删除数据进行恢复

在实际开发或生产中&#xff0c;hive表如果被误删&#xff0c;如被truncate或是分区表的分区被误删了&#xff0c;只要在回收站的清空周期内&#xff0c;是可以恢复数据的&#xff0c;步骤如下&#xff1a; &#xff08;1&#xff09; 先找到被删除数据的存放目录&#xff0c;…

Neo4j数据库中导入CSV示例数据

本文简要介绍Neo4j数据库以及如何从CSV文件中导入示例数据&#xff0c;方便我们快速学习测试图数据库。首先介绍简单数据模型以及基本图查询概念&#xff0c;然后通过LOAD CSV命令导入数据&#xff0c;生成节点和关系。 环境准备 读者可以快速安装Neo4j Desktop&#xff0c;启…

30天python速成-第一天(python简介及下载安装)

初识Python Python简介 Python的历史 1989年圣诞节:Guido von Rossum开始写Python语言的编译器。1991年2月:第一个Python编译器(同时也是解释器)诞生,它是用C语言实现的(后面),可以调用C语言的库函数。在最早的版本中,Python已经提供了对“类”,“函数”,“异常处…

1.2 网络安全法律法规

数据参考&#xff1a;CISP官方 目录 国家立法体系网络安全法解析网络安全相关法律 一、国家立法体系 1、我国的立法体系 我国的立法体系在网络空间治理中扮演着基础工作的角色。为了应对快速发展的网络技术和威胁&#xff0c;我国采取了多级立法机制来完善网络空间的法律…

【EI/SCOPUS会议征稿】2023年第四届新能源与电气科技国际学术研讨会 (ISNEET 2023)

作为全球科技创新大趋势的引领者&#xff0c;中国一直在为科技创新创造越来越开放的环境&#xff0c;提高学术合作的深度和广度&#xff0c;构建惠及全民的创新共同体。这些努力为全球化和创建共享未来的共同体做出了新的贡献。 为交流近年来国内外在新能源和电气技术领域的最新…

打卡力扣题目六

#左耳听风 ARST 打卡活动重启# 目录 一、问题 二、解题方法 三、解题方法二 四、两个方法的区别 关于 ARTS 的释义 —— 每周完成一个 ARTS&#xff1a; ● Algorithm: 每周至少做一个 LeetCode 的算法题 ● Review: 阅读并点评至少一篇英文技术文章 ● Tips: 学习至少一个技…

Mac 上使用 Tesseract OCR 识别图片文本

Tesseract OCR 引擎&#xff1a;Tesseract是一个开源的OCR引擎&#xff0c;你需要先安装它。可以从Tesseract官方网站&#xff08;https://github.com/tesseract-ocr/tesseract&#xff09;下载适用于你的操作系统的安装程序或源代码&#xff0c;并按照官方文档进行安装。 Tes…

【Postman】Postman接口测试进阶用法详解:断言、全局与环境变量、关联、批量执行用例、读取外部文件实现参数化

文章目录 一、Postman断言1、断言位置2、Postman的常用断言3、操作实例 二、全局变量与环境变量1、二者区分2、设置全局变量3、设置环境变量 三、Postman接口关联1、概念2、操作步骤 四、批量执行测试用例1、操作步骤2、查看结果 五、读取外部文件实现参数化1、使用场景2、操作…

el-select多个选择框位置错位、偏移

el-select多个选择框位置错位、偏移 一、解决办法 在el-select组件中&#xff0c;可能会由于option选项过多而导致下拉框位置错乱、偏移的情况&#xff0c;我个人试验大概是在5-6个option以上时&#xff0c;该bug就会出现。 一、解决办法 这个时候需要手动为下拉框设置: popper…

调查需求合理呈现业务人员想要的数据维度视图

开始着手做一个单据,首先想到的是业务人员最终想看到的单据数据的呈现样式,这是信息化的出发点和数据分析的基础。业务人员工作有时很多是重复,以一个他喜欢的方式将需要的数据方便的提供给它,无疑改善方便了他的工作。我们发现不管你是一个家庭,还是一个店铺或是一个公司…

Vite+Typescript+Vue3学习笔记

ViteTypescriptVue3学习笔记 1、项目搭建 1.1、创建项目(yarn) D:\WebstromProject>yarn create vite yarn create v1.22.19 [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages...success Installed…

2023-将jar包上传至阿里云maven私有仓库(云效制品仓库)

一、背景介绍 如果要将平时积累的代码工具jar包&#xff0c;上传至云端&#xff0c;方便团队大家一起使用&#xff0c;一般的方式就是上传到Maven中心仓库&#xff08;但是这种方式步骤多&#xff0c;麻烦&#xff0c;而且上传之后审核时间比较长&#xff0c;还不太容易通过&a…

Python语法(二、内置函数)

数学计算库 Python ​math ​模块提供了许多对浮点数的数学运算函数。 Python ​cmath ​模块包含了一些用于复数运算的函数。 import math 内置函数 关键字 自定义函数 Python函数的定义。定义函数需要用def 关键字实现&#xff0c;具体的语法格式如下&#xff1a; def 函…

CAN学习笔记3:STM32 CAN控制器介绍

STM32 CAN控制器 1 概述 STM32 CAN控制器&#xff08;bxCAN&#xff09;&#xff0c;支持CAN 2.0A 和 CAN 2.0B Active版本协议。CAN 2.0A 只能处理标准数据帧且扩展帧的内容会识别错误&#xff0c;而CAN 2.0B Active 可以处理标准数据帧和扩展数据帧。 2 bxCAN 特性 波特率…

Springboot实现Rsa非对称加密

依赖 <dependency><groupId>cn.dev33</groupId><artifactId>sa-token-spring-boot-starter</artifactId><version>1.30.0</version> </dependency>生成公钥和私钥 // 生成一对公钥和私钥&#xff0c;其中Map对象 (private私…

部署问题集合(十八)Windows环境下使用两个Tomcat

下载Tomcat Tomcat镜像下载地址&#xff1a;https://mirrors.cnnic.cn/apache/tomcat/进入如下地址&#xff1a;zip的是压缩版&#xff0c;exe是安装版 修改第二个Tomcat配置文件 第一步&#xff1a;编辑conf/server.xml文件&#xff0c;修改三个端口&#xff0c;有些版本改…

3d激光slam建图与定位(1)_基于ndt算法定位

一.代码实现流程 二.ndt算法原理 一.该算法定位有三个进程文件 1.map_loader.cpp用于点云地图的读取&#xff0c;从文件中读取点云后对这个点云地图进行旋转平移后发布点云地图到ros #include "map_loader.h"MapLoader::MapLoader(ros::NodeHandle &nh){std::st…