Blog 2: “If I were to teach what I learned in the first two days to another student, what would your instructions look like?”

Well, if I had to teach another student the same information I learned these past few days, which happens to be HTML, it would probably included using visual aids and simplification. To start off, HTML is one of the many coding languages and stands for “Hyper-Type Markup Language”. A basic HTML webpage skeleton includes type of document, title, heading, and body. Now because there a multitude of other languages, we have to use a “boilerplate code”, which is what begins a HTML skeleton. (Ex:<!DOCTYPE html>). Then you would insert an opening tag and closing tag element, with a forward backslash, at the end of the skeleton.(Ex: <html> </html>). The angle brackets come in pairs, thus the forward slash for the closing tag. Following the opening is the header element, which specifies the name or title of the website and tab.(Ex:<head> <title></title> </head>).
Next, the body and its content.(Ex:<body> </body>)When opening the body element, your options include inserting the header and paragraphs. With headers, you can type what you want and customize its size using the heading tags.(Ex:<h#></h#>). The numbers within represent the size, from 1 being the largest and 6 being the smallest. After that is the paragraph, text that is appropriate to the webpage’s content or significant.(Ex:<p> </p>).
Now you might think your done, but there’s so much more you can do, such as including images, lists, and url citations.
First off, image url need to be specific when embedding them to the code. After finding your image of choice, click “View Image” and then copy the url. This will prevent you from accidently screenshooting the “search images’ page, rather than your intended image.(Ex:<img src “url of pic”/>).
When adding lists, you have the options of either an Unordered or Ordered list. Unordered is a list using bullets.(Ex:<ul> <li>”text”</li> </ul>). Ordered list is the use of numbers instead of bullets.(Ex:<ol> <li>”text”</li> </ol>). Each type of lists is not limited to how many list codes should have, so you have free range.
Lastly, url link elements are displayed as <a> </a>. They are supported by attributes that provide more information about the element, which is represented as “href”. The href attribute indicates the link target, the specific url you want the user to go to.(Ex:<a href=”url link”>”link description”</a>).
And that’s it, everything I’ve learned so far, explained simplistically to another student. I hope my version wasn’t confusing or boring, but once you get invested in coding, it becomes interesting and enjoyable to learn about.