This is the Day 1 material for the website project, which teaches HTML and CSS.
First off, if you haven't read my welcome email, do that!
Second, you'll want to download Notepad++ if you have Windows and download Brackets if you have iOS. If you're unable to download anything, you can use a virtual text editor here, but you won't be able to build an actual live, working website.
Once you've downloaded the editor, you can open it up and create a new document. In this document you'll be typing up your HTML.
Here's a super-basic one you can type in:
Whew! Okay, let's break that down: The words surrounded by angle brackets, like <title> are tags. Elements are the words themselves, like "head". <!DOCTYPE html> indicates that the document is written in HTML. <html> is the root element of an HTML page, which means it encompasses all the other elements. <head> element has meta information--essentially information about the information. <title> specifies a title. <body> has the visible page content.
You might've noticed that each tag comes in a pair. <elementname>, the opening tag, must be paired with an </elementname>, the closing tag.
Try writing something in the body! Use <p> for paragraphs, <h1> for headings. (Hint: if you want to experiment with different heading sizes, try h2!)
Once you're done, make sure to save your work. When you're saving, name your document FirstProject.html. The .html will ensure that your file is read as an HTML file.
You can view your project in your browser, too! Just go to the folder where you saved the file and click on the file--it should open up in your default web browser.
Text formatting is also available. Surrounding your words with <b> will make them bold, while <i> italicizes and <small> shrinks. We'll talk more about fonts and colors later.
If you have any troubles with a project, please don't hesitate to post about it in the Facebook group! In all likelihood, someone else is having the same issue.