Learning Web Standards

Published on February 4, 2026 by Rolin Lopez

Labs 1, 2 & 3.

This is my example HTML page. This is my official HTML page published after learning from module 1 and 2. I find HTML to be very entretaining, its just like when you're learning something that you really love, time pass by so fast when I'm working on this documents.

What I Learned

  • Common page structural or simantic elements. Such as:
    1. <html>
    2. <header>
    3. <footer>
    4. <main>
    5. <article>
    6. <section>
    7. <nav>
    8. <aside>
  • Difference between local and remote files:
    1. Local files stays in your computer and they can be accessible offline.
    2. Remote files are located in the cloud, in another online server. They can be accessible via internet/wifi connections.

List and definitions of these web standards and protocols:

  • TCP: the Transmission Control Protocol - Standard way of formatting packets.
  • IP: the Internet Protocol - Standard way of assigning addresses, without confusion.
  • HTTP: the HyperText Transfer Protocol - Used to read documents with hyperlinks.

This website is very helful, this is where I learned eveything I've written in this page:

This is my example of linking my email with heperlink:

Learning CSS on Module 03 - Lab 03

Published on February 16th, 2026 by Rolin Lopez

In this module we learned the basics of Cascading Style Sheets (CSS)

There are 3 ways you can apply CSS to your HTML files:

  • Inline: In which you use the style inside the HTML element. Just like used in THIS line.
  • Internal: We use the <style> element in the <head> section.
  • External: We use the <link> element to link to an external CSS file.

CSS selectors and examples (from w3schools website):

  • Element Selector: This is an example that all <p> elements on the page will be center-aligned, with a red text color. 
            p {
              text-align: center;
              color: red;
            }
  • Class Selector: In this example all HTML elements with class="center" will be red and center-aligned. 
            .center {
                    text-align: center;
                    color: red;
            }
  • ID Selector: the ID Selector uses the id attribute of an HTML element to select a specific element. The CSS rule below will be applied to the HTML element with id="para1": 
            #para1 {
                   text-align: center;
                   color: red;
            }

I implemented these techniques in this HTML document, I also incorporated an external CSS file. if you want to try this examples, this is a link to the "Try it yourself" examples on 'W3Schools' to have a look to at each of these examples!

Work Cited:

W3Schools. W3Schools Online Web Tutorials. Accessed February 15, 2026. https://www.w3schools.com/.

iStock Staff. “Trendy Background Ideas for Your Website.” iStock Blog. December 6, 2023. Last updated September 19, 2025. Accessed February 15, 2026. https://www.istockphoto.com/blog/best-practices/design/background-ideas.