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

html知识点框架

news 2025/9/19 5:07:40

一、HTML基础

  1. HTML简介
    • HTML是一种超文本标记语言，用于创建网页和网页应用。
    • HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力。
  2. HTML基本结构
    • 基本的HTML文档结构包括<!DOCTYPE html>, <html>, <head>, <meta>, <title>, <body>等标签。
    • <head>部分包含了文档的元数据，如字符集定义、页面标题、样式链接等。
    • <body>部分包含了可见的页面内容，如文本、图片、链接等。
  3. HTML基本标签
    • 结构标签：如<div>, <span>, <header>, <footer>, <nav>, <section>, <article>等，用于定义文档的结构。
    • 文本格式化标签：如<h1>至<h6>, <p>, <br>, <strong>, <em>, <i>, <u>, <del>, <ins>等，用于格式化文本内容。
    • 链接和图片标签：<a>用于创建超链接，<img>用于嵌入图片。
    • 列表标签：<ul>, <ol>, <li>分别用于无序列表、有序列表和列表项。
    • 表格标签：<table>, <tr>, <td>, <th>等，用于创建表格。
    • 表单标签：<form>, <input>, <textarea>, <button>, <select>, <option>等，用于创建表单元素。

二、HTML进阶

  1. HTML属性
    • HTML元素可以设置属性，属性以名称/值对的形式出现，为元素提供附加信息。
    • 常见属性包括id, class, style, href, src, alt等。
  2. HTML事件
    • HTML事件是指在HTML文档中发生的各种交互式事件，如点击、鼠标悬停、键盘输入等。
    • 事件可以通过JavaScript来捕获和处理，实现用户交互的响应和控制。
  3. HTML DOM
    • DOM（Document Object Model）文档对象模型，用于获取、修改、添加或删除HTML元素。
    • 通过DOM，可以将HTML文档表达为树结构，并通过JavaScript进行访问和操作。

三、HTML框架与工具

  1. 前端框架
    • 学习一些流行的前端框架，如Bootstrap、Vue.js、React.js等，了解它们的特点和使用方法。
    • 这些框架可以帮助快速构建高质量的网页应用，提升开发效率。
  2. 版本控制
    • 学习如何使用Git等版本控制工具来管理前端代码，包括代码的提交、分支、合并等操作。
  3. 开发工具
    • 使用VS Code等开发工具，利用快捷键和插件提高编码效率。
    • 学习如何利用开发工具生成HTML文档骨架，快速搭建页面结构。

四、实战项目与案例研究

  1. 参与实战项目
    • 通过参与实战项目来巩固和应用所学知识，提升解决实际问题的能力。
  2. 案例研究
    • 分析并学习优秀的前端项目案例，了解它们的设计思路、实现技巧和优化方法。
    • 积极参与开源项目或自己发起项目，将所学知识付诸实践。

五、持续学习

  • 保持持续学习的态度，关注前端技术的最新发展和更新。
  • 参加在线课程、技术论坛、社区活动等，与同行交流学习心得和经验。

相关文章：

html知识点框架

一、HTML基础 HTML简介 HTML是一种超文本标记语言&#xff0c;用于创建网页和网页应用。HTML5是公认的下一代Web语言&#xff0c;极大地提升了Web在富媒体、富内容和富应用等方面的能力。HTML基本结构 基本的HTML文档结构包括<!DOCTYPE html>, <html>, <head&g…...

编程日记 2024/9/25 5:36:45

SpringBoot的应用

目录 一、springboot的应用 1、创建springboot项目 2、乱码问题配置 3、springboot日志配置 4、springboot整合mybatis 二、配置文件讲解及测试 1、全局配置文件参数读取 1.1 全局配置文件的位置 1.2 配置文件的读取 1.2.1 导包 1.2.2 编写配置对象Bean 1.2.3 编写配置文件 1.2…...

编程日记 2024/9/25 5:35:44

Spring源码学习：SpringMVC（3）mvcannotation-driven标签解析【RequestMappingHandlerMapping生成】

