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

【HTML入门】Sublime Text 4与 Phpstorm

news 来源：原创 2025/5/17 13:38:41

文章目录

前言
一、环境基础
- 1.Sublime Text 4
- 2.Phpstorm
- - (1)安装
  - (2)启动Phpstorm
  - (3)“启动”码
二、HTML
- 1.HTML简介
- - (1)什么是HTML
  - (2)HTML版本及历史
  - (3)HTML基本结构
- 2.HTML简单语法
- - (1)HTML标签语法
  - (2)HTML常用标签
  - (3)表格
  - (4)特殊字符
总结

前言

在当今的软件开发领域，选择合适的开发工具和环境是提高工作效率和代码质量的关键。无论是前端开发还是后端开发，一个良好的开发环境能够极大地提升开发体验。本文将介绍两款常用的开发工具——Sublime Text 4 和 Phpstorm 的安装与配置，并简要介绍 HTML 的基础知识。通过本文，你将掌握如何提升开发效率，并简单掌握 HTML 的基本语法和常用标签，为后续的 Web 开发打下坚实的基础。

一、环境基础

1.Sublime Text 4

官网：https://www.sublimetext.com/download
汉化：
1.打开 sublime，使用快捷键 Ctrl+Shift+P，弹出查找栏，输入Install Package，回车，需要等待一会儿
2.输入ChineseLocalzations，选中，回车，重新打开 sublime 即可完成汉化

在这里插入图片描述

2.Phpstorm

Phpstorm官网下载：https://www.jetbrains.com/phpstorm/

启动（jī_húo）工具压缩包：https://easylink.cc/8rkttx

(1)安装

建议装在D盘

在这里插入图片描述

在这里插入图片描述

对于页面“选择开始菜单文件夹，用于创建程序的快捷方式，你也可以输入自定义名称，创建新文件夹。”
默认 JetBrains 安装即可
安装后需要重启

在这里插入图片描述

(2)启动Phpstorm

进入 scripts 目录，先双击执行 uninstall-all-users.vbs
在这里插入图片描述

点击确定

在这里插入图片描述

等待一会，会出现如下页面，点击确定

再双击执行 install-all-users.vbs

点击确定

等待一会，会出现如下页面，点击确定

(3)“启动”码

选择其中一种方式即可

A.jī_húo网站

jī_húo网址：https://3.jetbra.in/

选择一个地址打开

在这里插入图片描述

在Phpstorm处Copyji_huo码

B.ji_huo码文本

（点击链接即可下载，不一定还可以用）
jī_húo码1：https://easylink.cc/327q90
jī_húo码2：https://easylink.cc/k94bn8

把复制的jī_húo码粘贴进框后点击Active

在这里插入图片描述

在这里插入图片描述

二、HTML

1.HTML简介

(1)什么是HTML

HTML 是用来描述网页的一种语言。

● HTML 指的是超文本标记语言 (Hyper Text Markup Language)
● HTML 不是一种编程语言，而是一种标记语言 (Markup Language)
● 标记语言是一套标记标签 (Markup Tag)
● HTML 使用标记标签来描述网页
● HyperText：超文本（文本 + 图片 + 视频 + 音频 + 链接）
● 在浏览器中执行

文件名称	文件类型	所能存放的内容
web.txt	文本文件	文字
web.doc	Word文档	文字、图片、超链接、表格
web.xls	Excel表格	文字、图片、超链接、表格
web.html	超文本	文字、图片、超链接、表格、音频、视频

(2)HTML版本及历史

在这里插入图片描述

(3)HTML基本结构

在这里插入图片描述

<!DOCTYPE html>              // 定义文档类型为html
<html leng="en">              // 指定页面语言，这里en表示文字的显示形式为英文，zh为中文，也可以不写
<head>                         // 页面头部部分的 起始标签<meta charset="utf-8">  // 字符集(编码格式)为utf-8<title>HTML</title>     // 定义页面的标题，将显示在浏览器的标题栏或选项卡上
</head>                        // 页面头部部分的 结束标签
<body>                        // 页面主体部分的 起始标签<H1>HTML 基础</H1>        // 级别为1的标题元素，用于显示页面的主要标题<P>HTML 超文本标记语言</P>  // 段落元素，用于显示一段文本内容
</body>                        // 页面主体部分的 结束标签
</html>                        // 用于结束html标签，表示HTML文档的结束

