full-stack-prep-curriculum-unit-03-html-1-FS-Prep-Unit03-HTML1/index.html at main · savvy-coders/full-stack-prep-curriculum-unit-03-html-1-FS-Prep-Unit03-HTML1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!-- Instructions: Welcome to VS Code! If you've never been, or aren't well acquainted, take a moment to check out the README.md file first to get the basics down. You can find that to the left of this window pane, in the "Files" section. More on that in the README.md! -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>TITLE</title>
</head>

<body>
  <!-- Instructions: First, change the title of the page within the title tag to be "My First HTML Project". You can test if this worked by hitting the "Go Live" button near the bottom right corner in the blue tool ribbon below!  -->
  <!-- This will launch a local host session of your project in the browser, usually at an address like http://localhost:3000 or similar. This will enable you to view your work as you go! If the button isn't there, check the "extensions" tab at the far left and search for "live-server" and install. Then reopen your vs code and it should be available! Use this often! :) -->

  <!-- Instructions: Create an HTML "div" element, apply a class called "container", and an id called "divOne" -->

  <!-- Instructions: Create an HTML "h1" element and set the text content to "Hello, World!" -->

  <!-- Instructions: Create an HTML "p" element and set the text content to "This is my first coding project using HTML!" -->

  <!-- Instructions: Create an HTML "img" element and set the "src" attribute to "image.jpg" -->

  <!-- Instructions: Create an HTML "a" element and set the "href" attribute to "https://github.com/savvy-coders" and the content (the text the user sees corresponding with that link) should be "Savvy Coders on GitHub, where I'm learning to code!" -->

  <!-- Instructions: Create an HTML "form" element and set the "action" attribute to "submit". It won't do anything for now, because that form submission needs JavaScript to work, and also because we haven't really dug into form fields very deeply yet. For now, we're just practicing the syntax! -->

</body>

</html>