html

Element Name Description
<div> Container A block-level container for grouping elements.mdn
<span> Inline Container A small inline container for styling parts of text.mdn
<a> Anchor (Link) Creates a hyperlink to another page or resource.mdn
<img> Image Embeds an image into the page.mdn
<ul> Unordered List Defines a list with bullet points.mdn
<ol> Ordered List Defines a numbered list.mdn
<li> List Item Represents an item in a list.mdn
<table> Table Defines a table structure.mdn
<tr> Table Row Defines a row in a table.mdn
<td> Table Data Cell Defines a cell in a table.mdn
<th> Table Header Cell Defines a header cell in a table.mdn
<span> something anothermdn
<form> Form Creates a form for user input.mdn
<input> Input Field Defines an input field for forms.mdn
<button> Button Creates a clickable button.mdn
<select> Dropdown List Defines a dropdown list.mdn
<option> Option Represents an option inside a <select>.mdn
<textarea> Text Area Allows multiline text input.mdn

css

Element Name Description
font-size Font Size Sets the size of the text.mdn
font-family Font Family Defines the font style.mdn
margin Margin Sets the space outside an element.mdn
border Border Defines the border of an element.mdn
padding Padding Sets the space inside an element.mdn
display Display Mode Defines how an element is displayed.mdn
position Positioning Specifies the positioning method.mdn
z-index Z-Index Defines the stack order of elements.mdn
flex Flexbox Defines a flexible layout.mdn
grid Grid Layout Defines a grid-based layout.mdn
overflow Overflow Controls content overflow.mdn
opacity Opacity Sets the transparency level.mdn
transform Transform Applies 2D/3D transformations.mdn
transition Transition Defines animations for property changes.mdn
animation Animation Defines keyframe animations. mdn

js

Element Name Description
document.querySelector() Select Element Selects the first element that matches a CSS selector.mdn
document.getElementById() Get Element by ID Selects an element by its ID.mdn
document.createElement() Create Element Creates a new HTML element dynamically.mdn
appendChild() Append Element Adds a new child element inside another element.mdn
removeChild() Remove Element Removes a child element from a parent node.mdn
addEventListener() Event Listener Attaches an event handler to an element.mdn
innerHTML Change Content Gets or sets the HTML content inside an element.mdn
setTimeout() Delay Execution Executes a function after a specified time delay.mdn
setInterval() Repeated Execution Repeats execution of a function at set intervals.mdn
clearInterval() Stop Interval Stops a repeating function created by setInterval()mdn
Math.random() Random Number Generates a random number between 0 and 1.mdn
Math.floor() Round Down Rounds a number down to the nearest integer.mdn
Array.map() Array Mapping Creates a new array by applying a function to each item.mdn
Array.filter() Filter Array Creates a new array with elements that pass a test.mdn
Array.reduce() Reduce Array Reduces an array to a single value by applying a function.mdn
function Function Defenition Defines a reusable function.mdn
=> (Arrow Function) Arrow Function A concise way to define functions.mdn
class Class Definition Defines a blueprint for creating objects.mdn
Promise Asynchronous Handling Represents a future value in async operations.mdn
async/await Async Functions Simplifies handling Promises in async code.mdn
this Context Reference Refers to the current object in different scopes.mdn
map() Array Transformation Creates a new array by applying a function to each element.mdn