We’re continuing the saga of my 90 Days of Coding, and I’m happy to announce that I managed to survive. There were no broken fingers, and my already failing eyesight wasn’t compromised any further.
In Module 1 I dove into the following basic topics:
- The anatomy of a tag
- How to structure HTML
- Insert lists, images, & anchor tags/links
- Build a personal website
I’m using an open-source (free to use) software called Atom to write the code. It’s pretty simple to use, has a nice interface, and I can install packages that make coding a lot easier.
I started by creating a folder on my computer where all of my webpages will be found. From there, I created a New File (webpage) and got to writing. Apparently, it’s common practice for the homepage of a website to be named index.html. So, as you will see, index.html is the main page that I will access other pages from. Having used web-builders like Wix, I didn’t come into this module completely blind. I understood what headings<head> and the body<body> of a website were.
Each time I created a new page, I used something called a boilerplate. This is a section of code that is on every webpage and doesn’t change. Using a boilerplate saves a lot of time because I don’t have to type out the structure of each page every time I create a new one. It also prevents me from accidentally forgetting to add something that is crucial to the website. Each HTML page uses the same general format —<!DOCTYPE html> <html>, <head>, <meta>, <title>, <body>
The task for this module was to create a personal website that included your name, role, short bio(don’t ask), a headshot, and links to other pages. We are focused on fully understanding the structure of a website.
Here is my VERY basic HTML homepage:
Here is that page’s code:
If you notice at the bottom of this page, there are hyperlinks that take you to View my Hobbies and Contact Me pages. Below are each page’s interface and code.
In the next lesson, we’re going to be creating tables and layouts. Woo Hoo! Exciting! Feel free to follow along with me on this journey and share any insights you might have. Until tomorrow 👋🏾.