Repository navigation
Technical Documentation: GE04 HTML CSS Bootstrap
Tags are used for specifying what is contained in the html, what is contained in a body and what is contained in the head. The
has its own tag and is typically inside the tag. The body is in charge of supplying all the raw text that is contained in a website. If you just looked at tags without using CSS or attributes, you would have a quite boring page. Within the body tag there are usually some tags that specify: headings, paragraphs, images, hyperlinks, tables, lists. Elements(start tag to the end tag) can be nested within other elements.Types of elements: https://www.w3schools.com/html/html_elements.asp Types of lists: ordered/unordered/etc https://www.w3schools.com/html/html_lists.asp
Div tags are used to divide components from and with each other. When a developer is working with a website you want to start looking at websites as things that are together and things that are apart. I learned that you can use div to divide html so that it stands alone in a document. To better explain this concept, I am going to create a diagram.
As you can see in my example above, there are 4 different divides here.
https://www.w3schools.com/css/css_intro.asp
Web accessibility has to do with making a well rounded website for users of different experience levels, disabilities, conditions, etc can have the ability to access your webpage.
https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/
A responsive web design is the ability for the application or website to change to its environment and still be legible and readable.
https://www.w3schools.com/html/html_responsive.asp & https://web.dev/articles/responsive-web-design-basics
Bootstrap is prewritten reusable code for web development. It consists of HTML, CSS and javascript This allows for easy web development where developers can import their stylesheets into an html template.
General: https://careerfoundry.com/en/blog/web-development/what-is-bootstrap-a-beginners-guide/#:~:text=Bootstrap%20is%20a%20giant%20collection,quickly%20build%20fully%20responsive%20websites. General: https://getbootstrap.com/docs/5.2/layout/containers/ Containers: https://www.w3schools.com/bootstrap5/bootstrap_containers.php Colors: https://www.w3schools.com/bootstrap5/bootstrap_colors.php Lists: https://www.w3schools.com/bootstrap5/bootstrap_list_groups.php Dropdowns: https://getbootstrap.com/docs/4.0/components/dropdowns/ Navigation menu: https://www.w3schools.com/bootstrap/bootstrap_navbar.asp Buttons: https://getbootstrap.com/docs/4.0/components/buttons/