HTML Elements & Structure
This acronym stands for the standard language used to create and structure web pages.
HTML (Hypertext Mark Up Language)
This required attribute in an <a> tag specifies the destination URL of a hyperlink
href
Recommended for keeping code clean, this method links a separate .css file using the <link> element in the document head.
External CSS
To make an element a Flex container, you set its display property to this value.
display: flex;
This character must be placed at the end of almost every CSS declaration to avoid syntax errors.
; (semicolon)
These tags, ranging from <h1> to <h6>, are used to define structural text hierarchy on a page.
Heading Tags
This image attribute provides alternative text for screen readers or displays if an image fails to load.
alt
This CSS property changes the color of text inside an element.
color
In the CSS Box Model, this area is the space between the content and the border.
padding
Everything inside this sign is considered a comment in HTML.
<!-- comment -->
The HTML5 semantic tag used to mark the navigation in the webpage.
<nav>, <nav>......</nav>
In form design, this attribute links a <label> element directly to the id of an <input> field.
for
This targets the HTML element(s) you want to style
selector
This is the space outside the border, between elements.
margin
/ (slash)
This line of code used to add image in the webpage.
<img src="image.jpg">
This is a unique identifier for an element.
id
This value of background-repeat prevents a background image from repeating across the screen.
no-repeat
Setting display to this value allows elements to sit side-by-side in a line while keeping width and height dimensions.
display: inline-block;
This special HTML tag goes inside <head> to create a name in the tab of a webpage.
<title>, <title>...</title>
This specific HTML element is used to directly embed another separate HTML web page inside the current document.
<iframe>
Attributes such as id, class, style, and title can be used on almost any HTML tag and are classified under this category.
Global Attributes
This CSS property controls how transparent an element is, taking values from 0 to 1.
opacity
In a CSS Grid layout, this shorthand function is used inside grid-template-columns to cleanly generate multiple track columns of equal width without writing them individually.
grid-template-columns: repeat(3, 1fr);
This pseudo-class applies styles when a user moves their mouse pointer over an element.
:hover