Lesson #1
In this unit, I learned about the minimum amount of "Hyper Text Markup Language" (HTML) code required to successfully structure a web page, sometimes referred to as "boilerplate code."
In review what I've learned so far:
- The <!DOCTYPE html> declaration should always be the first line of code in your HTML files.
- The <html> element will contain all of your HTML code.
- Information about the web page, like the title, belongs within the <head>of the page.
- Adding a title to the web page by using the <title> element, inside of the head.
- Code for visible HTML content will be placed inside of the <body>element.
The learned content of this lesson constitutes the required setup for all HTML files.
So far so good, I think I got this. 😏
Lesson #2
In this lesson, I learned about creating Paragraphs, unordered lists, ordered lists, web links linked to text in the body, target attributes, images, images as links, line breaks, by using some of the most common elements of HTML coding
Here is a bullet point review of the learning activities and the element functions application:
- Adding headings of different sizes using the different headings elements: <h1> through <h6>.
- Paragraphs are added with the <p> element.
- Unordered lists are created with the <ul> element and list items are added using the <li> element.
- Ordered lists are created with the <ol>element and list items are added using the <li> element.
- Adding links to the web page using the <a> element - don't forget the "href"a ttribute!
- Images can be added with the <img> element - don't forget the "src" attribute!
- Images help support visually impaired users when <img> elements include the "alt" attribute.
- Turning anything into a link by wrapping it with an <a> element.
- White space in the HTML file does not affect the positioning of elements in the browser.
- The W3C recommends 2 spaces of indentation for nested HTML elements.
- Comments are used to take notes inside of an HTML file. One can add a comment with <!-- This is a comment -->
Above is a small sample of my first attempt at coding, more to come.
The content thus far seems rather plain and is not visually very appealing, this will be addressed in the next unit using CSS code.
Lesson #3
In review what I've learned so far:
In this lesson, I learned about the two different places in which I can write CSS code.
- HTML and CSS are kept in separate files in order to keep code maintainable and readable, as well as keep structure separate from styling.
- The <style> element allows you to write CSS code within an HTML file.
- A CSS stylesheet can be linked to an HTML file using the <link> element, which requires three attributes.
- "href" - set equal to the path of the CSS file.
- "type" - set equal to text/css
- "rel" - set equal to stylesheet.
It's been a great experience, one to be continued 🙂