目录 前言mvc:annotation-driven标签概述mvc:annotation-driven标签解析【RequestMappingHandlerMapping生成】AnnotationDrivenBeanDefinitionParser#parse &#xff08;解析入口&#xff09;RequestMappingHandlerMapping的实例化类图afterPropertiesSetAbstractHandlerMetho…...

编程日记 2024/9/25 5:34:43

2024 Redis 全部

1. 单机部署 1.1 检查环境&#xff0c;创建目录。 # 本地运行&#xff0c;不需要考虑安装的原因&#xff0c;可以卸载防火墙 # 关闭防火墙 systemctl stop firewalld.service# 查看防火强状态 firewall-cmd --state# redis 是基于gcc 环境的&#xff0c;查看是否有 gcc 环境 …...

编程日记 2024/9/25 5:31:40

[SDX35+WCN6856]SDX35 + WCN6856 WiFi可以up起来之后无法扫描到SSID

SDX35 SDX35介绍 SDX35设备是一种多模调制解调器芯片,支持 4G/5G sub-6 技术。它是一个4nm芯片专为实现卓越的性能和能效而设计。它包括一个 1.9 GHz Cortex-A7 应用处理器。 SDX35主要特性 ■ 3GPP Rel. 17 with 5G Reduced Capability (RedCap) support. Backward compati…...

编程日记 2024/9/25 5:30:39

VisualStudio如何卸载Resharper插件？

本来按理说&#xff0c;卸载插件应该就是在扩展下的已安装插件中&#xff0c;找到该插件&#xff0c;点一下就会出现卸载的按钮的。 没想到这个Resharper这么吊&#xff0c;卸载按钮居然是个灰色的&#xff0c;意思就是此路不通&#xff0c;有特权的。 那么这种情况下&#x…...

编程日记 2024/9/25 5:29:38

Unity Debug时出现请选择unity实例

Unity Debug时出现请选择unity实例 问题描述 出现请选择unity实例&#xff0c;并且选择框里为空。 出现原因 你打开了两个Unity工程&#xff0c;在附加时&#xff0c;不知道加在哪个Unity工程上。 解决方法 在调试窗口中点击“附加Unity调试程序”&#xff0c;然后在弹出…...

编程日记 2024/9/25 5:26:33

国庆出行新宠：南卡Pro5骨传导耳机，让旅途不再孤单

国庆长假即将来临&#xff0c;对于热爱旅行和户外运动的朋友们来说&#xff0c;一款适合旅行使用的耳机无疑是提升旅途体验的神器。今天&#xff0c;我要向大家推荐一款特别适合国庆出行的耳机——南卡Runner Pro5骨传导耳机。作为一名热爱旅游的体验者&#xff0c;我强烈推荐南…...

编程日记 2024/9/25 5:25:33

2024.09.18 leetcode 每日一题

二进制求和 给你两个二进制字符串 a 和 b &#xff0c;以二进制字符串的形式返回它们的和。 https://leetcode.cn/problems/add-binary/description/ 代码一&#xff0c;尝试使用笨办法&#xff0c;会造成溢出 class Solution { public:string addBinary(string a, string …...

编程日记 2024/9/25 5:24:31

快递物流短信API接口代码

官网&#xff1a;快递鸟 API参数 用户信息类 一.短信模版 1.接口说明 使用快递鸟短信功能时&#xff0c;预先设置好短信模板和对应的发送规则&#xff0c;快递鸟短信API将根据设置的好的模板和规则&#xff0c;进行短信的发送和反馈。 (1)仅支持Json格式。 (2)请求指令810…...

编程日记 2024/9/25 5:22:28

人工智能-机器学习-深度学习-分类与算法梳理

目前人工智能的概念层出不穷&#xff0c;容易搞混&#xff0c;理清脉络&#xff0c;有益新知识入脑。 为便于梳理&#xff0c;本文只有提纲&#xff0c;且笔者准备仓促&#xff0c;敬请勘误&#xff0c;不甚感激。 请看右边目录索引 。 人工智能 三大派系 符号主义(Symbolists…...

编程日记 2024/9/25 5:21:27

Xinference：深度学习模型推理与优化指南

