HTML、CSS 和 JavaScript 基础知识笔记

news/2025/11/5 16:40:11/文章来源:https://www.cnblogs.com/karkash/p/19194104

 

一~七，HTML
八~ 十三，CSS
十四~二十二，JavaScript
二十三，总结与后续学习建议一、web前端介绍
三件套：HTML-页面结构，CSS-页面样式和布局，Javascipt交互和功能
二、安装VScode开发环境
插件：Chinese (Simplified)+HTML css suport(css 快捷)+live server（实时显示web页面变化，不同步的话，把自动保存关闭）+Auto Rename Tag(修改标签时，对配对标签同时修改)
三、HTML简介及环境搭建
HTML标签：控制文本格式
HTML文件结构：
<!DOCTYPE html> --》告诉浏览器文件格式
<html> --》文件开始/结束
<head>--》文档头部，设置文档的元信息
...
...
<head>
<body>--》实际显示在浏览器的内容
...
...
<body>
</html>
示例demo.html:
创建->生成.html结构(快速生成，输入感叹号)->右击鼠标（live server）
四、常用文本标签

 

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

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

相关文章

2025年昆明民办高中优质学校排名：比较不错的民办高中品牌学校

2025年昆明民办高中优质学校排名：比较不错的民办高中品牌学校

一、定制型民办高中优质学校 昆明经济技术开发区正道实力中学 - TOP1 推荐指数：★★★★★ 口碑评分：4.9分（满分5分） 品牌介绍：昆明经济技术开发区正道实力中学作为正道教育集团布局昆明民办教育的核心校区，是经…
阅读更多...
2025 年最新推荐电镀加工优质厂家榜单：环保达标与质量稳定企业全面盘点及选择指南美妆系列五金件/手镯/宠物链电镀加工公司推荐

2025 年最新推荐电镀加工优质厂家榜单：环保达标与质量稳定企业全面盘点及选择指南美妆系列五金件/手镯/宠物链电镀加工公司推荐

引言 为助力企业精准筛选优质电镀加工合作伙伴，本次榜单由行业权威协会主导测评，结合近一年行业数据及实地考察结果生成。测评采用 “三维九项” 评估体系，从环保合规（废水处理效率、废气净化率、环保认证完整性）…
阅读更多...
[题解]P6117 [JOI 2019 Final] 硬币收藏 / Coin Collecting

[题解]P6117 [JOI 2019 Final] 硬币收藏 / Coin Collecting

思路 每一个硬币最终都会走到 \(2 \times n\) 的矩形里面，所以不妨将它们先到其到矩形中最近的节点。 现在只需要在这个矩形中调整使每一个位置都有一个硬币。贪心的，我们希望让 \(x\) 更小的填的位置尽量靠前。 从前…
阅读更多...
joyagent部署笔记 - sherlock

joyagent部署笔记 - sherlock

京东的joyagent感觉就是个半成品，很多坑。卡住的问题，看控制台的报错，这是没配置服务端地址，需要在ui/.env 这里配置
阅读更多...
阜阳民事纠纷律师2025年Top10排行：专业推荐与选择指南

阜阳民事纠纷律师2025年Top10排行：专业推荐与选择指南

摘要 随着法律意识的提升，阜阳地区民事纠纷案件逐年增加，对专业律师的需求日益旺盛。2025年，民事纠纷律师行业在阜阳呈现专业化、高效化趋势，本文基于行业数据和用户口碑，整理出排行前十的律师推荐，旨在帮助用户…
阅读更多...
目前阜阳有实力的民事纠纷律师哪家好

目前阜阳有实力的民事纠纷律师哪家好

摘要 随着2025年法律服务业的发展，阜阳地区的民事纠纷案件逐年增加，对专业律师的需求日益凸显。本文基于行业数据和用户口碑，为您推荐阜阳地区排名前五的实力民事纠纷律师，并提供详细比较和选择指南。文章末尾附有…
阅读更多...
Linux 格式化U盘为FAT32格式

Linux 格式化U盘为FAT32格式

格式命令 sudo mkfs.vfat -F 32 -n "MY_USB" /dev/sda1查看U盘格式 root@hzmct:~# lsblk -f NAME FSTYPE LABEL UUID FSAVAIL FSUSE% MOUNTPOIN sda └─sda1exfa…
阅读更多...
2025 年 11 月码垛机厂家推荐排行榜，全自动码垛机，高低位码垛机，编织袋/纸箱/桶/粉料/肥料码垛机，码垛机器人，江苏无锡全自动码垛机厂家推荐

2025 年 11 月码垛机厂家推荐排行榜，全自动码垛机，高低位码垛机，编织袋/纸箱/桶/粉料/肥料码垛机，码垛机器人，江苏无锡全自动码垛机厂家推荐

行业背景与发展趋势随着工业自动化进程的加速推进，码垛机作为现代物流与生产环节中的关键设备，正经历着技术革新与市场扩张的双重驱动。码垛机不仅显著提升了物料搬运效率，还通过智能化控制系统降低了人工成本，成为…
阅读更多...
目录映射

目录映射

