初涉html（第一个站点+上传github及一些坑）_github上传html文件不能直接访问吗-CSDN博客

本文链接：https://blog.csdn.net/CCmago/article/details/111413315

这篇博客记录了作者初次学习HTML的过程，使用VSCode作为编辑器，通过创建静态站点，体验了从编写HTML代码到在Firefox中实时预览的便捷。此外，作者还分享了将站点上传到GitHub遇到的困难和解决方案，提醒读者记得在GitHub上发布仓库以确保HTML文件可访问。

摘要由CSDN通过智能技术生成

文章目录

前言
一、初学html
二、工具准备
三、CODING
总结

前言

初涉html的简单记录
ps：小白的第一篇blog（尽力让看客老爷们能看下去QAQ）

一、初学html

人生的第一个html

txt文本写html代码真的笨重

所以我选择了vscode（yyds）

二、工具准备

 vscode  Firefox浏览器（其他应该也可以）

三、CODING

1.前期准备

将一个新建文件夹拖入vscode

即可以在vscode里面建立html文件及附带文件夹

html文件及img、css在里面建立即可
在文件夹里面的html拖入浏览器（如firefox）

改完代码可以即时刷新即时显示，很方便

2.站点代码实现

主要是写一个静态站点，所以代码如下（尚未注释）：

html 代码

<!DOCTYPE html>
<html>
    <head>
        <style>
            h1 {
   
                color: blue;
            }
        </style>
        <link rel="stylesheet" href="./css/style.css">
        <title>We All Love Studying?!</title>
    </head>
    <body>
        <div class="container">
            <h1>
                Come to Study?
            </h1>
            <p id="firstp">
                <em>欢迎来到本网站，请选择你此时的选项</em>
            </p>
            <br>
                <p>
                    制作人：杨鑫  学号：...4629
                </p>
                <p>
                    <a href="https://blog.csdn.net/CCmago?spm=1000.2115.3001.5343">个人主页</a>
                </p>
            <br>
            <div class="block">
                <h3 id="video">视频休闲</h3><img src="./img/v