2.HTML简单语法

(1)HTML标签语法

在这里插入图片描述

● HTML元素由开始标签和结束标签组成。
● 位于开始标签和结束标签中间的文本是元素的内容。
● HTML标签有开始必须有结束。如果是没有内容的标签（空标签），用/>来结束。
● 标签具有属性，属性用来表示标签的性质和特征。属性要在开始标签中指定。

(2)HTML常用标签

说明	表示	单双标签
标题标签	h1-h6	双标签
段落标签	p	双标签
超链接标签	a	双标签
表单标签	form	双标签
表单元素标签	input	单标签
图片标签	img	单标签

A.标题标签

<h1>标题1</h1>    // 双标签
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

B.段落标签

<p>这是一个段落</p>    // 双标签
<p align="center">段落水平居中</p>

属性	值	描述
align	left、center、right	设置水平对齐方式

C.超链接

<a href=""></a>  // 双标签
<a href="https://www.baidu.com">title</a>

属性	值	描述
href	url	设置链接地址
target	_blank	设定在何处打开链接
title	text	设定链接提示信息

D.图片标签

<img src=""/>    // 单标签
<img src="1.jpg" alt="加载失败时的提示信息"/>

属性	值	描述
src	url	设置图片地址
alt	text	当图片无法显示时，显示此提示信息
width	px、%	设置图片宽度
height	px、%	设置图片高度

如何指定图片地址？

情形	写法
图片在同一级目录	`<img src="1.jpg" alt="">` `<img src="./1.jpg" alt="">`
图片在上一级目录	`<img src="../1.jpg" alt="">`

(3)表格

表格结构
IDE快速生成表格

table>tr*4>td*4

<table width="300" border="1"><tr><td>学号</td><td>姓名</td><td>性别</td><td>班级</td></tr><tr><td>100101</td><td>张三</td><td>男</td><td>阳光01班</td></tr><tr><td>100102</td><td>李四</td><td>女</td><td>阳光01班</td></tr><tr><td>100103</td><td>王五</td><td>男</td><td>阳光02班</td></tr><tr><td>100104</td><td>赵六</td><td>女</td><td>阳光02班</td></tr></table>

(4)特殊字符

特殊字符	实体字符
空格	` `
小于号	`<`
大于号	`>`
引号	`"`
版权	`©`

总结

通过本文的介绍，我们详细讲解了 Sublime Text 4 和 Phpstorm 的安装及激活过程。同时，我们还介绍了 HTML 的基础知识，包括 HTML 的基本结构、常用标签以及表格和特殊字符的使用。掌握这些基础知识对于后续的 Web 开发至关重要。希望本文能够帮助你在开发的道路上更加得心应手，逐步提升自己的开发技能。接下来，你可以继续深入学习 CSS、JavaScript 等前端技术，构建更加复杂和功能丰富的网页应用。

如果你觉得这篇文章对你有帮助，欢迎点赞，你的支持是我分享更多免费优质内容的动力！

【HTML入门】Sublime Text 4与 Phpstorm

文章目录前言一、环境基础1.Sublime Text 42.Phpstorm(1)安装(2)启动Phpstorm(3)“启动”码二、HTML1.HTML简介(1)什么是HTML(2)HTML版本及历史(3)HTML基本结构 2.HTML简单语法(1)HTML标签语法(2)HTML常用标签(3)表格(4)特殊字符总结前言在当今的软件开发领域&#xff0c…...

编程日记 2025/5/17 13:38:41

亲和传播聚类算法应用（Affinity Propagation）

亲和传播聚类算法应用（Affinity Propagation） 亲和传播（Affinity Propagation，简称 AP）是一种基于“消息传递”的聚类算法，与 K-Means 等传统聚类方法不同，它不需要用户预先指定簇的数量&#…...

编程日记 2025/5/12 13:38:57

【VM】VirtualBox安装CentOS8虚拟机

阅读本文前，请先根据 VirtualBox软件安装教程安装VirtualBox虚拟机软件。 1. 下载centos8系统iso镜像可以去两个地方下载，推荐跟随本文的操作用阿里云的镜像 centos官网：https://www.centos.org/download/阿里云镜像：http://…...

编程日记 2025/5/14 6:32:45

pytorch实现文本摘要

人工智能例子汇总：AI常见的算法和例子-CSDN博客 import numpy as npfrom modelscope.hub.snapshot_download import snapshot_download from transformers import BertTokenizer, BertModel import torch# 下载模型到本地目录 model_dir snapshot_download(tians…...

编程日记 2025/5/16 17:29:44

大数据相关职位介绍之一（数据分析，数据开发，数据产品经理，数据运营）

大数据相关职位介绍之一随着大数据、人工智能（AI）和机器学习的快速发展，数据分析与管理已经成为各行各业的重要组成部分。从互联网公司到传统行业的数字转型，数据相关职位在中国日益成为推动企业创新和提升竞争力的关键力量。以…...

编程日记 2025/5/12 20:48:46

Vue3.0实战：大数据平台可视化（附完整项目源码）

文章目录创建vue3.0项目项目初始化项目分辨率响应式设置项目顶部信息条创建页面主体创建全局引入echarts和axios后台接口创建express销售总量图实现完整项目下载项目任何问题都可在评论区，或者直接私信即可。创建vue3.0项目创建项目： vue create vueecharts选择第三项：…...

编程日记 2025/5/11 21:54:15

多模态论文笔记——NaViT

大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细解读多模态论文NaViT（Native Resolution ViT），将来自不同图像的多个patches打包成一个单一序列——称为Patch n’ Pack—…...

编程日记 2025/5/16 21:16:31

AI大模型开发原理篇-5：循环神经网络RNN

神经概率语言模型NPLM也存在一些明显的不足之处:模型结构简单，窗口大小固定，缺乏长距离依赖捕捉，训练效率低，词汇表固定等。为了解决这些问题，研究人员提出了一些更先进的神经网络语言模型，如循环神经网络、…...

编程日记 2025/5/17 9:18:14

无人机图传模块 wfb-ng openipc-fpv，4G

openipc 的定位是为各种模块提供底层的驱动和linux最小系统，openipc 是采用buildroot系统编译而成，因此二次开发能力有点麻烦。为啥openipc 会用于无人机图传呢？因为openipc可以将现有的网络摄像头ip-camera模块直接利用起来，从而…...

编程日记 2025/5/12 22:25:06

C++ Primer 自定义数据结构

欢迎阅读我的【CPrimer】专栏专栏简介：本专栏主要面向C初学者，解释C的一些基本概念和基础语言特性，涉及C标准库的用法，面向对象特性，泛型特性高级用法。通过使用标准库中定义的抽象设施，使你更加适应高级…...

编程日记 2025/5/14 10:20:27

Kanass快速安装配置教程(入门级)

Kanass是一款国产开源免费的项目管理工具，工具简洁易用、开源免费，本文将介绍如何快速安装配置kanass，以快速上手。 1、快速安装 1.1 Linux 安装点击官网 -> 演示与下载 ->下载，下载Linux安装包，…...

编程日记 2025/5/16 5:12:08

【自然语言处理（NLP）】基于Transformer架构的预训练语言模型：BERT 训练之数据集处理、训练代码实现

文章目录介绍BERT 训练之数据集处理BERT 原理及模型代码实现数据集处理导包加载数据生成下一句预测任务的数据从段落中获取nsp数据生成遮蔽语言模型任务的数据从token中获取mlm数据将文本转换为预训练数据集创建Dataset加载WikiText-2数据集 BERT 训练代码实现导包加载数据构建…...

编程日记 2025/5/14 11:24:03

深度解析：网站快速收录与网站安全性的关系

本文转自：百万收录网原文链接：https://www.baiwanshoulu.com/58.html 网站快速收录与网站安全性之间存在着密切的关系。以下是对这一关系的深度解析： 一、网站安全性对收录的影响搜索引擎惩罚： 如果一个网站存在安全隐患&am…...

编程日记 2025/5/17 0:43:58

《基于Scapy的综合性网络扫描与通信工具集解析》

在网络管理和安全评估中，网络扫描和通信是两个至关重要的环节。Python 的 Scapy 库因其强大的网络数据包处理能力，成为开发和实现这些功能的理想工具。本文将介绍一个基于 Scapy 编写的 Python 脚本，该脚本集成了 ARP 扫描、端口扫描以及 TCP…...

编程日记 2025/5/16 5:54:57

MySQL索引详解

MySQL索引详解什么是索引索引的原理索引的分类索引的数据结构二叉树平衡二叉树B树B树聚集索引与非聚集索引概念利用聚集索引查找数据利用非聚集索引查找数据覆盖索引与回表操作如何正确使用索引什么是索引索引是存储引擎中一种数据结构，或者说数据的组织方式&…...

编程日记 2025/5/15 13:01:30

【NEXT】网络编程——上传文件（不限于jpg/png/pdf/txt/doc等），或请求参数值是file类型时，调用在线服务接口

最近在使用华为AI平台ModelArts训练自己的图像识别模型，并部署了在线服务接口。供给客户端（如：鸿蒙APP/元服务）调用。 import核心能力： import { http } from kit.NetworkKit; import { fileIo } from kit.CoreFileK…...

编程日记 2025/5/17 6:51:23

【Qt】界面优化

界面优化设置全局样式样式文件使⽤ Qt Designer 编辑样式选择器设置子控件样式伪类选择器样式属性盒模型设置按钮样式设置复选框样式输入框样式列表样式菜单栏样式在 Qt 中对界面的优化和 CSS 类似。语法结构如下： 选择器 {属性名: 属性值; }例如： QP…...

编程日记 2025/5/13 4:10:50

机器学习算法在网络安全中的实践

机器学习算法在网络安全中的实践本文将深入探讨机器学习算法在网络安全领域的应用实践，包括基本概念、常见算法及其应用案例，从而帮助程序员更好地理解和应用这一领域的技术。"> 序言网络安全一直是信息技术领域的重要议题，随着互联…...

编程日记 2025/5/16 23:35:26

课题介绍：基于惯性与单目视觉信息融合的室内微小型飞行器智能自主导航研究

室内微小型飞行器在国防、物流和监测等领域中应用广泛，但在复杂的非合作环境中实时避障和导航仍面临诸多挑战。由于微小型飞行器的载荷和能源限制，迫切需要开发高效的智能自主导航系统。本项目旨在研究基于惯性导航与单目视觉信息融合的技术，…...

编程日记 2025/5/17 12:58:07

Observability：实现 OpenTelemetry 原生可观察性的商业价值

作者：来自 Elastic David Hope 利用开放标准和简化的数据收集转变组织的可观察性策略。现代组织面临着前所未有的可观察性挑战。随着系统变得越来越复杂和分散，传统的监控方法难以跟上步伐。由于数据量每两年翻一番，系统跨越多个云和技术&am…...

编程日记 2025/5/14 9:28:30

nginx 报错404

404：服务器无法正常解析页面，大多是配置问题(路径配置错误)、或访问页面不存在如果你也是用nginx来转接服务的话，那你有可能碰到过这种情况，当你启动服务后，在本地打开页面，发现404，然后你找遍…...

编程日记 2025/5/12 12:42:07

2.2.1 人眼色觉与色度图

文章目录人眼色觉色度图人眼色觉视网膜上的视杆细胞、视锥细胞在人眼色觉中起到重要作用。视杆细胞主要用在弱光暗环境下，其数量远远多于视锥细胞。视锥细胞负责明亮环境的视觉，有L,M,S三种类型的细胞，分别对长、中、短波长敏感&#xff0…...

编程日记 2025/5/14 14:37:02

DeepSeek 遭 DDoS 攻击背后：DDoS 攻击的 “千层套路” 与安全防御 “金钟罩”

当算力博弈升级为网络战争：拆解DDoS攻击背后的技术攻防战——从DeepSeek遇袭看全球网络安全新趋势在数字化浪潮席卷全球的当下，网络已然成为人类社会运转的关键基础设施，深刻融入经济、生活、政务等各个领域。从金融交易的实时清算&#xf…...

编程日记 2025/5/15 0:49:53

c语言（关键字）

前言： 感谢b站鹏哥c语言内容： 栈区（存放局部变量） 堆区静态区（存放静态变量） rigister关键字寄存器，cpu优先从寄存器里边读取数据 #include <stdio.h>//typedef，类型…...

编程日记 2025/5/14 23:47:27

眼见着折叠手机面临崩溃，三星计划增强抗摔能力挽救它

据悉折叠手机开创者三星披露了一份专利，通过在折叠手机屏幕上增加一个抗冲击和遮光层的方式来增强折叠手机的抗摔能力，希望通过这种方式进一步增强折叠手机的可靠性和耐用性，来促进折叠手机的发展。据悉三星和研发可折叠玻璃的企业的做法是在…...

编程日记 2025/5/10 13:03:57

Excel to form ？一键导入微软表单

一句话痛点 “你的Excel越强大，手动复制到Forms就越痛苦。” 合并单元格崩溃成乱码、下拉菜单变纯文本、条件逻辑消失无踪——这些不是技术问题，而是低效工作模式的死刑判决书。直击解决方案：3分钟，3步，300%效率 1…...

编程日记 2025/5/16 7:13:58

使用Ollama本地化部署DeepSeek

1、Ollama 简介 Ollama 是一个开源的本地化大模型部署工具，旨在简化大型语言模型（LLM）的安装、运行和管理。它支持多种模型架构，并提供与 OpenAI 兼容的 API 接口，适合开发者和企业快速搭建私有化 AI 服务。 Ollama …...

编程日记 2025/5/16 10:46:32

【xdoj-离散线上练习】T251（C++）

解题反思： 开始敲代码前想清楚整个思路比什么都重要嘤嘤嘤！看到输入m, n和矩阵，注意不能想当然地认为就是高m，宽n的矩阵，细看含义比如本题给出了树的邻接矩阵，就是n*n的，代码实现中没有用到m这…...

编程日记 2025/5/17 8:44:23

【数据结构】_链表经典算法OJ（力扣/牛客第二弹）

目录 1. 题目1：返回倒数第k个节点 1.1 题目链接及描述 1.2 解题思路 1.3 程序 2. 题目2：链表的回文结构 2.1 题目链接及描述 2.2 解题思路 2.3 程序 1. 题目1：返回倒数第k个节点 1.1 题目链接及描述题目链接： 面试题 …...

编程日记 2025/5/14 11:00:55

线性代数复习笔记

1. 课程学习 1.1 3Blue1Brown 线性代数 2. 基本术语 eigenvector（特征向量）：线性变换中方向保持不变的向量可以视作3D旋转矩阵形成的旋转的轴...

编程日记 2025/5/10 7:21:48

51单片机 01 LED

一、点亮一个LED 在STC-ISP中单片机型号选择 STC89C52RC/LE52RC；如果没有找到hex文件（在objects文件夹下），在keil中options for target-output- 勾选 create hex file。如果要修改编程 ：重新编译-下载/编程-单片机重…...

编程日记 2025/5/17 6:23:37

用一个例子详细说明python单例模式

单例模式是一种设计模式，它确保一个类只有一个实例，并提供一个全局访问点来访问该实例。这在需要控制资源（如数据库连接、文件系统等）的访问时非常有用。下面是一个使用Python实现单例模式的例子： class Singleton:…...

编程日记 2025/5/14 21:21:04

QT知识点复习

1.qt核心机制对象树、信号和槽、事件机制 2.对象树的作用优化了内存回收机制。子对象实例化的时候，被父对象放对象树上，父对象释放内存，子对象也释放内存 3.信号和槽的作用实现多个组件之间的通讯 4.信号和槽的几种连接方式 1.UI界面提…...

编程日记 2025/5/15 3:55:15

医学图像分割任务的测试代码

测试集进行测试 import os import torch import numpy as np from torch.utils.data import DataLoader from sklearn.metrics import (precision_score,recall_score,f1_score,roc_curve,auc,confusion_matrix, ) import matplotlib.pyplot as plt from utils import NiiData…...

编程日记 2025/5/16 8:50:12

文章目录

前言

一、环境基础

1.Sublime Text 4

2.Phpstorm

(1)安装

(2)启动Phpstorm

(3)“启动”码

二、HTML

1.HTML简介

(1)什么是HTML

(2)HTML版本及历史

(3)HTML基本结构

2.HTML简单语法

(1)HTML标签语法

(2)HTML常用标签

(3)表格

(4)特殊字符

总结

相关文章：