大学生晋升程序员02，带你一步步学习HTML，变身技术大牛
gaoyangw 2024-11-13 10:36 16 浏览 0 评论
做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。
主要内容：正式引入HTML网页开发，学习并了解HTML的相关知识。变身Web开发达人，做全栈程序员。这是HTML技术的第二课，主要讲解一下开发工具及HTML的结构，做出来属于我们的第一个Web网页。
开发工具
作为程序员，只要做电脑编程写代码，一定会选择一款合适的开发工具。HTML的书写的话，开发工具就有的选择了。
程序员写代码
作为HTML的开发，其实使用记事本完全就可以了，因为HTML网页本身就是文本文件。但是没人会使用记事本进行开发，因为一款适合自己的开发工具可以大大的提高写代码的效率。
下面我列出来几个比较常用的HTML开发工具：
NotePad++、EditPlus、Adobe Dreameaver、Sublime、WebStorm、Visual Studio等。
我们这阶段课程，主要使用Sublime这款工具为例进行使用，当然其他的开发工具也是大同小异。
Sublime代码编辑器
如何下载Sublime？
直接打开微软的必应搜索，这里不得不吐下槽，国内的搜索引擎真的不敢恭维。搜索结果显示并不是很好。谷歌当然是最不错的选择。但是无奈谷歌上不去，所以可以推荐给你使用必应搜索。必应搜索的结果可以说几乎和谷歌相差不大。
必应搜索
直接打开必应搜索，输入“sublime text 3”进行搜索，你就能找到官方网址。打开进行下载即可：
Sublime的下载方式
打开Sublime的官网，选择Download，选择合适你电脑系统的版本进行安装：
下载Sublime
书写第一个Web网页
打开Sublime，默认打开：
软件默认界面
此时，会默认打开一个新文件，首先点击键盘上的Ctrl+S。进行文件保存。选择合适的路径，并输入文件名，后缀以html。
保存html
添加代码HTML的结构：
需要明确的是HTML有一个文档结构的。就好比人有头部和身体组成。html也是如此。上面就是html最简单的结构。
<html>类型标签，表示开始标签。</html>类型的表示结束标签。
两个标签之间的内容，输入整个html标签。
我们习惯性的把<xxxx>...</xxxx>的格式的代码，叫做xxxx标签。
为结构添加内容，做我们第一个Web网页：
第一个Web网页
此时，找到html文件所在路径，双击打开，运行你就会看到效果：
网站结构
经过运行结果，你就会明白title、body标签所展现的样子了。
本视频由做全栈攻城狮，原创首发，如有转载，请注明出处。
如果你有什么比较不错的编程技巧，或者你想要什么程序员编程资源，点击下方了解更多。
相关推荐
- 网络推广引流策略:选准平台提升品牌影响力
-
网络推广引流是企业和个人自媒体发展中不可或缺的关键步骤，它能有效提升品牌名声、促进产品销售、吸引众多潜在消费者。为了做好这项工作，我们需深入了解众多细节和策略。下面，我将逐一为大家详细介绍网络推广引流...
- 王心凌翻红，南京某公司专门发文为其拉票?
-
前不久，“刘耕宏女孩”们纷纷加入健身大军，一起跳起了《本草纲目》。最近，“王心凌男孩”们又跳起了《爱你》，登上热搜。一首《爱你》重新翻红5月20日，《乘风破浪3》开播。今年39岁的王心凌在初舞台上，绑...
- 项目招标山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公
-
项目招标山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
- 关于山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
-
关于山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 最新项目山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
最新项目山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商...
- 山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
-
山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商
-
最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 最新招标公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性
-
最新招标公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告
- 最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公
-
最新公告山海湾金澜锦翠项目广告设计及网络推广服务竞争性磋商公告...
- 合肥网站建设大概流程是怎么样的（合肥网站建设方案开发）
-
合肥网站建设是指在合肥地区进行网站建设的一系列流程和步骤。随着互联网的快速发展,网络在经济、商务、政府、教育和其他领域的作用越来越大,一个高效、安全、易用的网站在合肥的发展中起着重要的作用。下面将简要...
- 网站SEO优化如何制定策略（网站seo的主要优化内容）
-
原文地址：网站SEO优化如何制定策略作者：怎么可以那么难取名字做网站优化首先需要制定好SEO策略,SEO策略贯穿整个SEO工作中心，每一步都是按照这个策略走，循序渐进，一步一步进行。执行SEO之前一定...
- 2025年Google SEO趋势:AI如何重塑你的流量策略?
-
2025年，GoogleSEO正迎来一场由AI驱动的革命。作为一名拥有16年经验的SEO专家，我见证了无数网站因未能适应变化而流量暴跌，也看到那些紧跟趋势的网站实现逆袭。AI如何影响SEO？Goog...
- 网站建设费用包含哪些方面?（网站建设费用计入哪个科目）
-
在网站建设中，费用通常由多个方面组成，这些因素共同决定了网站的整体成本。首先，最基本的费用是域名和主机的购买。域名是网站的地址，而主机则是存放网站内容的服务器，这两者都是网站上线的必要条件。选择合适的...
- 做一个公司官网大概多少钱呢?（做一个公司官网大概多少钱呢知乎）
-
制作公司官网的费用因需求复杂度和服务商不同差异较大，以下是一个大致的费用范围和分析，供参考：#公司官网##网站搭建---**一、影响价格的核心因素**1.**网站类型**-**基础展示型**（5...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 网站开发 (47)
- 网络推广哪个平台好 (47)
- 百度收录 (50)
- 网页设计 (44)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 广州seo (47)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 网页制作 (47)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站收录查询 (46)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 网站设计模板 (45)
- 一键优化 (47)