作者简介
作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息,迷茫的你会找到答案。
目录
HTML基础之bit哥的反客为主之道(9)—— <big></big>
放大标签 h5不支持、 <center></center>
居中h5不支持、<blockquote></blockquote>
引用标签
赶紧3分钟学完15分钟的内容我要出去玩(8)—— <big></big>
放大标签 h5不支持、 <center></center>
居中h5不支持、<blockquote></blockquote>
引用标签
我使用 html 反向输出自己打自己(7)——<a>
超链接、<bdo>
覆盖
我化身保姆为你提供 html 教学服务(6)——<b>
加粗、<br>
换行、<hr>
分隔
我开始一直以为网页制作好难(5)——<h1></h1>
标题、<p></p>
段落、
你知道出现“乱码”的原因是什么吗?(4)——编码、<title></title>
网页标题、
一个基础的 HTML 文档有哪些标签?第一节(3)—— <!DOCTYPE html>
说明、<head></head>
头部、<body></body>
主体、
使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)—— vscode、快捷方式
保姆级的HTML零基础教程少见吧?这是第一节(1)——介绍、鸡汤
一、用什么软件编写网页
👸小媛:bit 哥这一节可以跟我说用什么软件比较方便的制作网页了吧?😄
🐶1_bit:嗯,已经到时间了,可以讲了。
👸小媛:你要给我介绍一个好用的。😃
🐶1_bit:那我们就用 vscode 吧,轻便又好用。
👸小媛:昂,真的假的?😚
🐶1_bit:当然真的呀,而且 vscode 还有很多插件给你选择呢。
👸小媛:行吧,vscode 哪里可以下载?
🐶1_bit:来这里吧,去他的官网:https://code.visualstudio.com/
👸小媛:然后进去点哪里?
🐶1_bit:直接点 Download 旁边的箭头就可以下载了。
二、vscode 汉化
👸小媛:明白了,可是为什么我下载后我的这个软件是英文呀,我想变成中文怎么办?我看见英文我就发晕,我觉得我需要放弃了。😞
🐶1_bit:这个不难,我们先点击 vscode 编辑器左侧最下面的扩展,然后在出现的提示框中输入 Chinese 就会出现一个语言包,最后点击 install 就可以进行安装了。
👸小媛:完美,安装完成后是不是需要点击 restart 进行重启?
🐶1_bit:是的,你重启完就是中文的 vscode 编辑器了。
👸小媛:完美。😊
三、使用 vscode 快速生成一个 HTML 网页基础结构
👸小媛:那你叫我使用这个软件,初了你说的轻便,对我还有什么帮助吗?
🐶1_bit:当然有呀。
👸小媛:因为你说的轻便对于我来说,我个人体会不深,我入行不久,所以有什么能够帮到我的,我觉得会好很多。
🐶1_bit:那我们就使用快捷键完成一个基础的 HTML 网页语言命令结构吧。
👸小媛:唔,啥意思?😂
🐶1_bit:就是自动生成一串你即将要敲上去的 HTML 命令,这样你就不用打了。
👸小媛:懂了,那我怎么做?
🐶1_bit:首先你先创建一个文件,并且保存这个文件。
👸小媛:创建好了,接下来要干啥?
🐶1_bit:接下来你输入一个英文的感叹号。
👸小媛:出现了提示,然后我要做什么。
🐶1_bit:出现提示后你只需要再按一个 tab 键,这个时候就可以生成一大串代码了。
👸小媛:明白了,哇一大串不会的,我头疼了。😂
🐶1_bit:哈哈哈,下一节我会告诉你这个这个结构的具体解释的。
👸小媛:等你了。😎