Your First Replit and HTML Template Walkthrough

This video will walk you through getting your first HTML and CSS repl. Then we will walk through the parts of the HTML Skeleton. This video aligns well with the HTML and CSS Guidebook by Josiah Spence - special thanks for his amazing work on it! https://htmlandcssguidebook.com/html/skeleton-code

Hopefully these chapters will help you find what you need quickly! You can also view the transcript on the Google Doc:
Chapters:
00:00 Introduction
00:32 Login to Replit,
01:07 Create new Repl with HTML, CSS, JS template
02:20 Look at the Repl User Interface
02:23 Parallel to your computer file folder system. You can upload your own files and make folders.
02:50 Interface has the file system on left and shows the files in the website and what files are linked together.
03:20 Collapse file area
03:40 You can make awesome apps with Replit!
03:52 Our file index.html is the home page because server settings say so!
04:04 Styles.css and scripts.js are prebuilt for future use
04:44 You can download the whole folder as a zip for future publishing
05:00 The browser has a stylesheet
06:11 First Line of HTML document is the DOCTYPE
07:26 2nd Line HTML Element
07:57 Add Language Attribute to HTML Element
08:12 Code auto-complete for attribute
09:33 HTML element contains all other page elements
09:46 Head element - communicates to the browser about the page
10:45 Meta charset tag
11:19 Self-enclosing elements
11:26 Meta Viewport tag
12:24 Title tag in Head
14:02 Automatic CSS Stylesheet Linked in Head
14:31 Working in websites, we are always linking to other files
15:06 Body element contains all viewable elements
16:10 Script for Replit badge on page
17:24 Copy link to repl for pasting into Canvas

Видео Your First Replit and HTML Template Walkthrough канала Juliet Crocco