My HTML Journey From Week 1 and 2...
jesse modricTable of contents
Week 1: The Basics of HTML
Introduction to HTML: I would have gained a basic understanding of what HTML is and how it's used to structure web content.
HTML Document Structure: I learned the essential structure of an HTML document, including the
<!DOCTYPE>,<html>,<head>, and<body>tags.Text Elements: I now know how to create headings, paragraphs, and line breaks in my web pages.
Lists and Links: I learned how to create both ordered and unordered lists, and I know how to add hyperlinks to navigate between my web pages.
Images: I can embed images into my web pages using the
<img>element and provide alternative text for accessibility using thealtattribute.HTML Forms: I gained the skills to build basic HTML forms with text fields and buttons.
HTML Tables: I now understand how to create tables to organize and present data on my web pages.
Week 2: Advanced HTML Topics
Semantic HTML: I learned about semantic HTML elements like
<header>,<nav>, and<article>, which improve the structure and accessibility of my web content.HTML5 Audio and Video: I can embed audio and video content on your web pages using the
<audio>and<video>elements and control their playback with HTML attributes.HTML Forms (Part 2): I explored more form elements such as radio buttons, checkboxes, and dropdowns. I also learned how to validate form data.
HTML5 Canvas: I gained an introduction to creating graphics and animations using the
<canvas>element.Metadata and Character Encoding: I now understand how to work with metadata tags for SEO and set character encoding and viewport settings.
CSS and HTML: I learned the basics of Cascading Style Sheets (CSS) and how to link CSS to your HTML documents to control the appearance of web content.
Building a Simple Web Page: I put everything I've learned into practice by creating a basic web page about me that incorporates HTML and CSS.
Throughout these two weeks, I've not only learned the syntax and structure of HTML but also started to explore how HTML elements interact with CSS, which is an essential aspect of web development. This foundation can serve as a springboard for further exploration of web development, including more advanced HTML/CSS topics, JavaScript, and other web technologies.
Subscribe to my newsletter
Read articles from jesse modric directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by