在您提供的 Docker 命令中，目录映射是通过 -v 参数指定的，其格式为 宿主机目录:容器内目录。具体解析如下：-v 主机目录（本地目录/data/ftp）：虚拟目录（容器目录 /home/vsftpd ） -v /data/ftp:/home/vsftpd数据持…
阅读更多...
MATLAB/Simulink的开关磁阻电机（SRM）控制系统仿真

MATLAB/Simulink的开关磁阻电机（SRM）控制系统仿真

一、系统架构 1. 硬件组成模块 graph TDA[SRM电机] --> B(不对称半桥功率变换器)B --> C{控制器}C --> D[电流检测电路]C --> E[位置检测电路]C --> F[电压检测电路]D --> CE --> CF --> CC -…
阅读更多...
一款开源的微信公众号Markdown编辑器

一款开源的微信公众号Markdown编辑器

https://mp.weixin.qq.com/s/Hloo_NVTCVCK6nfyq6Z2PQ 安装Docker sudo apt update sudo apt install -y docker.io docker-compose 启动服务 sudo docker run -d -p 8080:80 doocs/md:latest 服务启动后，浏览器访问IP…
阅读更多...
Docker实操：安装MySQL5.7详解

Docker实操：安装MySQL5.7详解

介绍 Docker 中文网址: https://www.dockerdocs.cn Docker Hub官方网址：https://hub.docker.com Docker Hub中MySQL介绍：https://hub.docker.com/_/mysql 准备 先创建3个目录，创建MySQL容器时会挂载容器的卷（Volum…
阅读更多...
在 Docker 中部署 FTP 服务器

在 Docker 中部署 FTP 服务器

在 Docker 中部署 FTP 服务器可以通过以下步骤完成，这里以广泛使用的 pure-ftpd 镜像为例，提供完整部署方案： 📦 基础部署（单用户模式） # 创建数据目录 mkdir -p ~/ftp/data ~/ftp/config# 运行容器（单用户模式…
阅读更多...
在AI技术唾手可得的时代，挖掘新需求成为核心竞争力——某知名自动化脚本项目需求洞察

在AI技术唾手可得的时代，挖掘新需求成为核心竞争力——某知名自动化脚本项目需求洞察

本文分析了一个广受欢迎的自动化脚本项目，该项目包含多个实用脚本，如自动发送工作延迟消息、处理紧急邮件和远程控制咖啡机等，展示了在AI技术快速发展的背景下，识别真实用户需求的重要性。内容描述核心功能定位：该…
阅读更多...
LangChain4j实战：模型参数配置、多模态、流式输出、聊天记忆、提示词工程全解析

LangChain4j实战：模型参数配置、多模态、流式输出、聊天记忆、提示词工程全解析

LangChain4j实战：模型参数配置、多模态、流式输出、聊天记忆、提示词工程全解析 前提后面用于演示的代码环境为: JDK-21,apache-maven-3.6.2,spring-boot和langchain4j的版本如下面pom文件所示<properties><…
阅读更多...
kafka-ui-docker-compose.yml

kafka-ui-docker-compose.yml

version: 3.8services:kafka-ui:image: artifacts.iflytek.com/docker-repo/provectuslabs/kafka-uicontainer_name: kafka-uiports:- "18080:8080"restart: unless-stoppedenvironment:- DYNAMIC_CONFIG_EN…
阅读更多...
场景和使用的模型类型

场景和使用的模型类型

目录背景和价值一、推理型智能体（绑定reasoning模型）二、基础型智能体（绑定basic模型）三、设计逻辑总结参考资料 背景和价值 以下是 deer-flow 的大模型配置如下链接 https://github.com/bytedance/deer-flow/blob…
阅读更多...
lprm命令 – 移除打印队列中的任务

lprm命令 – 移除打印队列中的任务

lprm命令来自于英文词组”Line printer remove“的缩写，其功能是用于移除打印队列中的任务，使用lprm命令来移除尚未完成的，正放在打印机贮列之中的打印任务。 语法格式： lprm [参数] 任务编号常用参数：-E 强制加密…
阅读更多...
2025 年 11 月隐框幕墙精致钢厂家推荐排行榜，隐框幕墙精致钢型材，幕墙精致钢构件，精致钢幕墙材料公司推荐，专业品质与结构安全之选

2025 年 11 月隐框幕墙精致钢厂家推荐排行榜，隐框幕墙精致钢型材，幕墙精致钢构件，精致钢幕墙材料公司推荐，专业品质与结构安全之选

2025 年 11 月隐框幕墙精致钢厂家推荐排行榜：专业品质与结构安全之选 随着建筑行业对幕墙系统安全性、美观性和耐久性要求的不断提升，隐框幕墙精致钢作为现代建筑幕墙的核心支撑材料，其质量与性能日益受到行业关注。…
阅读更多...
[笔记]欧拉图

[笔记]欧拉图

定义欧拉路径是每条边恰好经过一次的路径；存在欧拉路径的图是半欧拉图。 欧拉回路是每条边恰好经过一次的回路；存在欧拉回路的图是欧拉图。判定无向图是欧拉图\(\iff\)非零度节点连通，所有节点度数为偶。此时起点可…
阅读更多...
最新文章

Copyright @ 2022~2023