How to set a single line break in HTML5 ? Last Updated : 03 Jun, 2020 Comments Improve Suggest changes Like Article Like Report In this article, we will add a single line break using the <br> tag. It s used to give the single line break. It is the empty tag so it does not contain end tag. Syntax: <br> Example 1: This example uses <br> tag to break the line. html <!DOCTYPE html> <html> <head> <title> How to defines a single line break? </title> <style> body { text-align: center; } h1 { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2> HTML5: How to defines a single line break? </h2> <!-- br tag is used here --> <p> GeeksforGeeks: <br> Computer science portal </p> </body> </html> Output: Example 2: This example uses br class to break the line. html <!DOCTYPE html> <html> <head> <title> How to defines a single line break? </title> <style type="text/css"> .br { display: block; margin-bottom: 0em; } .brsmall { display: block; margin-bottom: -.2em; } .brxsmall { display: block; margin-bottom: -.4em; } </style> </head> <body> <h2>GeeksForGeeks</h2> <h2> HTML5: How to defines a single line break? </h2> <h4> This page shows different break height between </h4> <p>Hi User <span class="br"></span> Welcome to <span class="brsmall"></span> Geeks for geeks. <span class="brxsmall"></span> Hope you have enjoyed your stay. </p> </body> </html> Output: Comment More infoAdvertise with us Next Article How to create a progress bar using HTML and CSS? M manaschhabra2 Follow Improve Article Tags : Web Technologies HTML HTML5 HTML-Basics Similar Reads HTML Examples HTML (HyperText Markup Language) is the backbone of the web, forming the structural foundation of every website. Whether you're just starting out or you're an experienced developer in need of a quick refresher, learning through examples is one of the most effective ways to understand HTML in action. 6 min read HTML Basic ExamplesDifference between HTML and CSSHTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the foundational technologies for creating web pages. HTML provides the structure, while CSS defines the style and layout. HTML is used along with CSS and Javascript to design web pages. HTML (HyperText Markup Language)HTML is the 4 min read What are physical tags in HTML?Physical Tags are used to indicate that how specific characters are to be formatted or indicated using HTML tags. Any physical style tag may contain any item allowed in text, including conventional text, images, line breaks, etc. Although each physical tag has a defined style, you can override that 5 min read Container and Empty Tags in HTMLHTML uses predefined tags that tell the browser how to display the content. Tags are nothing but some instructions that are enclosed in angle braces(i.e., <>). Tags are used in many places of the webpage but many users are often confused about some tags whether it is a container or an empty ta 6 min read How to Add Background Image in HTML?Adding a background image to an HTML page can enhance the visual appeal and provide a more immersive experience for your website visitors. The <body> background attribute is used to add a background image in HTML, but this attribute is deprecated in HTML5 and is not in use. In place of the bac 3 min read How to define a list item in HTML5?To define a list in HTML5 we can use the HTML <li> tag. But there are two types of listing in HTML. One is an ordered list and another one is an unordered list. For ordered we can use HTML <ol> tag and for the unordered list, we will use the HTML <ul> tag. Also, we can change the l 2 min read Difference between semantic and non-semantic elementsSemantic HTML elementsThese semantic elements simply mean, elements with meaning. The reason being, there definition in the code tells the browser and the developer what they are supposed to do. Framing in simpler words, these elements describe the type of content they are supposed to contain. Follo 2 min read HTML Color PickerWelcome to our user-friendly html color picker! Whether you’re a web designer, developer, or just someone who loves playing with colors, our tool is here to make your color selection easier. Click on any color in the below Hexagon to get the HTML code. HTML Color BasicsHEX Color Codes:HTML color cod 3 min read How to set the name for the object in HTML5?<object> element in HTML5 is used to link any external files and resources in the form of any image or any nested linked webpages or content or any plugin that can do the same work.Syntax:<object name="name"></object>Elementary uses of <object/ element:Initially <object> i 2 min read How to add space between elements in HTML?Spaces in HTML are essential for improving layout and readability. To add space between elements, such as rows in a table, you can use CSS properties like margin, padding, and border. Simple elements like <br> (line break) or <hr> (horizontal line) can also create space between sections. 4 min read How to create a clickable button in HTML ?In this article, we will create a Button by using the <Button> Element in the Document. It is used to submit the content. The images and text content can use inside a button tag. Syntax: <button type = "button"> Example: Using HTML <button> type Attribute html <!DOCTYPE html> 1 min read HTML Structural ExamplesHow to escape everything in a block in HTML ?Escaping is a method that permits us to inform a computer to try to do something special with the text we supply or to ignore the special function of an element. There are some tags in HTML that help us to escape complete text and display it as it is in the HTML source code to the website. Approach 1 min read How to Center a Div within another Div?We are given a HTML div inside another div tag and the task is to center the inside div.The div tag is used to construct a division or section of an HTML document in which other elements of HTML is placed.Syntax:<div> <h3>'This is a div of the web page.>/h3> <p>This is some t 4 min read How to create a moving div using JavaScript ?In this article, we will learn to create a moving HTML div using JavaScript. The div will move left to right using HTML, CSS, and JavaScript. Approach: We have to create an HTML div and add some CSS to the div using a glass ball. In CSS, we add some background-color to the body and give some height, 2 min read How to stretch div to fit the container ?Stretching a child div to fit the full width and height of its parent container can be achieved through various CSS methods. Here are two effective methods to accomplish this:Method 1: Using 100% Width and HeightThis is the most simple approach. By setting the width and height properties of the chil 2 min read How to Make a Div Horizontally Scrollable using CSS?Creating a horizontally scrollable <div> is a practical CSS technique used to handle wide content such as image galleries, tables, or long text blocks without breaking the layout. Instead of wrapping or shrinking content, horizontal scrolling allows users to scroll sideways and view hidden ele 3 min read How to hide text going beyond DIV element using CSS ?Hiding text that goes beyond a div element in CSS means preventing the overflowed content from being displayed outside the container’s boundaries. This is done to maintain a clean layout and design consistency without showing excess text outside the designated area.CSS overflow propertyThe CSS overf 2 min read How to read all spans of a div dynamically ?In this article, we will learn to read the text content of all <span> elements of an <div> element. Approach: We will first select the division inside which we are going to find the <span> elements. This can be done using by selecting the element by its ID using the getElementById( 3 min read How to create horizontal scrollable sections using CSS ?In this article, we will see how we can create a horizontal scrollable section using CSS. We are going to make different sections and make them horizontally scrollable using CSS. HTML code is used to create the basic structure of the sections and CSS code is used to set the style. HTML Code: In this 3 min read HTML Hyperlinks ExamplesHow to link back out of a folder using the a-href tag?Introduction: Whenever we make a project it is generally distributed among various folders. That is generally done to improve the connectivity and readability for the various web developers working on the same project. For example: The above classification is just an example but the classification c 2 min read HTML <a> ping AttributeThe HTML <a> ping Attribute is generally used to either specify a particular URL or a list of URLs that will be notified when the user will click on the hyperlink passed int HTML <a> href Attribute. This is achieved by sending a short HTTP post request to the specified URL as soon as the 1 min read HTML <link> disabled attributeThe Disabled attribute for <link> element in HTML is used to specify that the linked document is disabled. A disabled link is un-clickable and unusable. It is a boolean attribute. Note: This attribute is not supported in html5. Syntax: <link disabled> ----- </link> Example: html 1 min read What is the use of “#†symbol in link URL?The "#" symbol in a URL is known as a named anchor or fragment identifier. It has a special function beyond being a regular character. Named anchors are used to link to a specific part of the same webpage. Typically, we link from one page to another, but when we need to link to a specific section or 2 min read How to create a link with a media attribute in HTML5 ?The <link> media Attribute attribute specifies which media/device is being optimized for the target resource. This attribute is typically used in conjunction with CSS stylesheets to specify different styles for various media types and connecting to external stylesheets, allowing the user to se 1 min read How to specify the source URL of the quote using HTML5 ?In this article, we will learn how to specify the source URL of the quotation mark using HTML. We perform this task just by using a cite attribute of the <q> element in the document. This property contains the string value which represents the URL of the quotation mark. Syntax: <q cite="URL 1 min read How to specify that the target will be downloaded when a user clicks on the hyperlink in HTML5 ?In this article, we will learn to specify the target to a link when opened by the user which will further download the image or any other file. This link is used when the user needs to directly download the file when clicked on hyperlink. Approach: In order to do that we have to use an attribute cal 2 min read How to specify the hyperlink target for the area of an image in HTML5 ?The href attribute is used to specify the hyperlink target for the area in HTML5. The area tag is not a hyperlink in itself. The <a> tag should always have an opening as well as a closing tag. The coords attribute is obsolete on an element. Instead, always use the area tag for the image map wh 1 min read How to make a HTML link that forces refresh ?In this article, we will learn to make an HTML link that forces refresh. HTML <meta> http-equiv attribute with refresh value specified in meta element is used to refresh website pages. Refresh instruction specifies time interval for the page to reload itself, with its value mentioned in conten 1 min read How to set the language of text in the linked document in HTML5 ?The approach of this article is to specify the language of the text in the linked document in HTML5 by using a hreflang attribute in the HTML Tag. The value (or languageCode) passed here is the code of the linked document. (for e.g. if the document/website in the given link is in English en is passe 1 min read How to specify what media/device the target URL is optimized for ?The media attribute of HTML is used to specify the browser ,for what devices the linked document is optimized for. This attribute generally is used with the CSS style sheets but can be used in simple HTML built webpage too. The attribute allows the user to choose from a great variety of devices and 3 min read How to specify URL of resource to be used by the object in HTML5 ?In this article, we will cover how to specify the URL of the resource to be used by the object in HTML5. It can be used on pages where content from an external source is required. It can be done by setting the data attribute to the specified URL in the <object> tag. Syntax: <object data="UR 1 min read How to use Anchor tag as submit button ?The <a> (anchor tag) in HTML is used to create a hyperlink on the webpage. This hyperlink is used to link the webpage to other web pages. It’s either used to provide an absolute reference or a relative reference as its “href†value. Syntax: <a href = "link"> Link Name </a> The href 3 min read HTML Table ExamplesHTML <td> nowrap AttributeThe HTML <td> nowrap Attribute is used to specify that the content present inside the cell should not wrap. It contains the Boolean value. Note: It is not supported by HTML5.Syntax:<td nowrap>Example: This example illustrates the use of <td> nowrap with an HTML document.html<!DO 1 min read HTML | tbody charoff AttributeThe HTML tbody charoff Attribute is used to sets the number of characters that aligned the characters specified by the char Attribute. This attribute can only be used in the char attribute and align attribute is specified in the tbody Element. Note: This attribute is not supported by HTML5. Syntax: 2 min read HTML | <tr> charoff AttributeThe HTML tr charoff Attribute is used to sets the number of characters that aligned the characters specified by the char Attribute. This attribute can only be used in the char attribute and align attribute is specified in the tr Element. Syntax: <tr charoff="number"> Attribute Values: number: 1 min read HTML | <td> scope AttributeThe HTML <td> scope Attribute is used to specify the cell is used for header row, column, colgroup or rowgroup. This attribute does not display any visual effect on the browser but it is used for screen readers. Note: This attribute is not supported by HTML5. Syntax: <td scope="col | row | 1 min read HTML | <td> rowspan AttributeThe HTML <td> rowspan Attribute is used to specify the number of rows a cell should span. That is if a row spans two rows, it means it will take up the space of two rows in that table. It allows the single table cell to span the height of more than one cell or row. It provides the same functio 1 min read HTML | <col> valign AttributeThe HTML <col> valign attribute is used to specify the vertical alignment of the text content in a column element. Syntax:<col valign="top | middle | bottom | baseline">Attribute Values:top: It sets the content to top-align.middle: It sets the content to middle-align.bottom: It sets the 1 min read HTML | <thead> align AttributeThe HTML <thead> align attribute is used to set the horizontal alignment of text content inside the table head (thead) section. Syntax: <thead align="left|right|center|justify|char"> Note: This attribute has been DEPRECATED and is no longer recommended. Attribute Value: left: It sets the 1 min read HTML | <thead> valign AttributeThe HTML thead valign Attribute is used to specify the vertical alignment of content inside the thead Element. Syntax: <thead valign="top | middle | bottom | baseline"> Attribute values: top: It sets the content to top-align. middle: It sets the content to middle-align. bottom: It sets the con 1 min read Create Header Cells for Columns, Rows, or Groups in HTMLIn HTML tables, header cells provide context to the data in a table by labeling rows, columns, or groups of both. The header cells are essential for improving accessibility and clarity, particularly when tables contain complex data. In HTML, you can define whether a header cell applies to a column, 1 min read How to group header content of a table using HTML5 ?In this article, we define to group the header content in a table by using the <th> tag in HTML to set the header cell of a table. Two types of cells in an HTML table. Header Cell: It is used to hold the header information. Standard Cell: It is used to hold the body of data. The working of bot 1 min read How to implement single row select and delete using DataTables plugin ?DataTables is a modern jQuery plugin for adding interactive and advanced controls to HTML tables for a webpage. It is a very simple-to-use plug-in with a variety of options for the developer’s custom changes as per the application's need. The plugin’s features include pagination, sorting, searching, 3 min read How to define one or more header cells a cell is related to in HTML ?This article aims to add one or more header cells to a cell related to HTML. Approach: This can be done using the headers attribute in the HTML document while using the <td> and <th> tags. It contains the value i.e. header_id that specify the space to the separated list of id's to one o 1 min read How to set the number of rows a table cell should span in HTML ?In this article, we will show how multiple rows are spanned by a table header cell. The task can be done by using the rowspan attribute while using the <th> tag. This property is used to merge one or more cells as well as increase the height of the single header cell automatically. Syntax: 2 min read How To Create a Table With Fixed Header and Scrollable Body?Here are the methods to create a table with a fixed header and a scrollable body.Before proceeding, enhance your understanding by exploring this comprehensive guide on HTML tables.1. Using position: sticky and overflow-yThis method employs position: sticky on the table header to keep it fixed at the 3 min read HTML Form ExamplesHow to set an alternate text for area in HTML5 ?In this article, we will learn how to specify an alternate text for an area in HTML5. This alternate text is displayed due to various reasons like the use of a screen reader, incorrect or non-existing image path in the src attribute, or a slow internet connection. Approach: We will use the alt attri 2 min read How to specify one or more forms the object belongs to ?The purpose of this article is to specify one or more forms the object belongs to. In simple words, we just have to create a form and then after creating an object we just have to specify which form it belongs to. Form element is used to create an HTML form for user input. Object element is used to 2 min read How to specify one or more forms the keygen element belongs to ?The task is to specify one or more forms the keygen element belongs to. You can easily do this by using the form attribute which is an attribute of keygen element. form element is used to create an HTML form for user input. keygen element is used to specify a key-pair generator field in a form and u 2 min read How to turn on/off form autocompletion in HTML ?All the browsers by default remember information that the user submits through fields on websites. It enables the browser to offer auto-completion. This feature is usually enabled by default, but it can be a privacy concern for users, so browsers can let users disable them. But it is essential to kn 2 min read How to specify that a group of related form elements should be disabled using HTML?In this article, we will learn how to specify that a group of related form elements should be disabled using HTML. When the disabled attribute is present, it specifies that the input field is disabled. We can not write any content in a disabled input field. Approach: We will be using the disabled at 1 min read How to specify how form-data should be encoded when submitting to server ?HTML form provides three methods of encoding. application/x-www-form-urlencodedmultipart/form-datatext/plain 1.application/x-www-form-urlencoded: This is the default method that is applied if nothing is specified. In this method spaces are converted to the '+' symbol and special characters are conve 2 min read How to specify the URL that will process the data supplied through input(s) when the form is submitted?The HTML <input> formaction attribute is used to specify the URL of the file which will process the input control when the form is submitted. After submission of the form, the formaction attribute is called. The form data is to be sent to the server after the submission of form. It overrides t 1 min read How to specify one or more forms the label belongs to ?In this article, we will learn how to specify one or more forms that a label belongs to. This can be used in situations when the label is defined outside the form element and needs to be linked back to the form. Approach: We will use the form attribute of the label to specify one or more forms that 3 min read How to specify multiple forms the select field belongs to in HTML ?The task is to specify multiple forms the select field belongs to. In simple wording, we have to find out which form the specific select belongs to. You can achieve this task by using the form attribute. select element - It is used to create a drop-down list in HTML.form element - It is used to crea 2 min read How to change the <input> type?Changing the <input> type in HTML involves dynamically modifying the type attribute of an <input> element using JavaScript or jQuery. By altering the type (e.g., from text to password), the behavior and appearance of the input field are instantly updated.Syntax:The selected input type wi 1 min read How to specify which form element a label is bound to ?The label tag in HTML allows us to click on the label, which will in turn be treated like clicking on the corresponding input type. Input types in the HTML can be a radio button, checkbox, email, date, color, etc. The for attribute specifies which form element a label is bound to. Syntax: <labe 2 min read How to create a multiline input control text area in HTML5 ?The HTML <textarea> tag is used to specify a multiline input control text area in HTML5.  The <cols> and <rows> attributes specify size of a textarea. Syntax <textarea rows="" cols=""> Contents... </textarea> The <textarea> tag contains 5 attributes that are liste 1 min read How to create form validation by using only HTML ?In Web Development, we often use JavaScript with HTML to validate the form, but we can also do the same via HTML in the following ways. HTML <input> required Attribute HTML <input> type Attribute HTML <input> pattern Attribute HTML <input> required Attribute: In input tag of 2 min read HTML Frame ExamplesHTML <iframe> referrerpolicy AttributeThe HTML <iframe> referrerpolicy attribute is used to specify the reference information that will be sent when fetching the result. Syntax<iframe referrerpolicy="value">Attribute Values:no-referrer: It specifies that no reference information will be sent along with a request.no-referrer- 2 min read How to divide an HTML page into four parts using frames ?This article shows how to divide a page into four parts using HTML frames. This can be used to represent the header, sidebar, footer, and main content. The frames are created using the <frame> tag. We will have to use four HTML files for each of the portions.Syntax<frameset> // frame ele 2 min read How to place a div inside an iframe for IE ?Introduction: An Iframe is used to display a web page (or possibly a document) within a web page, i.e. it loads the contents of a page (or document) inside the current page.Iframe Syntax:<iframe src="URL"></iframe>Approach 1: For adding additional div's in an iframe, you need to use a wr 2 min read How to enable extra set of restrictions for content in an iframe element in HTML5 ?In this article, we will learn how to enable an extra set of restrictions for content in an iframe element in HTML5. Below are the approaches for enabling the set of instructions.Approach: The approach of this article is to learn how to enable an extra set of restrictions for the content in an ifram 2 min read How to navigate URL in an iframe with JavaScript ?To navigate the URL in an iframe with JavaScript, we have to set the src attribute or return the value of the src attribute in an iframe element. The src attribute defines the URL of the document that can be shown in an iframe.Syntax:document.getElementById("selector").src = "URL";URL values: Absolu 1 min read HTML Media BasedHow to animate a straight line in linear motion using CSS ?Animating a straight line in linear motion using CSS involves moving an element along a straight path at a constant speed. This is achieved with CSS animations and the @keyframes rule, specifying positions and using properties like left, right or transform.ApproachHTML Approach:Structure Setup: The 2 min read How to specify the media type of the script in HTML5 ?The HTML <script> type attribute specifies the type of script that is being represented. The type attribute identifies the content that appears between the <script> and </script> tags. It specifies the script's MIME type and identifies the Tag's content. It has a single value, medi 1 min read How to display video controls in HTML5 ?The HTML <video> controls attribute is used to display video controls in HTML5. It is a Boolean attribute that adds video controls like volume, pause, and play. HTML5 commonly uses formats such as OGG, MP4, OGM, and OGV because browser support for these formats varies. Syntax <video control 3 min read How to mute video using HTML5 ?The purpose of this article is to mute video using HTML5. Approach: Video Tag is new to HTML5. Users can use muted attributes in video tags to mute a video. The muted attribute is a boolean attribute. When present, it specifies that the audio output of the video should be muted. Syntax: <video co 1 min read How to add controls to an audio in HTML5 ?In this article, we will learn how to add controls to audio in HTML5. The HTML <audio> controls attribute is used to specify the control to play audio which means it allows embedding an HTML5 music player with audio controls straight into the webpage. The current HTML5 most commonly used ogg, 2 min read Create Scanning Animation Loader using HTML & CSSIn this article, we will learn how to create a Scanning Animation. This can be used to add interactivity to the loader page. This is approached by simple HTML & CSS. Glimpse of the Project: Approach: We will first create an HTML file in which we are going to add a div for adding a span in it.We 2 min read How to specify media type of data specified in data attribute in HTML5 ?The following approach covers how to specify the URL of the resource to be used by the object in HTML5. This can be used in pages where content from an external source is required. Approach: We will use the data attribute of the <object> element to specify the URL of the resource that to be us 1 min read How to set the height and width of the video player in HTML5 ?In this article, we will learn to set the width and height of the video player in HTML5. The following are the two scenarios The width and height of the video are fixed.Make the video respond to your screen width. Approach: The HTML5 width and height attributes of the video tag are used to set the h 2 min read How to check whether an image is loaded or not ?While inserting images in HTML pages sometimes the image may fail to load due to: Getting the image URL wrongpoor internet connection So we may want to check if the image is not loading due to these reasons. To check we can use the below methods Method 1: Using attributes of <img> to check whe 2 min read How to specify the type of the media resource in HTML5 ?Here, we will see how to set the media type of the media resource using HTML. To select the media type of media resource we use the <source> tag. This tag is used to attach multimedia files like audio, video, and pictures to a web page or website. The <audio>, <video>, and <pict 1 min read How to Create Image Hovered Detail using HTML & CSS?In this article, we will learn how to create a type of hover effect over an image to get its complete detail. This is can be achieved by using simple HTML & CSS.Overview Of Our Project:Approach:We will first create an HTML file in which we are going to add an image for our image hanger.We will t 3 min read How to define media type of style tag in HTML5 ?In this article, we learn how to define the media type of the style tag in HTML5. In HTML5, the media type of a style tag can be defined using the "media" attribute. By specifying the media type, such as "screen" for displaying on a screen or "print" for printing, the style rules within the style ta 2 min read How to set multiple media resources for elements in HTML5 ?The task is to set multiple media resources for the media element. We can use multiple source tags in the media tag. Syntax: <media_element> <source src="geeksforgeekslogo.resourse_extension"> <-- Example 1 --> <source src="hpnotebook.jpg"> <-- Example 2 --> <source 2 min read HTML QuestionsHow to set a single line break in HTML5 ?In this article, we will add a single line break using the <br> tag. It s used to give the single line break. It is the empty tag so it does not contain end tag. Syntax: <br> Example 1: This example uses <br> tag to break the line. html <!DOCTYPE html> <html> <head 1 min read How to create a progress bar using HTML and CSS?The progress bar is an important element in the web, the progress bar can be used for downloading, marks obtained, skill measuring unit, etc. To create a progress bar we can use HTML and CSS. To make that progress bar responsive you will need JavaScript.In this article, we will learn to create progr 1 min read How to create Perspective Text using HTML & CSS ?In this article, we are going to create an illusion of images below the main image. This is a simple article, we can achieve our target only by using HTML & CSS. Approach: Create a main div in which we have added a heading tag and then use the selectors in CSS to create the effects. HTML Code: F 2 min read How to isolate a part of text that may be formatted in a different direction using HTML5 ?The Task is to learn how to isolate a part of the text that may be formatted in a different direction using HTML5? Approach: As we know that bdi stands for Bi-Directional Isolation. Basically. It is used to differentiate a text from other text that may be formatted in a different direction. The Task 1 min read Design an Event Webpage using HTML and CSSCreating an event webpage is an exciting way to showcase information about an event, including its schedule, speakers, and contact details. What We’re Going to CreateWe’ll create a webpage for a fictional event called "GeeksforGeeks TechCon 2025." This webpage will includeA header introducing the ev 5 min read How to Skew Text on Hover using HTML and CSS?Skewed text animation effect can be created using HTML and CSS, this animation looks very cool and can be used in websites to make them look more dynamic, the following sections will guide on how to create the desired animation effect.First Section: In this section we will create a basic div tag whi 2 min read How to create a slideshow with HTML and CSS ?A slideshow can be used to display text or images that continuously scroll from one slide to the other to display its content. This article shows an approach to building a slideshow with the use of only HTML and CSS. It consumes less browser memory and takes less computation power as there is no Jav 3 min read How to specify that an option-group should be disabled in HTML5 ?We will use <optgroup> and <option> tags to create an option-group list and use the disabled attribute with <optgroup> to create a disabled option-group list. The <optgroup> tag is used to create a group of the same category options in a drop-down list. The <optgroup> t 1 min read How to disable the drop-down list in HTML5 ?In this article, we will learn how to disable the drop-down list in HTML5. The drop-down is used to create a list of items that need to select an element. We use <select> and <option> elements to create a drop-down list and use the disabled attribute in <select> element to disable 2 min read How to define scalar measurement within a given range in HTML5 ?In this article, we will learn how to define an element that has a scalar measurement within a known range. It can be used to represent fractional data in a gauge making it easy for the reader to understand the values. Approach: We will use the <meter> element for defining the gauge that can m 1 min read How to set the security algorithm of key in HTML5 ?In this article, we will see how to set the security algorithm of keys using HTML5. To set the security algorithm of key <keygen> tag is used. This tag specifies a key-pair generator field used for forms. The private key is saved locally and the public key is sent to the server when the form i 1 min read How to set minimum and maximum value of range in HTML5 ?In this article. we are going to set the minimum and maximum value of the range in HTML5 by using the min and max attributes in the <meter> element. Approach: This can be implemented by using the min and max attributes: min: This attribute is used to specify the lower bound of the gauge. The v 1 min read Like