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

HTML一些基础知识

news 2025/7/7 14:35:00

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

synchronized 学习

学习源&#xff1a; https://www.bilibili.com/video/BV1aJ411V763?spm_id_from333.788.videopod.episodes&vd_source32e1c41a9370911ab06d12fbc36c4ebc 1.应用场景 不超卖&#xff0c;也要考虑性能问题&#xff08;场景&#xff09; 2.常见面试问题&#xff1a; sync出…...

编程新知 2025/6/21 18:22:44

【kafka】Golang实现分布式Masscan任务调度系统

要求&#xff1a; 输出两个程序&#xff0c;一个命令行程序&#xff08;命令行参数用flag&#xff09;和一个服务端程序。 命令行程序支持通过命令行参数配置下发IP或IP段、端口、扫描带宽&#xff0c;然后将消息推送到kafka里面。 服务端程序&#xff1a; 从kafka消费者接收…...

编程新知 2025/7/5 22:57:52

Xshell远程连接Kali（默认 | 私钥）Note版

前言:xshell远程连接&#xff0c;私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...

编程新知 2025/7/6 14:13:35

盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来

一、破局&#xff1a;PCB行业的时代之问 在数字经济蓬勃发展的浪潮中&#xff0c;PCB&#xff08;印制电路板&#xff09;作为 “电子产品之母”&#xff0c;其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透&#xff0c;PCB行业面临着前所未有的挑战与机遇。产品迭代…...

编程新知 2025/7/7 13:49:21

Cesium1.95中高性能加载1500个点

一、基本方式&#xff1a; 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...

编程新知 2025/7/5 20:48:37

RNN避坑指南：从数学推导到LSTM/GRU工业级部署实战流程

本文较长&#xff0c;建议点赞收藏&#xff0c;以免遗失。更多AI大模型应用开发学习视频及资料&#xff0c;尽在聚客AI学院。 本文全面剖析RNN核心原理&#xff0c;深入讲解梯度消失/爆炸问题&#xff0c;并通过LSTM/GRU结构实现解决方案&#xff0c;提供时间序列预测和文本生成…...

编程新知 2025/7/6 14:31:08

网站指纹识别

网站指纹识别 网站的最基本组成&#xff1a;服务器&#xff08;操作系统&#xff09;、中间件&#xff08;web容器&#xff09;、脚本语言、数据厍 为什么要了解这些&#xff1f;举个例子&#xff1a;发现了一个文件读取漏洞&#xff0c;我们需要读/etc/passwd&#xff0c;如…...

编程新知 2025/7/4 11:46:51

安宝特案例丨Vuzix AR智能眼镜集成专业软件，助力卢森堡医院药房转型，赢得辉瑞创新奖

在Vuzix M400 AR智能眼镜的助力下&#xff0c;卢森堡罗伯特舒曼医院&#xff08;the Robert Schuman Hospitals, HRS&#xff09;凭借在无菌制剂生产流程中引入增强现实技术&#xff08;AR&#xff09;创新项目&#xff0c;荣获了2024年6月7日由卢森堡医院药剂师协会&#xff0…...

编程新知 2025/7/6 12:17:52

TSN交换机正在重构工业网络，PROFINET和EtherCAT会被取代吗？

在工业自动化持续演进的今天&#xff0c;通信网络的角色正变得愈发关键。 2025年6月6日&#xff0c;为期三天的华南国际工业博览会在深圳国际会展中心&#xff08;宝安&#xff09;圆满落幕。作为国内工业通信领域的技术型企业&#xff0c;光路科技&#xff08;Fiberroad&…...

编程新知 2025/7/6 3:33:11

面试高频问题

文章目录 &#x1f680; 消息队列核心技术揭秘&#xff1a;从入门到秒杀面试官1️⃣ Kafka为何能"吞云吐雾"&#xff1f;性能背后的秘密1.1 顺序写入与零拷贝&#xff1a;性能的双引擎1.2 分区并行&#xff1a;数据的"八车道高速公路"1.3 页缓存与批量处理…...

编程新知 2025/6/21 4:22:18