HTML: Defining each Topic (w3schools.com)
What are HTML HTML Paragraphs
Define: The HTML <p> element defines a paragraph: Example <p>This is a paragraph.</p><p>This is another paragraph.</p> https://www.w3schools.com/html/html_paragraphs.asp
What is HTML Text Formatting?
Define: HTML Formatting elements are used for defining text with a special meaning. HTML uses elements like <b> and <i> for formatting output, like bold or italic text. Formatting elements were designed to display special types of text: <b> - Bold text <strong> - Important text <i> - Italic text <em> - Emphasized text <mark> - Marked text <small> - Small text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text https://www.w3schools.com/html/html_formatting.asp
What is <br>
Define: <br> is an empty element without a closing tag (the <br> tag defines a line break):
What are HTML Headings
Define: Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading. https://www.w3schools.com/html/html_headings.asp
What are the HTML Basic Tags/Elements
HTML Headings: <h1> to <h6> tags HTML Paragraphs: <p> tag HTML Links: <a> tag HTML Images: <img> tag HTML Buttons: <button> tag HTML Lists: <ul>, <ol>, <li> https://www.w3schools.com/html/html_basic.asp
Topic/Chapter: What are HTML Images
Define: Images are used in Html to improve the design and the appearance of a web page. Example <img src="pic_trulli.jpg" alt="Italian Trulli"> HTML Images Syntax In HTML, images are defined with the <img> tag. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image: <img src="url"> The alt Attribute The alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader). The value of the alt attribute should describe the image: Example <img src="img_chania.jpg" alt="Flowers in Chania"> If a browser cannot find an image, it will display the value of the alt attribute: Note: The alt attribute is required. A web page will not validate correctly without it. Image Size - Width and Height You can use the style attribute to specify the width and height of an image. Example <img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;"> Alternatively, you can use the width and height attributes: Example <img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600"> The width and height attributes always defines the width and height of the image in pixels. Note: Always specify the width and height of an image. If width and height are not specified, the page might flicker while the image loads. Width and Height, or Style? The width, height, and style attributes are valid in HTML. However, we suggest using the style attribute. It prevents styles sheets from changing the size of images: Example <!DOCTYPE html> <html> <head> <style> img { width: 100%; } </style> </head> <body> <img src="html5.gif" alt="HTML5 Icon" width="128" height="128"> <img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> </body> </html> Images in Another Folder If not specified, the browser expects to find the image in the same folder as the web page. However, it is common to store images in a sub-folder. You must then include the folder name in the src attribute: Example <img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> Images on Another Server Some web sites store their images on image servers. Actually, you can access images from any web address in the world: Example <img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com"> You can read more about file paths in the chapter HTML File Paths. Animated Images HTML allows animated GIFs: Example <img src="programming.gif" alt="Computer Man" style="width:48px;height:48px;"> Image as a Link To use an image as a link, put the <img> tag inside the <a> tag: Example <a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"></a> Note: border:0; is added to prevent IE9 (and earlier) from displaying a border around the image (when the image is a link). Image Floating Use the CSS float property to let the image float to the right or to the left of a text: Example <p><img src="smiley.gif" alt="Smiley face" style="float:right;width:42px;height:42px;">The image will float to the right of the text.</p> <p><img src="smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px;">The image will float to the left of the text.</p> Tip: To learn more about CSS Float, read our CSS Float Tutorial. HTML Screen Readers A screen reader is a software program that reads the HTML code, converts the text, and allows the user to "listen" to the content. Screen readers are useful for people who are visually impaired or learning disabled. Summary: Use the HTML <img> element to define an image Use the HTML src attribute to define the URL of the image Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed Use the HTML width and height attributes to define the size of the image Use the CSS width and height properties to define the size of the image (alternatively) Use the CSS float property to let the image float Use the HTML <map> element to define an image-map Use the HTML <area> element to define the clickable areas in the image-map Use the HTML <img>'s element usemap attribute to point to an image-map Use the HTML <picture> element to show different images for different devices Note: Loading images takes time. Large images can slow down your page. Use images carefully. https://www.w3schools.com/html/html_images.asp
What are HTML Image Maps
Define: With image maps, you can add clickable areas on an image.
What are the Main html Topics?
HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Text Formatting HTML Quotation and Citation Elements HTML Comments HTML Colors HTML Styles - CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block and Inline Elements HTML class Attribute HTML id Attribute HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layouts HTML Responsive Web Design HTML Computer Code Elements HTML Entities HTML Symbols HTML Encoding (Character Sets) HTML Uniform Resource Locators HTML and XHTML HTML Forms HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes HTML Graphics HTML5 Canvas HTML5 SVG HTML Media HTML Multimedia HTML5 Video HTML5 Audio HTML Plug-ins HTML YouTube Videos HTML APIs HTML5 Geolocation HTML5 Drag and Drop HTML5 Web Storage HTML5 Web Workers HTML5 Server-Sent Events
What is <tagname>
Define: The tagName read-only property of the Element interface returns the tag name of the element on which it's called. For example, if the element is an <img>, its tagName property is "IMG"
What are HTML Links
Define: HTML Links are found in nearly all web pages. Links allow users to click their way from page to page. HTML links are hyperlinks. You can click on a link and jump to another document. Note: A link does not have to be text. It can be an image or any other HTML element. HTML Links - Syntax Hyperlinks are defined with the HTML <a> tag: <a href="url">link text</a> Example <a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a> The href attribute specifies the destination address (https://www.w3schools.com/html/) of the link. The link text is the visible part (Visit our HTML tutorial). Clicking on the link text will send you to the specified address. Note: Without a forward slash at the end of subfolder addresses, you might generate two requests to the server. Many servers will automatically add a forward slash to the end of the address, and then create a new request. Local Links The example above used an absolute URL (a full web address). A local link (link to the same web site) is specified with a relative URL (without https://www....). Example <a href="html_images.asp">HTML Images</a> HTML Link Colors By default, a link will appear like this (in all browsers): An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red You can change the default colors, by using CSS: Example <style> a:link { color: green; background-color: transparent; text-decoration: none; } a:visited { color: pink; background-color: transparent; text-decoration: none; } a:hover { color: red; background-color: transparent; text-decoration: underline; } a:active { color: yellow; background-color: transparent; text-decoration: underline; } </style> Links are often styled as buttons, by using CSS: Example <style> a:link, a:visited { background-color: #f44336; color: white; padding: 15px 25px; text-align: center; text-decoration: none; display: inline-block; } a:hover, a:active { background-color: red; } </style> HTML Links - The target Attribute The target attribute specifies where to open the linked document. The target attribute can have one of the following values: _blank - Opens the linked document in a new window or tab _self - Opens the linked document in the same window/tab as it was clicked (this is default) _parent - Opens the linked document in the parent frame _top - Opens the linked document in the full body of the window framename - Opens the linked document in a named frame This example will open the linked document in a new browser window/tab: Example <a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a> Tip: If your webpage is locked in a frame, you can use target="_top" to break out of the frame: Example <a href="https://www.w3schools.com/html/" target="_top">HTML5 tutorial!</a> HTML Links - Image as Link It is common to use images as links: Example <a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"></a> Note: border:0; is added to prevent IE9 (and earlier) from displaying a border around the image (when the image is a link). Link Titles The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element. Example <a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a> HTML Links - Create a Bookmark HTML bookmarks are used to allow readers to jump to specific parts of a Web page. Bookmarks can be useful if your webpage is very long. To make a bookmark, you must first create the bookmark, and then add a link to it. When the link is clicked, the page will scroll to the location with the bookmark. Example First, create a bookmark with the id attribute: <h2 id="C4">Chapter 4</h2> Then, add a link to the bookmark ("Jump to Chapter 4"), from within the same page: <a href="#C4">Jump to Chapter 4</a> Or, add a link to the bookmark ("Jump to Chapter 4"), from another page: Example <a href="html_demo.html#C4">Jump to Chapter 4</a> External Paths External pages can be referenced with a full URL or with a path relative to the current web page. This example uses a full URL to link to a web page: Example <a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a> This example links to a page located in the html folder on the current web site: Example <a href="/html/default.asp">HTML tutorial</a> This example links to a page located in the same folder as the current page: Example <a href="default.asp">HTML tutorial</a> Summary Use the <a> element to define a link Use the href attribute to define the link address Use the target attribute to define where to open the linked document Use the <img> element (inside <a>) to use an image as a link Use the id attribute (id="value") to define bookmarks in a page Use the href attribute (href="#value") to link to the bookmark https://www.w3schools.com/html/html_links.asp
What are HTML Attributes
Define: An HTML attribute is extra information we can add to a tag to identify, classify, style or modify the default behavior of the element the tag contains. All HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" Attribute: Description alt: Specifies an alternative text for an image, when the image cannot be displayed Example <img src="img_girl.jpg" alt="Girl with a jacket"> disabled: Specifies that an input element should be disabled href: Specifies the URL (web address) for a link example: <a href="https://www.w3schools.com"> id: Specifies a unique id for an element src: Specifies the URL (web address) for an image style: Specifies an inline CSS style for an element title: Specifies extra information about an element (displayed as a tool tip) This attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph: width: attributes provide the width size for images Example <img src="img_girl.jpg" width="500" height="600"> height: attributes provide the height size for images Example <img src="img_girl.jpg" width="500" height="600"> style: This is used to specify the styling of an element, like color, font, size etc. lang: The language of the document can be declared in the <html> tag. The language is declared with the lang attribute. Declaring a language is important for accessibility applications (screen readers) and search engines: example: <!DOCTYPE html> <html lang="en-US"> <body> ... </body> </html> https://www.w3schools.com/html/html_attributes.asp
Topic/Chapter: What is HTML?
Define: Hypertext Markup Language - a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on the World Wide Web. Subtopics/Points: HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on. Atributes: Summary: Browsers do not display the HTML tags, but use them to render the content of the page A Simple HTML Document Example <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> https://www.w3schools.com/html/html_intro.asp
What are Nested HTML Elements
Define: Nested HTML Elements are elements that contain elements, All HTML documents consist of nested HTML elements, these can be considered as boxes that hold your content. When you place boxes inside of other boxes. Those "inner" boxes are nested inside of the outer box.
What is html <pre> element?
Define: The <pre> element Defines pre-formatted text Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks. Example: <!DOCTYPE html> <html> <body> <pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre> </body> </html> Result: Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks
What is HTML <q>
Define: The HTML <q> element defines a short quotation. Browsers usually insert quotation marks around the <q> element. Example <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p> Result: Browsers usually insert quotation marks around the q element. WWF's goal is to: "Build a future where people live in harmony with nature."
What is a Empty HTML Elements?
Define: These are HTML elements with no content and no closing tags.
What is a HTML element?
Define: An HTML element is an individual component of an HTML (Hypertext Markup Language) document or web page.[vague] HTML is composed of a tree of HTML nodes, such as text nodes. Each node can have HTML attributes specified. Nodes can also have content, including other nodes and text. Many HTML nodes represent semantics, or meaning. For example, the <title> node represents the title of the document. An HTML element usually consists of a start tag and an end tag, with the content inserted in between: <tagname>Content goes here...</tagname> The HTML element is everything from the start tag to the end tag: <p>My first paragraph.</p> An HTML element is embedded within an Html document. Subtopics/Points: Nested HTML Elements Empty HTML Elements https://www.w3schools.com/html/html_elements.asp
What is HTML Styles - CSS
Define: CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS can be added to HTML elements in 3 ways: Inline - by using the style attribute in HTML elements Internal - by using a <style> element in the <head> section External - by using an external CSS file The most common way to add CSS, is to keep the styles in separate CSS files. Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. This example sets the text color of the <h1> element to blue: Example <h1 style="color:blue;">This is a Blue Heading</h1> Internal CSS An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the <head> section of an HTML page, within a <style> element: Example <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} p {color: red;} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> External CSS An external style sheet is used to define the style for many HTML pages. With an external style sheet, you can change the look of an entire web site, by changing one file! To use an external style sheet, add a link to it in the <head> section of the HTML page: Example <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> An external style sheet can be written in any text editor. The file must not contain any HTML code, and must be saved with a .css extension. Here is how the "styles.css" looks: body { background-color: powderblue; } h1 { color: blue; } p { color: red; } CSS Fonts The CSS color property defines the text color to be used. The CSS font-family property defines the font to be used. The CSS font-size property defines the text size to be used. Example <!DOCTYPE html> <html> <head> <style> h1 { color: blue; font-family: verdana; font-size: 300%; } p { color: red; font-family: courier; font-size: 160%; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> CSS Border The CSS border property defines a border around an HTML element: Example: p { border: 1px solid powderblue; } CSS Padding The CSS padding property defines a padding (space) between the text and the border: Example p { border: 1px solid powderblue; padding: 30px; } CSS Margin The CSS margin property defines a margin (space) outside the border: Example p { border: 1px solid powderblue; margin: 50px; } The id Attribute To define a specific style for one special element, add an id attribute to the element: <p id="p01">I am different</p> then define a style for the element with the specific id: Example #p01 { color: blue; } The class Attribute To define a style for special types of elements, add a class attribute to the element: <p class="error">I am different</p> then define a style for the elements with the specific class: Example p.error { color: red; } External References External style sheets can be referenced with a full URL or with a path relative to the current web page. This example uses a full URL to link to a style sheet: Example <link rel="stylesheet" href="https://www.w3schools.com/html/styles.css"> This example links to a style sheet located in the html folder on the current web site: Example <link rel="stylesheet" href="/html/styles.css"> This example links to a style sheet located in the same folder as the current page: Example <link rel="stylesheet" href="styles.css"> Summary Use the HTML style attribute for inline styling Use the HTML <style> element to define internal CSS Use the HTML <link> element to refer to an external CSS file Use the HTML <head> element to store <style> and <link> elements Use the CSS color property for text colors Use the CSS font-family property for text fonts Use the CSS font-size property for text sizes Use the CSS border property for borders Use the CSS padding property for space inside the border Use the CSS margin property for space outside the border https://www.w3schools.com/html/html_css.asp
What are HTML Quotation and Citation Elements?
Define: HTML Quotation and Citation Elements provides a reference to a quote or cited creative work, and must include the title of that work. The reference may be in an abbreviated form according to context-appropriate conventions related to citation metadata. Tag: Description <abbr> Defines an abbreviation or acronym <address> Defines contact information for the author/owner of a document <bdo> Defines the text direction <blockquote> Defines a section that is quoted from another source <cite> Defines the title of a work <q> Defines a short inline quotation https://www.w3schools.com/html/html_quotation_elements.asp
What are HTML Colors?
Define: HTML colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values. HTML Color Names In HTML, a color can be specified by using a color name: Example: <!DOCTYPE html> <html> <body> <h1 style="color:Tomato;">Tomato</h1> </body> </html> Background Color You can set the background color for HTML elements: Example: <h1 style="background-color:DodgerBlue;">Hello World</h1> <p style="background-color:Tomato;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> Text Color: You can set the color of text: Example: <h1 style="color:Tomato;">Hello World</h1> <p style="color:DodgerBlue;">Lorem ipsum...</p> Border Color You can set the color of borders: Example <h1 style="border:2px solid Tomato;">Hello World</h1> <h1 style="border:2px solid DodgerBlue;">Hello World</h1> Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values: Same as color name "Tomato": RGB value: (255, 99, 71) HEX value: #ff6347 HSL value: (9, 100%, 64%) Same as color name "Tomato", but 50% transparent: RGBA value: rgba(255, 99, 71, 0.5) HSLA value: hsla(9, 100%, 64%, 0.5) Example <h1 style="background-color:rgb(255, 99, 71);">...</h1> <h1 style="background-color:#ff6347;">...</h1> <h1 style="background-color:hsl(9, 100%, 64%);">...</h1> <h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1> RGB Value In HTML, a color can be specified as an RGB value, using this formula: rgb(red, green, blue) Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255. For example, rgb(255, 0, 0) is displayed as red, because red is set to its highest value (255) and the others are set to 0. To display black, set all color parameters to 0, like this: rgb(0, 0, 0). To display white, set all color parameters to 255, like this: rgb(255, 255, 255). HEX Value In HTML, a color can be specified using a hexadecimal value in the form: #rrggbb Hexadecimal number system counts from 0 to f, example: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F Each parameter (red, green, and blue) defines the intensity of the color between 00 and ff, where ff is the strongest of its parameter, (same as decimal 0-255). For example, #ff0000 is displayed as red, because red is set to its highest value (ff) and the others are set to the lowest value (00). Example: <h1 style="background-color:#ff0000;">#ff0000</h1> <h1 style="background-color:#0000ff;">#0000ff</h1> <h1 style="background-color:#3cb371;">#3cb371</h1> <h1 style="background-color:#ee82ee;">#ee82ee</h1> <h1 style="background-color:#ffa500;">#ffa500</h1> <h1 style="background-color:#6a5acd;">#6a5acd</h1> HSL Value In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form: hsl(hue, saturation, lightness) Hue Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white .Example: <h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1> <h1 style="background-color:hsl(240, 100%, 50%);">hsl(240, 100%, 50%)</h1> Saturation Saturation can be described as the intensity of a color. 100% is pure color, no shades of gray 50% is 50% gray, but you can still see the color. 0% is completely gray, you can no longer see the color. Example: <h1 style="background-color:hsl(147, 50%, 47%);">hsl(147, 50%, 47%)</h1> <h1 style="background-color:hsl(300, 76%, 72%);">hsl(300, 76%, 72%)</h1> Lightness The lightness of a color can be described as how much light you want to give the color, where 0% means no light (black), 50% means 50% light (neither dark nor light) 100% means full lightness (white). <h1 style="background-color:hsl(39, 100%, 50%);">hsl(39, 100%, 50%)</h1> <h1 style="background-color:hsl(248, 53%, 58%);">hsl(248, 53%, 58%)</h1> RGBA Value RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color. An RGBA color value is specified with: RGBA:(red, green, blue, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all): Example: <h1 style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h1> <h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1> HSLA Value HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color. An HSLA color value is specified with: HSLA(hue, saturation, lightness, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all): <h1 style="background-color:hsla(9, 100%, 64%, 0);">hsla(9, 100%, 64%, 0)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.2);">hsla(9, 100%, 64%, 0.2)</h1> https://www.w3schools.com/html/html_colors.asp
What is HTML <blockquote>
Define: The HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent <blockquote> elements. Example <!DOCTYPE html> <html> <body> <p>Browsers usually indent blockquote elements.</p> <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote> </body> </html> Browsers usually indent blockquote elements. For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
What are HTML Styles?
Define: The HTML Style Attribute sets the style of an HTML element. The HTML style attribute has the following syntax: <tagname style="property:value;"> The property is a CSS property. This can be use to style the Background Color, Text Color, Fonts, Text Size, Text Alignment, etc., see examples below: Example: <body style="background-color:powderblue;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> some other css properties are as follow: background-color: for background color color: for text colors font-family: for text fonts font-size: for text sizes text-align: for text alignment https://www.w3schools.com/html/html_styles.asp
What are HTML Comment Tags
Define: This element is used to add a comment to an HTML document. An HTML comment begins with <!-- and the comment closes with -->. HTML comments are visible to anyone that views the page source code, but are not rendered when the HTML document is rendered by a browser. https://www.w3schools.com/html/html_comments.asp
