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

HTML一些基础知识

news 2025/9/14 19:06:57

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

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

编程新知 2025/9/13 20:52:58

多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度​

一、引言&#xff1a;多云环境的技术复杂性本质​​ 企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时&#xff0c;​​基础设施的技术债呈现指数级积累​​。网络连接、身份认证、成本管理这三大核心挑战相互嵌套&#xff1a;跨云网络构建数据…...

编程新知 2025/9/13 18:53:26

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石， 设计模式 在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类： 一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

微信小程序 - 手机震动

一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码 注&#xff1a;文档 https://developers.weixin.qq…...

编程新知 2025/8/25 23:31:15

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui&#xff08;适配 Vue2 版本 &#xff09;实现截图中照片上传预览、删除功能&#xff0c;并封装成可复用组件的完整代码&#xff0c;包含样式和逻辑实现&#xff0c;可直接在 Vue2 项目中使用&#xff1a; 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2025/8/22 7:03:09

【算法训练营Day07】字符串part1

文章目录 反转字符串反转字符串II替换数字 反转字符串 题目链接&#xff1a;344. 反转字符串 双指针法&#xff0c;两个指针的元素直接调转即可 class Solution {public void reverseString(char[] s) {int head 0;int end s.length - 1;while(head < end) {char temp …...

编程新知 2025/8/27 14:38:58

BCS 2025｜百度副总裁陈洋：智能体在安全领域的应用实践

6月5日&#xff0c;2025全球数字经济大会数字安全主论坛暨北京网络安全大会在国家会议中心隆重开幕。百度副总裁陈洋受邀出席&#xff0c;并作《智能体在安全领域的应用实践》主题演讲&#xff0c;分享了在智能体在安全领域的突破性实践。他指出&#xff0c;百度通过将安全能力…...

编程新知 2025/8/26 15:36:54

IT供电系统绝缘监测及故障定位解决方案

随着新能源的快速发展&#xff0c;光伏电站、储能系统及充电设备已广泛应用于现代能源网络。在光伏领域&#xff0c;IT供电系统凭借其持续供电性好、安全性高等优势成为光伏首选&#xff0c;但在长期运行中&#xff0c;例如老化、潮湿、隐裂、机械损伤等问题会影响光伏板绝缘层…...

编程新知 2025/9/2 19:12:26

什么是Ansible Jinja2

理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具&#xff0c;可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板&#xff0c;允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板&#xff0c;并通…...

编程新知 2025/9/7 8:51:09

Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）

在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件 本期内容是为了更好的为大家解释木马&#xff08;服务器方面的&#xff09;的原理&#xff0c;连接&#xff0c;以及各种木马及连接工具的分享 文件木马&#xff1a;https://w…...

编程新知 2025/9/13 17:41:27