Difference between revisions of "HTML list"
From Publication Station
Arjensuijker (talk | contribs) (Created page with "=== Useful HTML elements === With links to an explanation and examples. {| class="wikitable" |Elements |description |- |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html <html>] |Main html tag |- |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head <head>] |Contains all extra info (linked files, meta info) |- |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title <title>] |The title of your document |- |[https://developer.mozilla.org/...") Tag: visualeditor |
Arjensuijker (talk | contribs) Tag: visualeditor |
||
| Line 20: | Line 20: | ||
|Contains all visible content | |Contains all visible content | ||
|- | |- | ||
|[https:// | |[https://www.w3schools.com/html/html5_semantic_elements.asp <main>, <section>, <nav>, etc...] | ||
| | |Empty blocks used for structuring content | ||
|- | |- | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div <nowiki><div></nowiki>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div <nowiki><div></nowiki>] | ||
|An empty block used for formatting | |An empty block used for formatting | ||
|- | |||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p <nowiki><p></nowiki>] | |||
|A text paragraph | |||
|- | |- | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a <a>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a <a>] | ||
|A clickable link | |A clickable link | ||
|- | |- | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h1 <nowiki><h1></nowiki>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h1 <nowiki><h1></nowiki>] | ||
| Line 49: | Line 49: | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i <nowiki><i></nowiki>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i <nowiki><i></nowiki>] | ||
|Italic text | |Italic text | ||
|- | |||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img <img>] | |||
|An image | |||
|- | |- | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio <audio>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio <audio>] | ||
| Line 67: | Line 70: | ||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea <textarea>] | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea <textarea>] | ||
|A user input for large text | |A user input for large text | ||
|- | |||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details <details>] | |||
|A dropdown containing more details | |||
|- | |||
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter <meter>] | |||
|A meter showing progress or a value in a range | |||
|} | |} | ||
Revision as of 09:56, 31 October 2023
Useful HTML elements
With links to an explanation and examples.
| Elements | description |
| <html> | Main html tag |
| <head> | Contains all extra info (linked files, meta info) |
| <title> | The title of your document |
| <link> | A link to load an external file (like CSS) |
| <body> | Contains all visible content |
| <main>, <section>, <nav>, etc... | Empty blocks used for structuring content |
| <div> | An empty block used for formatting |
| <p> | A text paragraph |
| <a> | A clickable link |
| <h1> | A header |
| <marquee> | A moving piece of text (only use for fun) |
| <br> | A line break |
| <ul> | A bulleted list |
| <b> | Bold text |
| <i> | Italic text |
| <img> | An image |
| <audio> | An audio player (plays mp3) |
| <video> | A video player (plays mp4) |
| <iframe> | A frame containing another website |
| <button> | A button that can execute javascript |
| <input> | A user input for text, numbers, dates etc. |
| <textarea> | A user input for large text |
| <details> | A dropdown containing more details |
| <meter> | A meter showing progress or a value in a range |
