当前位置： 首页 > news >正文

HTML一些基础知识

news 文章来源：https://blog.csdn.net/m0_70882975/article/details/131999456 2025/5/9 18:40:52

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请求。

相关文章：

HTML一些基础知识

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

编程日记 2023/8/2 6:35:19

git 命令总结

一、本地分支和仓库里的分支不同步&#xff08;本地看不到最新的分支&#xff09; 1.使用 git fetch origin 或者git remote update origin --prune命令更新 2.git branch -r 查看 即可 二、git 合并代码 1. git 如何把分支代码合并到master 1.1 首先切换到分支 git checkou…...

编程日记 2023/8/2 6:34:17

【Django】如何优化数据库访问

原文作者&#xff1a;我辈李想 版权声明&#xff1a;文章原创&#xff0c;转载时请务必加上原文超链接、作者信息和本声明。 文章目录 前言一、数据库层面优化常用优化postgresql查询分库分表 二、内存层面优化三、代码层面优化 前言 Django是一个高级的Web框架&#xff0c;它…...

编程日记 2023/8/2 6:33:16

常压室温超导材料：揭开物理学的新篇章

常压室温超导材料&#xff1a;揭开物理学的新篇章 目录 引言超导现象简介常压室温超导材料的重要性常压室温超导材料的研究进展常压室温超导材料的挑战与前景结论 1. 引言 自从1911年荷兰物理学家海克卡默林奥涅斯发现超导现象以来&#xff0c;超导技术在许多领域都有着广泛…...

编程日记 2023/8/2 6:32:15

【《C# 10 和 .NET 6入门与跨平台开发（第6版）》——一本循序渐进的C#指南】

这个新版本对上一版做了全面修订&#xff0c;涵盖C# 10和.NET 6的所有新功能. 本书讨论面向对象编程、编写函数、测试函数、调试函数、实现接口以及继承类等主题&#xff1b;介绍.NET API&#xff0c;这些API可执行多种任务&#xff0c;如管理和查询数据&#xff0c;监视和改进…...

编程日记 2023/8/2 6:31:14

2.5 BUMP图改进

一、Bump Mapping介绍 凹凸贴图映射技术是对物体表面贴图进行变化然后进行光计算的一种技术。例如给法线分量添加噪音&#xff0c;或者在一个保护扰动值的纹理图中进行查找。这是一个提升物理真实感的有效方法&#xff0c;但却不需要额外的提升物体的几何复杂度。这种法式在提…...

编程日记 2023/8/2 6:30:13

第六篇-ChatGLM2-6B-CentOS7安装部署-GPU版

环境 系统&#xff1a;CentOS-7 CPU: 14C28T 显卡&#xff1a;Tesla P40 24G 驱动: 515 CUDA: 11.7 cuDNN: 8.9.2.26模型文件 https://huggingface.co/THUDM/chatglm2-6b 下载模型相关文件到自己目录 我的是/models/chatglm2-6b [rootai-server chatglm2-6b]# pwd /models/c…...

编程日记 2023/8/2 6:29:11

dotnet 依赖注入-批量注入Controller，service,Dao

此类为扩展注入类&#xff0c;使用autofuc 仅供参考 注入接口和实现。 使用方法&#xff1a; //配置项调用ConfigContainer public void ConfigureContainer(ContainerBuilder builder){TestMicroService.ConfigContainer(builder);} //service调用RegisteApiController …...

编程日记 2023/8/2 6:28:10

【Spring】Spring对IoC的实现

根据 【动力节点】最新Spring框架教程&#xff0c;全网首套Spring6教程&#xff0c;跟老杜从零学spring入门到高级 以及老杜的原版笔记 https://www.yuque.com/docs/share/866abad4-7106-45e7-afcd-245a733b073f?# 《Spring6》 进行整理&#xff0c; 文档密码&#xff1a;mg9b…...

编程日记 2023/8/2 6:27:09

正则表达式中的大括号-花括号{}有什么用？

在正则表达式中&#xff0c;花括号 {} 是用于指定匹配次数的量词元字符。它可以用来表示匹配的次数范围或精确匹配次数。 具体来说&#xff0c;花括号 {m} 表示前面的模式匹配恰好出现 m 次&#xff0c;而 {m, n} 表示前面的模式匹配出现 m 到 n 次。 以下是一些常见的用法示…...

编程日记 2023/8/2 6:26:08

Flutter 状态栏完美攻略

