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 |
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 |
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 |