Domain 1 introduced the NoScript & Script Tags. These tags can be used to implement JavaScript into a website. If a browser did support JS, an alert would appear, saying "This Browser Supports JavaScript!. If it did not, an alert would appear saying that JS is not supported on this website. Links and Meta Tags can be used to link stylesheets and improve the user experience with viewports, names, or descriptions.
Domain 2 introduces the creation of stylesheets. CSS Stylesheets are used to give life to the webpage through colors, fonts. Using CSS brings the page to life. CSS can be used Externally, Internally, or Inline depending on the specific use case. Stylesheets have precendence with Inline being prioritized followed by Internal and External, respectively. CSS Classes can be used to apply rule-sets to multiple tags within a wepage. CSS ID's are unique to a single tag. Psuedo-classes are used to add styles to selectors, but only when those selectors meet certain conditions.
Domain 3 introduced several HTML tags which can be used to markup the website. h1-6, p, hr, hr, div, span, ul, li, header/article/section/aside/footer/detail/summary, figure, caption, img, and a tags were introduced. Navigating through Folders using ../ to go backwards and / to go inside a folder is important to know. Domain 3 also revealed ways for users to interact with webpages with Input Types and Labels. These were paired with the Select, Textarea, Button, Output, Option, and Datalist Tag.
Domain 4 introduced including Images in an HTML page with the correct attributes of alt to improve the accesibility for users that cannot see the image. The src attribute is also important to correctly link the image/video. Audio can also be implemented within an HTML page. Iframes can be used to display another page onto the page currently being viewed
Domain 5 introduced CSS topics that cover essential design elements for styling web content. Height and Width properties control the size and responsiveness of elements, while Float Positioning and Relative/Absolute Positioning offer layout control. Static and Fixed positioning provide options for element placement. Overflow and Alignment Settings manage content overflow and text alignment. Display properties dictate how elements behave on the page. Understanding Inline vs. Block elements aids in structuring content. Visibility properties control element visibility. Margins/Padding adjust spacing, and Font properties enhance text styling
Domain 6 introduces more of the key aspects of web design and development. Reusing Rules and Rule Sets emphasizes the efficiency of applying consistent styles across a website. CSS Comments enable developers to document code for clarity and collaboration. Multiple Browser Tests ensure a seamless user experience across different platforms, while Web Safe Fonts maintain consistent typography on various devices. Separating Structure and Style promotes maintainable and scalable codebases. Considering Text Alternatives is crucial for accessibility and SEO purposes. Addressing Color Contrast and Typography enhances readability and visual appeal. Tab Order and Text Resizing improve user interaction and responsiveness. Understanding Text Hierarchy guides content organization and emphasis. Resolving Syntax Errors and Tag Mismatches ensures code correctness, while managing Cascading Issues maintains style integrity.