html+css复习(一)

这里目前刚考完期末,想着暑假重新捡回一下前端,也是为了让即将社团纳新进来的小伙伴能有一个入门级的教程,所以想着纪录复习过程,从最基本的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>

这篇比较水,主要是基本了解,写的也不咋好,后续可能会改,看着图一乐就行,下一期直接上东西。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mzldustu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值