这里目前刚考完期末,想着暑假重新捡回一下前端,也是为了让即将社团纳新进来的小伙伴能有一个入门级的教程,所以想着纪录复习过程,从最基本的HTML开始。教程参考尚硅谷的前端教程。
建议浏览器:Google浏览器
1.HTML初了解:
其实就是了解各种标签以及标签用法。
<h1></h1>
.......
<h6></h6>
以上是标题标签,由h1到h6慢慢变小,一般默认加粗
<p></p>
以上是段落标签,一般写内容,也就是正常文本
HTML基本的格式
<html> <!--根标签-->
<head> <!--头部-->
<title></title><!--标题-->
</head>
<body>
<!--这里面写内容-->
</body>
</html><!--根标签闭合-->
示例:
新建记事本,把以下代码粘贴到记事本,把txt后缀改成html,打开即可
为了更好地编写代码,我们安装一个好用简单的编辑器:
2.安装vscode
这里不进行赘述,建议看这个博客
Windows下安装vscode及中文配置
下载安装完毕进去后,点击最左边列表第五个图标进行插件安装
而我们进行前端目前需要安装的插件(以下是我的插件,目前够用,后续会根据需求更新)
实时根据代码保存更新网页,不用自己手动刷新。
目前就能进行编辑和代码学习了
!+tab键直接生成HTML基本格式
Ctrl+/就是生成注释
3.注释
<!--文字外围包的就是注释的格式-->, 即为 <!---->
代码有注释更易于理解解释代码,注释里面的内容是不会在页面中显示的
如图:
可以看见注释的东西在页面都没有显示出来。
4.HTML文件目前基本格式
<!DOCTYPE html><!--声明有助于浏览器正确显示网页,证明是h5版本-->
<html>
<head>
<meta charset="UTF-8"><!--设置编码格式为utf-8,防止出现乱码-->
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
这篇比较水,主要是基本了解,写的也不咋好,后续可能会改,看着图一乐就行,下一期直接上东西。