目录 1. 什么是 Xinference&#xff1f; 2. 使用 Xinference 进行模型推理 2.1 安装 Xinference 2.2 模型推理示例 3. 提高模型推理的效率和性能 3.1 模型量化 3.2 并行处理 3.3 批量处理 4. 启用网页端&#xff08;如果支持&#xff09; 5. 在 CPU 中的注意事项 6. …...

编程日记 2024/9/25 5:20:26

Windows 2003系统的防护技巧，禁止IPC$空连接

一、修改管理员帐号和新建“陷阱”帐号 多年以来&#xff0c;微软一直在强调建议重命名Administrator账号并禁用Guest账号&#xff0c;提高计算机的安全性。Windows Server 2003系统&#xff0c;Guest 账号是默认禁用的&#xff0c;管理员账号默认是Administrator&#xff0c;…...

编程日记 2024/9/25 5:19:25

Kubernetes 深入浅出系列 | 容器剖析之容器基本实现原理

一、容器基本实现原理 Docker 主要通过如下三个方面来实现容器化&#xff1a; ① 使用操作系统的 namespace 隔离系统资源技术&#xff0c;通过隔离 网络、PID 进程、系统信号量、文件系统挂载、主机名和域名&#xff0c;来实现在同一宿主机系统中&#xff0c;运行不同的容器&…...

编程日记 2024/9/25 5:18:24

【学习笔记】TLS/SSL握手

前言&#xff1a;本篇将介绍TLS握手的实际握手过程&#xff0c;TLS握手创建了Client和Server之间“被保护的通道”&#xff0c;2个单向通道用来保护批量数据的传输&#xff08;通过Confidentiality、Integrity和Authentication&#xff09;&#xff0c;一个通道是从Client到Ser…...

编程日记 2024/9/25 5:15:22

ESP32-TFT_eSPI.h文件的使用心得（包含画图相关函数）

目录 前言 环境&#xff1a;arduino 芯片&#xff1a;ESP32 一、Arduino中的使用 #include <TFT_eSPI.h> TFT_eSPI tft TFT_eSPI();tft.init();//初始化tft.setRotation(0); //屏幕旋转方向tft.fillScreen(TFT_BLACK);//底色tft.setTextSize(2); …...

编程日记 2024/9/25 5:14:20

vite分目录打包以及去掉默认的.gz 文件

1.vite打包情况介绍&#xff1a; 1.1vite在不进行任何配置的情况下&#xff0c;会将除开public的所有引用到资源打包编译添加哈希值至assets文件夹中&#xff08;非引用文件以及行内样式图片未被打包编译资源会被treeSharp直接忽略不打包&#xff09;&#xff0c; 　 　 1.2w…...

编程日记 2024/9/25 5:13:19

Tensorflow 2.0 cnn训练cifar10 准确率只有0.1 [已解决]

cifar10 准确率只有0.1 问题描述踩坑解决办法 问题描述 如果你看的是北京大学曹健老师的tensorflow2.0,你在class5的部分可能会遇见这个问题 import matplotlib.pyplot as plt import tensorflow as tf from tensorflow.keras.layers import Dense, Dropout,MaxPooling2D,Fla…...

编程日记 2024/9/25 5:12:18

828华为云征文 | 在华为云上通过Docker容器部署Elasticsearch并进行性能评测

目录 前言 1. 华为云X实例介绍及优势 1.1 柔性算力 1.2 vCPU和内存的灵活配比 1.3 成本效益与性能 2. 安装并运行 Docker 2.1 修改仓库配置文件 2.2 安装 Docker 2.3 启动 Docker 3. 使用Docker部署Elasticsearch 3.1 拉取Elasticsearch镜像 3.2 启动Elasticsearch…...

编程日记 2024/9/25 5:11:17

生态位模型降重创新专题系列【2025

本内容旨在丰富最大熵模型的分析内容&#xff0c;并针对目前文章存在的问题&#xff1a;&#xff08;1&#xff09;分析内容单一&#xff0c;重复度高和查重率高&#xff0c;&#xff08;2&#xff09;建模流程过于简单&#xff0c;结果可信度评估方法过于单一等&#xff1b;推…...

