98-383 Introduction to Programming In HTML & CSS Topics

If you are in need of a study guide of the content that is expected for you to know in the Microsoft exam in HTML & CSS, please review the following content.

I have taken the time to go through all the content and link it to a site where it does explain and give you real -world examples that are functioning. I provide this to my students so that they can study for their midterm and sometimes final.

Important Content To Study

• Semantic tags
  • https://www.w3schools.com/html/html5_semantic_elements.asp
• Know the different types of units of measure and which are absolute and which are not absolute.
  • https://www.w3schools.com/cssref/css_units.php
• Basic declarations text-decoration, color, font-style, font-family
• What is a void tags is.
  • https://developer.mozilla.org/en-US/docs/Glossary/Void_element
• Know the link tag.
  • https://www.w3schools.com/tags/tag_link.asp
• What does a horizontal rule tag do?
  • https://www.w3schools.com/tags/tag_hr.asp
• What does doctype tag do?
  • https://www.w3schools.com/tags/tag_doctype.asp
• Know the proper order of an HTML page.
  • https://www.w3schools.com/cssref/pr_class_float.php
• Meta tags and what they do..
  • https://www.w3schools.com/tags/tag_meta.asp
• Know how to insert a line break.
  • https://www.w3schools.com/tags/tag_br.asp
• You should know which part of an HTML page displays content and which is only for search engines and developers.
  • https://www.w3schools.com/css/css_rwd_viewport.asp
• Know what the alt attribute in the image tag does.
  • https://www.w3schools.com/tags/tag_img.asp
• Know what tag highlights text.
  • https://www.w3schools.com/tags/tag_span.asp
• Know pseudo classes.
  • https://www.w3schools.com/css/css_pseudo_classes.asp
• Know how to create a hyperlink and the attributes needed.
  • https://www.w3schools.com/tags/tag_a.asp
• Know how to create a long hand border declaration.
  • https://www.w3schools.com/css/css_border_shorthand.asp
• Long hand margin declaration
  • https://www.w3schools.com/css/css_border_shorthand.asp
• Know the float declaration
  • https://www.w3schools.com/cssref/pr_class_float.php
• Overflow declaration
  • https://www.w3schools.com/css/css_overflow.asp
• Text-align declaration
  • https://www.w3schools.com/cssref/pr_text_text-align.php
• Visibility Declaration
  • https://www.w3schools.com/cssref/pr_class_visibility.php
• Font-weight  Declaration
  • https://www.w3schools.com/cssref/pr_font_weight.php
• Text-indent Declaration
  • https://www.w3schools.com/cssref/pr_text_text-indent.php
• How to read a table the rows and td.
  • https://www.w3schools.com/tags/tag_table.asp
• Know the definition of margin and padding.
  • https://www.w3schools.com/css/css_boxmodel.asp
• Know the difference between hexadecimal colors and regular word colors.
  • https://www.w3schools.com/css/css_colors_hex.asp
• Difference between inline styling, internal styling, and external styling.
  • https://www.educative.io/answers/inline-vs-internal-vs-external-css
• Know how to create an id, class, and element selector.
  • https://www.w3schools.com/css/css_selectors.asp
• The difference between an absolute path and a relative path.
  • https://www.educative.io/answers/absolute-vs-relative-path
• Know the difference between the script tag and the noscript tag.
  • https://www.w3schools.com/tags/tag_noscript.asp
• Know the difference between an H1 and an H6
  • https://www.w3schools.com/tags/tag_hn.asp
• Know the different kinds of hex color values: #FFFFFF, #000000, #FF0000 (red), #00FF00 (green), #0000FF (blue), #808080 (gray)
  • https://www.w3schools.com/css/css_colors_hex.asp
• Know the parts of a CSS rule and how a CSS rule is created.
  • https://www.w3schools.com/css/css_syntax.asp
• Know how to add a background image declaration.
  • https://www.w3schools.com/cssref/css3_pr_background.php
• Know the different types of selectors, grouping selectors, parent child selector, universal selector.
  • https://www.w3schools.com/css/css_selectors.asp
• Know the Last Rule
  • https://www.w3schools.com/css/css_specificity.asp
• Know the Rule of Specificity
  • https://www.w3schools.com/css/css_specificity.asp
• Know what block level elements are vs. inline level elements.
  • https://www.w3schools.com/html/html_blocks.asp
• Know the details tag.
  • https://www.w3schools.com/tags/tag_details.asp
• Know the difference between HTML comments and CSS comments.
  • https://www.w3schools.com/css/css_comments.asp
• Understand how to create a form and what a form does with its attributes.
  • https://www.w3schools.com/html/html_forms.asp
• Know the difference between all the input fields.
  • https://www.w3schools.com/tags/tag_input.asp
• Understand the difference between the video and audio tag and how they work.
  • https://www.w3schools.com/tags/tag_audio.asp
  • https://www.w3schools.com/tags/tag_video.asp
• CSS Media queries
  • https://www.w3schools.com/css/css3_mediaqueries.asp
• Have a general understanding of web safe fonts
  • https://www.w3schools.com/cssref/css_websafe_fonts.php
• Boolean attributes vs non-boolean attributes
  • https://hidde.blog/boolean-attributes-in-html-and-aria-whats-the-difference/