Requirements Page


Spring 2021 Project 3 Requirement Summary
This link will take you to my overall summary of Porject 3, which includes feedback given from Project 1 thorugh Project 2, summarizing additional edits and other details within the project requirements.
Chapter 1: Structure
Title Tag: The title tag is shown in the top of the broswer, above the URL adress. Title are also on tabs and give identity to the webpage. I used the title tag to ensure that I identified my website with a proper name. I used the tag within the head tag before the body tag. Title Browser Title Code
Chapter 2: Text
Paragraph Tag: The paragraph tag is used in HTML and CSS as a display to be able to contain content in an organized and format. I used the paragraph tag to make sure my content was neatly formatted and I used this tag within the body tag on each page. Paragraph Browser Paragraph Code
Chapter 3: Lists
Lists Tags: The list tag is important in HTML becuase it provides a way to organize infomration in a variety of lists. A few lists that HTML offers are ordered lists, unordered lists, and definition lists. I used the ordered lists to make my content presentaable within a list format and I did this by using the ordered list tag and then the list attributes to put the content in list format. An example of an ordered list is shown below: Lists Browser Lists Code
Chapter 4: Links
Link Tags: The link tag, which is a, helps create links to other sites, and to other pages on the same site. This element is able to incorporate relative and absolute links as well. I used the link tag a by using the attribute href="" and embeding an absolute link within the tag. I decided to use this link because it has value to embedding relative and absolute links. Link Browser Link Code
Chapter 5: Images
Image Tags: Image tags allow a developer to embbed an image to their website and special attributes are added to the tag as well. I used the image tag by using the src="" attribute and using the proper format to locate the image. I chose this tag because images are on every website and provides value to the site. Images Browser Images Code
Chapter 6: Table
Table Tags: Tables are a way to keep tabualr information organized and easy to read efficently. I decided to showcase my college gpa in a table form because it is something different that some people would not think to share.How I did it was I used the table take and found out how many rows I needed then I decided how many columns I needed. Below is a reference picture with the code and broswer view. Table Browser Talbe Code
Chapter 8: Escape
Escape Characters: Escape characters are used for special characters that do not appear on a keyboard. Escape allows for the use of the symbols, suc as trademark, currency symbols, accents, etc. I chose the escape characters because these are not common tags and they have a different format then the normal tags used. This tag is used by a specific code for the special symbols and for the Resumé accent I found the code for it and used it appropriatley to the word. Escape Browser Escape Code
Chapter 10: Style
Style Tag: Style tag is used for CSS designs within a website and on specific webpages. The style tag can incorporate colors, text styles, text size, etc. I incorporated this tag by placing it in the head tag and applying any CSS style designs within the braces. I choose the style tag because it shows a different format on how to design specific tags as opposed to HTML. Style Browser Style Code
Chapter 11: Color
Color Tag: The color tag is, in my opinion one of the most useful CSS design tags there is. The color tag allows you to fill in boxes, background color, and even text color. Color can be used by many different tags, including rgb, hex code, and the color tag. I choose the color tag becuase this tag is essential for visual appeal when it comes to desinging a website. Color Browser Color Code
Chapter 12: Serif
Serif Tag: The serif tag is a font style tag that allows to add the specific style of serif to any text. There is serif and sand serif that can be used as well for styling. Serif adds sharpnes and definition to the text. I chose this style becuase I feel that it gives off a professional feel to my website and it is eyecatching on each page. Serif Browser Serif Code
Chapter 13: Borders
Borders Tag: The border tag is useful to add borders to sections of conetnt on a webpage.This allows for a clean and sharp visual presence. There are different styles of borders that can be added along with thickness and shapes. I choose the border tag, not only because it was easy but it does make a difference visually if sections have borders on them. Borders Browser Borders Code
Chapter 14: CSS Lists
CSS List Tag: I showed a previous HTML version of the list tag and decided to show an updated version of how list can be used in CSS. I wanted to show that their are two versions that are very easy to use. However, I prefer to use the CSS style because of how easy it is to implement it into a style sheet. This way also allows to have more options of styling the bullet points. List Browser List Code
Chapter 15: Fixed Position
Fixed Position: I added the fixed position tag because I see it as a new layout tag that can be efficent if someone is trying ti skim a website the navigation bar will follow them as they scrool down. I showed this by using the position: fixed tag within my navigation section in my external style sheet. Fixed Browser Fixed Code
Chapter 17: Aside
Aside Tag: The aside tag is very useful for when someone wants to hae their website set to a specific layout. The aside tag is set outside of a section tag. This tag can be put anywhere depending on where the developer wants to content. AsideBrowser Aside Code
Home | Resumé | Favorites | Education | Requirements