1. 沉浸式状态栏 Scaffold(extendBodyBehindAppBar: true,appBar: AppBar(toolbarHeight: 0,),body: Container(color:Colors.red) ) 2. 状态栏的背景颜色 Scaffold(appBar: AppBar(backgroundColor: Colors.transparent,),body: Container(color:Colors.red) ) 3. 状态栏的…...

编程日记 2023/8/2 6:25:07

Packet Tracer - 连接有线和无线 LAN

Packet Tracer - 连接有线和无线 LAN 地址分配表 设备 接口 IP 地址 连接到 云 Eth6 N/A Fa0/0 Coax7 N/A Port0 电缆调制解调器 Port0 N/A Coax7 Port1 N/A 互联网 Router0 控制台端口 N/A RS232 Fa0/0 192.168.2.1/24 Eth6 Fa0/1 10.0.0.1/24 Fa…...

编程日记 2023/8/2 6:24:06

02 笔记本电脑m.2硬盘更换

1 工具展示 SN570的2T硬盘。够用了。 对于这台华为&#xff0c;使用的螺丝刀批头是4或5毫米的六边形批头。如果出现打滑的情况&#xff0c;请不要用蛮力哦。 2 更换过程 使用螺丝刀拧走后盖的螺丝&#xff08;为了避免会出问题要再次打开&#xff0c;我到现在还没有把螺丝拧回…...

编程日记 2023/8/2 6:23:05

2.04 商品搜索功能实现

根据关键字获取分类查询对应的分页商品信息&#xff0c;并可以价格和销量进行排序切换 步骤1&#xff1a;mapper.xml编写sql语句 <!-- k: 默认&#xff0c;代表默认排序&#xff0c;根据name--> <!-- c: 根据销量排序--> <!-- p: 根据价格排序--> <sel…...

编程日记 2023/8/2 6:22:04

【SEO基础】百度权重是什么意思及网站关键词应该怎么选？

百度权重是什么意思及网站关键词应该怎么选&#xff1f; 正文共&#xff1a;3253字 20图 预计阅读时间&#xff1a;9分钟 ​ 1.什么是网站权重&#xff1f; 这段时间和一些朋友聊到网站权重以及关键词&#xff0c;发现蛮多人对于这两个概念的认知还是存在一些错误的&#xf…...

编程日记 2023/8/2 6:20:01

Unity实现在3D模型标记

Canvas 模式是UI与3D混合模式&#xff08;Render modelScreen space-Camera) 实现在3D模型标记&#xff0c;旋转跟随是UI不在3D物体下 代码&#xff1a; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public clas…...

编程日记 2023/8/2 6:18:56

iOS开发-NotificationServiceExtension实现实时音视频呼叫通知响铃与震动

iOS开发-NotificationServiceExtension实现实时音视频呼叫通知响铃与震动 在之前的开发中&#xff0c;遇到了实时音视频呼叫通知&#xff0c;当App未打开或者App在后台时候&#xff0c;需要通知到用户&#xff0c;用户点击通知栏后是否接入实时音视频的视频或者音频通话。 在…...

编程日记 2023/8/2 6:17:54

性能调试【学习笔记】

什么是调优&#xff1f; 每执行一个Java命令&#xff0c;就分配一个JVM&#xff0c;调优时不要混淆。 根据需求进行JVM规划和预调优优化运行JVM的运行环境&#xff08;慢、卡顿&#xff09;解决JVM运行过程中出现的各种问题&#xff08;内存泄露、内存溢出OOM&#xff09; 生…...

编程日记 2023/8/2 6:16:53

【taro react】---- 获取元素的位置和宽高等信息

1. 需求分析 添加节点的布局位置的查询请求。相对于显示区域&#xff0c;以像素为单位。其功能类似于 DOM 的 getBoundingClientRect。返回 NodesRef 对应的 SelectorQuery。区分小程序和H5的环境&#xff0c;调用 getBoundingClientRect 获取对应的信息。 2. H5 实现 判断传…...

编程日记 2023/8/2 6:15:52

Java【Spring】项目创建、存储和获取 Bean 的基本方式

文章目录 前言一、创建 Spring 项目1, 创建 Maven 项目2, 添加 Spring 依赖3, 创建启动类 二、存储 Bean 的基本方式1, 创建 Bean2, 存储 Bean 三、获取 Bean 的基本方式1, 获取上下文对象2, 获取 Bean3, 使用 Bean 总结 前言 各位读者好, 我是小陈, 这是我的个人主页, 希望我的…...

