位置: IT常识 - 正文
【中兴】web训练营~一文带你走进前端 | 百图制作(中兴网管操作手册)
编辑：rootadmin推荐整理分享【中兴】web训练营~一文带你走进前端 | 百图制作(中兴网管操作手册)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:中兴support网站,中兴it网站,中兴登录网址,中兴登录网址,中兴it网站,中兴netview,中兴office,中兴web管理密码,内容如对您有帮助，希望把文章链接给更多的朋友！
📢作者简介：物联网领域创作者，🏅阿里云专家博主🏅 🏅华为云享专家🏅 ✒️个人主页：Choice~ 🌐格言：可正因为难，才有价值！🔶
🏫系列专栏： 1️⃣ C/C++ 2️⃣ C和指针 3️⃣ Linux 4️⃣ 数据结构与算法 5️⃣ JavaScript从入门到精通 6️⃣ 101算法JavaScript描述💰
文章目录1.介绍1.1 开发语言1.2为什么选择这些？1.3为什么学？1.4是什么？2.HTML2.1.创建项目文件2.2.我的第一个网页3.HTML3.1.语法开始和结束闭合标签注释框架3.2.文字标题段落3.3.图片路径3.4.音频3.5.视频3.6.链接外链内链锚点我的网页设计1.介绍实训的项目为博雅互动企业网站，教程的方式也是以实战而编写的，也是一些常用到的，完成项目足矣~现在我们来选择吃饭的家伙：
浏览器：我推荐这两个：chrome和edge,这两个浏览器大致相同，也是社会主流，而我这里是edge
开发工具：Vscode和Hbuilder我用Hbuilder，为什么呢？因为Vscode后面也是需要Hbuilder的插件，我这里很干脆利落。
开发语言：制作这个项目只需用到HTML，CSS，JavaScript。
1.1 开发语言 我们前面介绍的HTML必备CSS:网页中样式/外观/美化jua
我们看看小米网站，给人一种舒服的感觉
删掉CSS之后，没有了上面好看
我们发现网络不流畅也会出现这种情况，没加载出CSS的原因
JavaScript:网页中行为/交互/动效：可以点击下一张，进行人点击下一个机器执行下一个的交互行为
右下禁用JS后，怎么点击也不管用了
再看一组，没有勾选禁用JavaScript
禁用后的
JS和CSS他们之间的关系缺一都可以，没js我可以纯静态展示，缺CSS 美观也够看，但是缺HTML，JS和CSS就没用了。例如：房子，地基最重要，没了地基上面的都是摆设。
1.2为什么选择这些？拿HTML来说，大家可能会有疑虑，我来一一解决；
单词恐惧：HTML英文单词也就七八个，很多都是文档格式，比如：
是标题，段落，图片 ,音频，英文意思是身体，它在里面，等等…有很多都是见名知意的存在。
要不要背：完全不需要，看上图，这是默认的HTML最初语法，仔细看，很多都是有闭合标签像：,"/"表示闭合标签，后面还会详细讲到，不懂完全🆗。
难不难：我们看一个百度百科页面，我们看到有上千行代码，仔细看看，其实他们都有很多重复的，都是不断的以重载方式编写，所以，很简单！
1.3为什么学？所以的企业招聘web开发工程师都是从下面所选择的
前端开发岗位必备能力 ：可以看到下面这张应聘广告，取自boos直聘一家华为技术有限公式对前端的要求；还有很多，可以自己去网上看看。
从事互联网行业都需要懂：拿网络来讲，下图1看到有个IP地址【112.80.248.76】，有人会问，这是什么？
我们拿IP 112.80.248.76到网站上在域名那里输入就会发现可以直达百度百科页面，这是IP
这是https://www.baidu.com域名《—而你也可以点击这里直达到百度
然后又会说，这个这个有什么关系呢？我们再来看，我的只有域名（可以改，可永久使用），没有单独的IP（不能手动改，连接网络产生新的IP），是不是发现IP搜索起来很麻烦，不易记，而你看上面一张图域名 https:// 可以，但为什么?学了前端就知道了。
职业发展，职业晋级
了解产品开发原理：和移动开发做app，比如安卓应用和苹果应用，产品原理都是一样的，当你学了HTML后，了解到了互联网底层怎么做到的事情，其实你也知道了前面百度IP和域名讲了一些原理，后面会慢慢知晓。
1.4是什么？我们把它一一分解：
超文本标记语言：（Hyper Text Markup Language）简写HTML
超：图片、音频、视频、链接（淘宝网页无非就是这些）
文本：文本
标记：单词、描述东西
语言：一门语言
网页中的结构：知道网页上的结构，你就可以随心所欲的修改任何数据了，不需要通过PS篡改内容
所以HTNML当中它是带有图片，音频，视频，链接文本的一门描述性的语言
2.HTML复制的时候，有的复制还收费，随便一篇电子书，我们是复制不了的
我们试着使用再域名前面加 read：意思是进入到阅读模式
回车，然后可以复制和朗读了
[还可以下载音乐]((11条消息) 利用浏览器开发者工具下载歌曲_吃饭了～的博客-CSDN博客_网页f12下载歌曲)我的用QQ音乐来实验，首先F12，打开开发者，在网页菜单栏选择网络，然后子菜单就选择媒体（这种操作主要是在元素查找.mp3查询不到的另一种方法）
2.1.创建项目文件我们创建一个项目，
创建成功
然后在test项目右击 新建-》选8.html文件
我的HTML名为test.html，模板选择默认的-》创建
创建好了之后，就是下图，因为我们选择模块的时候是默认的
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body></body></html>所以它会给我们写好的html结构，如果想自己敲可以在上图的时候选择空白文件。
2.2.我的第一个网页紧接上面的操作，我们在写一个hello world
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body>hello world!</body></html>这个*提示没有保存，Ctrl+s或者点击左上角菜单文件保存，看效果
如果你的预览会出错，应该是没网络的原因，没有安装相应的插件，有个临时的方法，就是在项目test右击
看结果
3.HTML3.1.语法开始和结束打招呼第一句:<吃了吗?> 以 </吃了吗?>结束（有个/）
<吃了吗？><找女朋友吗？></找女朋友了吗？><你也没人要吗?></你也没人要吗?></吃了吗？>这就是HTML的一个对话，有开始就要有结束；以成对方式出现
闭合标签但是有几个是没有结束标签，比如和，有的人看到了可能会觉得，啊~这有的要，有的不要，好乱呐；放心，像下面这些，很少标签是不用加的。
<!DOCTYPE html><!--上一篇：OpenAI是什么？和疯狂ChatGPT什么关系？(open是什么含义)
下一篇：大二一个学期学这么点内容，没有概念，只有实操(大二一学期学分多少合适)
