Project Requirement Summary

Home | Resumé | Favorites | My Education | Project Requirement Summary

Link to Layouts Page

Chapter 1 Structure

The Body Tag
The body tag follows after the head tag. Everything that is inserted inside of the body tag shows up in the main browser.
image of body tag in browser image of body tag in code

back to top

Chapter 2 Text

The Superscript Tag
The supercript tag is used to contain characters that should be superscript such as the suffixes of dates or mathematical concepts like raising a number to a power.
image of superscript tag in browser image of superscript tag in code

back to top

Chapter 3 Lists

The Unordered List Tag
The unordered list tag creates a list and is used for a topic that doesn't have a certain order like a grocery list.
image of unordered list tag in browser image of unordered tag in code

back to top

Chapter 4 Links

The A Tag with Href Attribute
The a tag is how links are created, but adding the attribute called href how people go to the page you want when they click on the link.
image of a tag with href attribute in browser image of a tag with href attribute in code

back to top

Chapter 5 Images

The Image Tag with Attributes
The image tag is used to add an image into the page, but needs to have the src attribute to tell the browser where it can find the image file and alt attribute to provide a text description of the image which describes the image if someone cannot see it.
image of image tag with attributes in browser image of image tag with attributes in code

back to top

Chapter 6 Tables

The Table Row Tag
The table row tag is used to indicate where the start of each row is in the table.
image of table row tag in browser image of table row tag in code

back to top

Chapter 8 Extra Markup

Grouping Text
The div tag allows you to group a set of elements together in one block-level box. In a browser, the contents of the div tag will start on a new line.
image of div tag in browser image of div tag in code

back to top

Chapter 10 Introduction to CSS

Style Tag
The style tag can be added by using CSS in 3 ways inline, internal, and external. Inline is when the style tag is used as an attribute following a tag. Internal is using the style tag inside of the head tag. External is used by using the link tag to an external CSS file. For the example below, I have shown the inline style being used.
image of style tag in browser image of style tag in code

back to top

Chapter 11 Colors

Hex Codes
The hex codes are used within the color property that is seen in style tags. The hex code are six-digit codes that represent the amount of red, green and blue in a color, preceded by a pound or hash # sign. This gives you a chance t get an exact color you want instead of using the name of a color. You can find hex codes in HTML color pickers where you can move and adjust till you get a color you want.
image of hex code in browser image of hex code in code

back to top

Chapter 12 Text

Font Family
The font family property allows you to specify the typeface that you would like to be used for any text inside the elements to which a CSS rule applies. This would be the font you want to use in your webpage. You can find fonts through other sources as well like font websites if you want something very different.
image of font famliy in browser image of font family in code

back to top

Chapter 13 Boxes

Border Width
The border width property is used to control the width of the border surrounding a text. It can be given in pixels or by using thin, medium, or thick. Percentages cannot be used with this property, and you can also specify where you want to control the width. This means you can adjuest the border width on the right, left, top, or bottom.
image of border width in browser image of border width in code

back to top

Chapter 14 Lists and Tables

List Style Type
This style attribute allows you to control the shape or style of a bullet point. There are certain words to follow this attribute, like in the example below I wanted numbers to be infront of everything on the list, therfore I had to type decimal after the attribute to get just numbers before the list.
image of list style type in browser image of list style type in code

back to top

Chapter 15 Layouts

Fixed Positioning
This is a type of absolute positioning , it positions the element in relation to the browser window. Therefore, when a user scrolls down the page, it stays in the exact same place.
image of fixed positioning in browser image of fixed positioning in code

back to top

Chapter 17 HTML5 Layouts

Aside Tag
This tag is used inside of an article tag and inside the aside tag it should contain information that is related to the article but not essential to its overall meaning, so it would makesense for it to be seperate from everything else on the page.
image of aside tag in browser image of aside tag in code

back to top

This web page was created by Gillian Maffit
Last updated on 03/02/2021