Difference between revisions of "HTML list"

From Publication Station
(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
 
m (Arjensuijker moved page Html-css-list to HTML list)
 
(One intermediate revision by the same user not shown)
Line 20: Line 20:
|Contains all visible content
|Contains all visible content
|-
|-
|[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p <nowiki><p></nowiki>]
|[https://www.w3schools.com/html/html5_semantic_elements.asp <main>, <section>, <nav>, etc...]
|A text paragraph
|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/img <img>]
|An image
|-
|-
|[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
|}
|}

Latest revision as of 10:13, 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