Awesome HTML tags and attributes

In this post I’m gonna share with you some cool html tags and attributes.

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.

<p title=…


This content originally appeared on DEV Community and was authored by Dima Prohorenko

In this post I'm gonna share with you some cool html tags and attributes.

  • 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. 
<p title="I'm a tooltip">I have a tooltip</p>
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • mark tag - everything wrapped between opening and closing brackets will be highlighted. The presence of the mark element is not announced by most screen reading technology in its default configuration. Here's a good post on how to fix it. 
<p>This is a <mark>paragraph</mark></p>
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • HTML contenteditable attribute indicates if the content should be editable by the user. 
<p contenteditable>Write your name here</p>
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • The meter element is used to display a gauge. The meter element should not be used to indicate progress (as in a progress bar). For progress bars, use the progress tag. 
<h4>Disk usage</h4>

    <div>
        <label for="disk-c">C:</label>
    <meter id="disk-c" value="0.6"></meter>
    </div>

    <div>
    <label for="disk-d">D:</label>
    <meter id="dist-d" min="10" max="50" value="40"></meter>
    </div>
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • base tag specifies the base URL and/or target for all relative URLs in a document. There can only be one single base element in a document, and it must be inside the head element. 
<head>
    <base href="https://example.com/">
</head>

<img src="images/example.svg" alt="">
Enter fullscreen mode Exit fullscreen mode

That's it, hope you've found some usefull info here. Stay safe and have a great day :)


This content originally appeared on DEV Community and was authored by Dima Prohorenko


Print Share Comment Cite Upload Translate Updates
APA

Dima Prohorenko | Sciencx (2021-02-26T13:50:40+00:00) Awesome HTML tags and attributes. Retrieved from https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/

MLA
" » Awesome HTML tags and attributes." Dima Prohorenko | Sciencx - Friday February 26, 2021, https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/
HARVARD
Dima Prohorenko | Sciencx Friday February 26, 2021 » Awesome HTML tags and attributes., viewed ,<https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/>
VANCOUVER
Dima Prohorenko | Sciencx - » Awesome HTML tags and attributes. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/
CHICAGO
" » Awesome HTML tags and attributes." Dima Prohorenko | Sciencx - Accessed . https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/
IEEE
" » Awesome HTML tags and attributes." Dima Prohorenko | Sciencx [Online]. Available: https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/. [Accessed: ]
rf:citation
» Awesome HTML tags and attributes | Dima Prohorenko | Sciencx | https://www.scien.cx/2021/02/26/awesome-html-tags-and-attributes/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts