网站建设 清远魔方网络,诚信网站体系建设工作,营销型网站教程,番禺人才网招聘网文章目录 前言一、环境基础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… 文章目录 前言一、环境基础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)特殊字符 总结 前言
在当今的软件开发领域选择合适的开发工具和环境是提高工作效率和代码质量的关键。无论是前端开发还是后端开发一个良好的开发环境能够极大地提升开发体验。本文将介绍两款常用的开发工具——Sublime Text 4 和 Phpstorm 的安装与配置并简要介绍 HTML 的基础知识。通过本文你将掌握如何提升开发效率并简单掌握 HTML 的基本语法和常用标签为后续的 Web 开发打下坚实的基础。 一、环境基础
1.Sublime Text 4 官网https://www.sublimetext.com/download 汉化 1.打开 sublime使用快捷键 CtrlShiftP弹出查找栏输入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码1https://easylink.cc/327q90 jī_húo码2https://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.docWord文档文字、图片、超链接、表格web.xlsExcel表格文字、图片、超链接、表格web.html超文本文字、图片、超链接、表格、音频、视频
(2)HTML版本及历史 (3)HTML基本结构 !DOCTYPE html // 定义文档类型为html
html lengen // 指定页面语言这里en表示文字的显示形式为英文zh为中文也可以不写
head // 页面头部部分的 起始标签meta charsetutf-8 // 字符集(编码格式)为utf-8titleHTML/title // 定义页面的标题将显示在浏览器的标题栏或选项卡上
/head // 页面头部部分的 结束标签
body // 页面主体部分的 起始标签H1HTML 基础/H1 // 级别为1的标题元素用于显示页面的主要标题PHTML 超文本标记语言/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/h6B.段落标签
p这是一个段落/p // 双标签
p aligncenter段落水平居中/p属性值描述alignleft、center、right设置水平对齐方式 C.超链接
a href/a // 双标签
a hrefhttps://www.baidu.comtitle/a属性值描述hrefurl设置链接地址target_blank设定在何处打开链接titletext设定链接提示信息 D.图片标签
img src/ // 单标签
img src1.jpg alt加载失败时的提示信息/属性值描述srcurl设置图片地址alttext当图片无法显示时显示此提示信息widthpx、%设置图片宽度heightpx、%设置图片高度
如何指定图片地址
情形写法图片在同一级目录img src1.jpg altimg src./1.jpg alt图片在上一级目录img src../1.jpg alt
(3)表格
表格结构 IDE快速生成表格
tabletr*4td*4table width300 border1trtd学号/tdtd姓名/tdtd性别/tdtd班级/td/trtrtd100101/tdtd张三/tdtd男/tdtd阳光01班/td/trtrtd100102/tdtd李四/tdtd女/tdtd阳光01班/td/trtrtd100103/tdtd王五/tdtd男/tdtd阳光02班/td/trtrtd100104/tdtd赵六/tdtd女/tdtd阳光02班/td/tr/table(4)特殊字符
特殊字符实体字符空格nbsp;小于号lt;大于号gt;引号quot;版权copy; 总结
通过本文的介绍我们详细讲解了 Sublime Text 4 和 Phpstorm 的安装及激活过程。同时我们还介绍了 HTML 的基础知识包括 HTML 的基本结构、常用标签以及表格和特殊字符的使用。掌握这些基础知识对于后续的 Web 开发至关重要。希望本文能够帮助你在开发的道路上更加得心应手逐步提升自己的开发技能。接下来你可以继续深入学习 CSS、JavaScript 等前端技术构建更加复杂和功能丰富的网页应用。 如果你觉得这篇文章对你有帮助欢迎点赞你的支持是我分享更多免费优质内容的动力