编程日记 2023/8/2 6:14:51

docker minio安装

1.介绍 Minio是一款开源的对象存储服务&#xff0c;它可以在任何硬件或云平台上提供高性能、高可用性和高安全性的存储解决方案。Minio最新版是2021年11月发布的RELEASE.2021-11-24T23-19-33Z&#xff0c;它带来了以下几个方面的改进和新特性&#xff1a; - 支持S3 Select AP…...

编程日记 2023/8/2 6:13:49

设计模式-命令模式在Java中的使用示例-桌面程序自定义功能键

场景 欲开发一个桌面版应用程序&#xff0c;该应用程序为用户提供了一系列自定义功能键&#xff0c;用户可以通过这些功能键来实现一些快捷操作。 用户可以将功能键和相应功能绑定在一起&#xff0c;还可以根据需要来修改功能键的设置&#xff0c;而且系统在未来可能还会增加…...

编程日记 2023/8/2 6:12:49

分冶算法 剑指 07 重建二叉树 排序算法：剑指45 把数组排成最小的数 10-I 斐波那契数列

来记录几个注意事项 1.vector容器里利用find&#xff08;&#xff09;函数 不同于map&#xff08;map有find方法&#xff09;&#xff0c;vector本身是没有find这一方法&#xff0c;其find是依靠algorithm来实现的。 所以要包含头文件 #include <iostream> #include <…...

编程日记 2023/8/2 6:11:48

Postgresql取消正在执行的任务或强制终止正在执行的任务

Postgresql取消正在执行的任务或强制终止正在执行的任务 要停止 PostgreSQL 数据库中当前正在执行的所有任务&#xff0c;可以使用以下方法&#xff1a; 使用 pg_cancel_backend 函数&#xff1a;连接到 PostgreSQL 数据库&#xff0c;并执行以下命令以停止所有正在执行的任务…...

编程日记 2023/8/2 6:10:46

【Linux】Centos7 的 Systemctl 与 创建系统服务 (shell脚本)

Systemctl systemctl 命令 # 启动 systemctl start NAME.service # 停止 systemctl stop NAME.service # 重启 systemctl restart NAME.service # 查看状态 systemctl status NAME.service # 查看所有激活系统服务 systemctl list-units -t service # 查看所有系统服务 syste…...

编程日记 2023/8/2 6:09:45

Redis集群Cluster搭建

Redis集群Cluster搭建 集群框架1、下载redis2.创建Cluster文件3.修改redis配置文件4.启动redis5.链接各个redis6.分配槽位7.添加从机节点&#xff08;备份Redis&#xff09;8.以集群方式登录9.使用开源Redis可视化客户端链接 集群框架 三个集群节点&#xff0c;每个节点有个副本…...

编程日记 2023/8/2 6:08:43

swing组件应用

1. 组件概述 &#xff08;1&#xff09; 说明 组件组成Java 的图形界面的各个元素&#xff0c;按照不同的功能&#xff0c;可分为 顶层容器、中间容器、基本组件。顶层容器为java.awt.Window的子类&#xff0c;有JFrame、JDialog等。中间容器和基础组件都为javax.swing.JCompo…...

编程日记 2023/8/2 6:07:42

Spring学习记录----十五、面向切面编程AOP+十六、Spring对事务的支持

十五、面向切面编程AOP IoC使软件组件松耦合。AOP让你能够捕捉系统中经常使用的功能&#xff0c;把它转化成组件。 AOP&#xff08;Aspect Oriented Programming&#xff09;&#xff1a;面向切面编程&#xff0c;面向方面编程。&#xff08;AOP是一种编程技术&#xff09; …...

编程日记 2023/8/2 6:06:41

Color Correction (颜色校正)

介绍 在Unity中&#xff0c;Color Correction (颜色校正) 是一种用于调整场景或游戏画面颜色的技术。其中&#xff0c;Curves&#xff08;曲线&#xff09;和Saturation&#xff08;饱和度&#xff09;是常用的Color Correction工具。通过Curves&#xff0c;可以对RGB通道进行…...

编程日记 2023/8/2 6:05:37

Unity-缓存池

一、.基础缓存池实现 继承的Singleton脚本为 public class Singleton<T> where T : new() {private static T _instance;public static T GetIstance(){if (_instance null)_instance new T();return _instance;} } 1.PoolManager using System.Collections; using S…...

编程日记 2023/8/2 6:04:36