- *Meta Type* generally refers to metadata elements in HTML, such as , which provides information about the document's data. This data is not shown to users but is used by browsers, search engines, and other services to understand the content and settings of a web page. - *DOCTYPE* is an instruction to the web browser about what version of HTML the page is written in. It is declared at the very top of an HTML document. For example, declares that the document is using HTML5. *In the Head*: Scripts in the run before the page is fully loaded. This can block the rendering of the page until the script is downloaded and executed, slowing down the initial load time. - *In the Body*: Scripts placed at the end of the body run after the page content has loaded, allowing the content to render first, which usually results in a faster perceived load time. - *At the Top of the Body Tag*: If the script is placed at the top of the body, it behaves similarly to being in the head but after a part of the document has been parsed. It may block the rendering of the following HTML. - *Attributes* are additional properties or settings for HTML elements, typically defined within the opening tag. For example, contains an href attribute specifying the link's destination. - The tag is used to create a date picker (calendar) in HTML. - *Semantic Elements* are HTML elements that convey meaning about the type of content they contain. For example, , , , and clearly define their purpose in the document structure. - *Defer*: The defer attribute tells the browser to download the script file during HTML parsing and execute it after the document has been parsed. - *Async*: The async attribute tells the browser to download the script file during HTML parsing but execute it as soon as it's ready, which can interrupt the parsing process. - *Horizontally Center*: margin: auto;, text-align: center; (for inline-block elements). - *Vertically Center*: Using Flexbox (display: flex; justify-content: center; align-items: center;), Grid layout, or by setting equal padding/margins. - *Pseudo-class*: A keyword added to a selector that specifies a special state of the selected elements, e.g., :hover, :focus. - *Pseudo-element*: A keyword added to a selector that lets you style a specific part of the selected element, e.g., ::before, ::after. - The !important rule in CSS overrides any other declarations, even if they are more specific, making it the highest priority. - *Inline Styling*: Directly in the HTML element using the style attribute. - *Internal Styling*: Using a