编程日记 2024/9/25 5:10:16

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明 在2011版本的gb28181协议中&#xff0c;拉取视频流只要求udp方式&#xff0c;从2016开始要求新增支持tcp被动和tcp主动两种方式&#xff0c;udp理论上会丢包的&#xff0c;所以实际使用过程可能会出现画面花屏的情况&#xff0c;而tcp肯定不丢包&#xff0c;起码…...

编程新知 2025/9/18 23:07:57

JavaScript 中的 ES|QL：利用 Apache Arrow 工具

作者&#xff1a;来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗&#xff1f;了解下一期 Elasticsearch Engineer 培训的时间吧&#xff01; Elasticsearch 拥有众多新功能&#xff0c;助你为自己…...

编程新知 2025/9/17 18:12:33

大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计

随着大语言模型&#xff08;LLM&#xff09;参数规模的增长&#xff0c;推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长&#xff0c;而KV缓存的内存消耗可能高达数十GB&#xff08;例如Llama2-7B处理100K token时需50GB内存&a…...

编程新知 2025/7/19 3:59:22

A2A JS SDK 完整教程：快速入门指南

目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...

编程新知 2025/8/27 4:07:51

DeepSeek源码深度解析 × 华为仓颉语言编程精粹——从MoE架构到全场景开发生态

前言 在人工智能技术飞速发展的今天&#xff0c;深度学习与大模型技术已成为推动行业变革的核心驱动力&#xff0c;而高效、灵活的开发工具与编程语言则为技术创新提供了重要支撑。本书以两大前沿技术领域为核心&#xff0c;系统性地呈现了两部深度技术著作的精华&#xff1a;…...

编程新知 2025/9/6 19:53:03

Linux 下 DMA 内存映射浅析

序 系统 I/O 设备驱动程序通常调用其特定子系统的接口为 DMA 分配内存&#xff0c;但最终会调到 DMA 子系统的dma_alloc_coherent()/dma_alloc_attrs() 等接口。 关于 dma_alloc_coherent 接口详细的代码讲解、调用流程&#xff0c;可以参考这篇文章&#xff0c;我觉得写的非常…...

编程新知 2025/9/13 17:35:29

DeepSeek越强，Kimi越慌？

被DeepSeek吊打的Kimi&#xff0c;还有多少人在用&#xff1f; 去年&#xff0c;月之暗面创始人杨植麟别提有多风光了。90后清华学霸&#xff0c;国产大模型六小虎之一&#xff0c;手握十几亿美金的融资。旗下的AI助手Kimi烧钱如流水&#xff0c;单月光是投流就花费2个亿。 疯…...

编程新知 2025/9/13 17:30:06

【向量库】Weaviate 搜索与索引技术：从基础概念到性能优化

文章目录 零、概述一、搜索技术分类1. 向量搜索&#xff1a;捕捉语义的智能检索2. 关键字搜索&#xff1a;精确匹配的传统方案3. 混合搜索&#xff1a;语义与精确的双重保障 二、向量检索技术分类1. HNSW索引&#xff1a;大规模数据的高效引擎2. Flat索引&#xff1a;小规模数据…...

编程新知 2025/7/31 4:57:46

第2篇：BLE 广播与扫描机制详解

本文是《BLE 协议从入门到专家》专栏第二篇，专注于解析 BLE 广播（Advertising）与扫描（Scanning）机制。我们将从协议层结构、广播包格式、设备发现流程、控制器行为、开发者 API、广播冲突与多设备调度等方面，全面拆解这一 BLE 最基础也是最关键的通信机制。 一、什么是 B…...

编程新知 2025/9/7 21:19:12

小白的进阶之路系列之十四----人工智能从初步到精通pytorch综合运用的讲解第七部分

通过示例学习PyTorch 本教程通过独立的示例介绍PyTorch的基本概念。 PyTorch的核心提供了两个主要特性： 一个n维张量，类似于numpy，但可以在gpu上运行 用于构建和训练神经网络的自动微分 我们将使用一个三阶多项式来拟合问题 y = s i n ( x ) y=sin(x) y=sin(x)，作为我们的…...

编程新知 2025/7/14 4:35:05