UCanCode/Lesson2.html at main · SinTerrible/UCanCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
  <title>What does HTML mean?</title>
</head>
<body>
  <h1> UCanCode Lessons: The Perfect Way to Begin your HTML Journey </h1>
  <h2>Lesson 2: How to set up and format your code</h2>
  <hr></hr>
  <p> <h3>Let's talk about where you should start coding. There are many free HTML platforms on the internet such as VisualStudioCode, Notepad++,
    and Sublime Text. If you are on Mac, you can even open up TextEdit, but make sure to go to Format->Make Plain Text and name your file index.html.
    Otherwise, it would just be a regular document (sort of like a Word Document). Now, set aside your blank document, but do not get rid of it. You will need it later when formatting the code.</h3>
    <p><h3>Let's learn about how to write tags in HTML. These tags are what cause the code to show up on your website.
      Each command begins with an opening tag for example: <(opening tag)> and a closing tag for example: < / (closing tag) ></h3></p>
  <h3><p>Notice how the closing tag has a forward slash right in front of the tag command. If you don't have it, the code will not sense
    a closing tag and the rest of your page will be affected by the command of the opening tag. For example, if you put an opening bold text tag, but do not use a closing one
    somewhere where you want to stop the bolding, the rest of your text in the code will be bolded. Usually, though, your HTML software will automatically add a closing
    tag once you've typed your opening tag. Finally, you can type text or commands to go in between the tags. </p></h3>
  <h3><p>Now that you know how HTML works, we can start to format the code. Every HTML document begins the < ! DOCTYPE html > tag (don't use any spaces though!). Begin typing this on the first
    line of your document. Note that this is the only tag that doesn't have a closing tag as it just tells the document what language you are coding in.</p></h3>
    <p><a href="index">Home</a></p>
</body>
</html>