Front End Technology Articles - Page 584 of 860

HTML autofocus Attribute</a> </h3> <div class="qa_category" id="tags_24436"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur">Arjun Thakur</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 29-Jun-2020 08:45:49 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 36 Views</p> </div> <div class="clear"></div> <p>The autofocus attribute of the element is used to set the autofocus to the textarea itself when the page loads. The autofocus attribute for the element introduced in HTML5.Following is the syntax −Let us now see an example to implement the autofocus attribute of the element −Example Live Demo Interview Questions Why do you want go for the Technical Writer Job Profile? (100 words)           Write the answer in 100 words only...        What are your strengths? (50 words)           Write the answer in 50 words ... <a href="https://www.tutorialspoint.com/html-textarea-autofocus-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-td-colspan-attribute" target="_blank"> HTML <td> colspan Attribute</a> </h3> <div class="qa_category" id="tags_24435"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/Ankith-Reddy" title="Ankith Reddy"><img src="https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg" alt="Ankith Reddy"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/Ankith-Reddy" title="Ankith Reddy">Ankith Reddy</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 29-Jun-2020 08:46:43 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 611 Views</p> </div> <div class="clear"></div> <p>The colspan attribute of the element in HTML defines the number of columns a cell should span.Following is the syntax −Above, num is the count of columns a cell should span.Let us now see an example to implement the colspan attribute of the element −Example Live Demo table, th, td {    border: 2px solid blue; } Product Expenses           Domains       Cost               Product Development       500000               Marketing       500000               Services       100000               Support       100000               Maintenance       100000               Total Budget = INR 1300000     Output</p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="google_content_ads"> <div style="text-align: center;"> <div class="inserted-div"><script async="true" id="PS_67ebd889ca6f1325b65a5242" type="text/javascript" src="https://ads.playstream.media/api/adserver/scripts?PS_TAGID=67ebd889ca6f1325b65a5242&PS_PUB_ID=67ebd5e3ca6f1325b65a46fe"></script></div> </div> </div> </div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-select-size-attribute" target="_blank"> HTML <select> size Attribute</a> </h3> <div class="qa_category" id="tags_24433"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav"><img src="https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg" alt="Chandu yadav"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav">Chandu yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 30-Jul-2019 22:30:26 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 119 Views</p> </div> <div class="clear"></div> <p>The size attribute of the element is used to set the number of visible list items from a drop-down list. A scrollbar would get added if the size is set more than 1.Following is the syntax−Above, num is the count of the visible list items in the drop-down list.Let us now see an example to implement the size attribute of the element−Example Live Demo Candidate Profile Following are the details to be submitted by the candidate: Educational Qualification Graduation    BCA    B.COM    B.TECH    B.SC Postgraduation    MCA ... <a href="https://www.tutorialspoint.com/html-select-size-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-select-required-attribute" target="_blank"> HTML <select> required Attribute</a> </h3> <div class="qa_category" id="tags_24432"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur">Arjun Thakur</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 30-Jul-2019 22:30:26 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 402 Views</p> </div> <div class="clear"></div> <p>The required attribute of the element is to let users know that the drop-down is required and need to be submitted before the form is submitted. If you won’t select the value from the drop-down and try to submit the form, it won’t submit and a warning would be visible on the web page itself. The required attribute introduced in HTML5.Following is the syntax−Let us now see an example to implement the required attribute of the element−Example Live Demo Candidate Profile Following are the details to be submitted by the candidate: Educational Qualification Graduation ... <a href="https://www.tutorialspoint.com/html-select-required-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-dom-anchor-origin-property" target="_blank"> HTML DOM Anchor origin Property</a> </h3> <div class="qa_category" id="tags_24431"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/Ankith-Reddy" title="Ankith Reddy"><img src="https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg" alt="Ankith Reddy"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/Ankith-Reddy" title="Ankith Reddy">Ankith Reddy</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 30-Jul-2019 22:30:26 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 152 Views</p> </div> <div class="clear"></div> <p>The HTML DOM Anchor origin property returns the protocol, hostname and port number of the href attribute value, for example, https://www.demo.com:6064  Following is the syntax−anchorObj.originLet us now see an example to implement the DOM Anchor origin property −Example Live Demo Company Products Display href Part Display origin Display hreflang function display() {    var a = document.getElementById("mylink").href;       document.getElementById("myid").innerHTML = a;    }    function display2() {       var a = document.getElementById("mylink").origin;       document.getElementById("myid").innerHTML = a;    }    function display3() {       var a = document.getElementById("mylink").hreflang;       document.getElementById("myid").innerHTML = a;    } OutputClick on the “Display origin” button−</p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-button-form-attribute" target="_blank"> HTML <button> form Attribute</a> </h3> <div class="qa_category" id="tags_24430"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/George-John" title="George John"><img src="https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png" alt="George John"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/George-John" title="George John">George John</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 30-Jul-2019 22:30:26 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 269 Views</p> </div> <div class="clear"></div> <p>The form attribute of the element is used to specify the forms wherein the button belongs to.Following is the syntax −The id above is the if of the form wherein the button belongs to.Let us now see an example to implement the form attribute of the element−Example Live Demo Points Player: Rank: Points: Click to Submit This will produce the following output. The button is part of the form−In the above example, we have set a form and added form elements− ... <a href="https://www.tutorialspoint.com/html-button-form-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-dom-anchor-href-property" target="_blank"> HTML DOM Anchor href Property</a> </h3> <div class="qa_category" id="tags_24429"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav"><img src="https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg" alt="Chandu yadav"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav">Chandu yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 30-Jul-2019 22:30:26 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 194 Views</p> </div> <div class="clear"></div> <p>The HTML DOM Anchor href property is used to set or return the href attribute. It returns the url of the link.Following is the syntax to set the anchor href property−anchorObj.href = URLAbove, URL is the url of the link. It can be an absolute, relative or anchor link with a hash.Following is the syntax to return the anchor href property−anchorObj.hrefLet us now see an example to implement the DOM Anchor href property−Example Live Demo Company Our Team Display href Part Display Host Part Display Hostname function display() { var a = document.getElementById("mylink").href; ... <a href="https://www.tutorialspoint.com/html-dom-anchor-href-property"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-script-charset-attribute" target="_blank"> HTML <script> charset Attribute</a> </h3> <div class="qa_category" id="tags_24428"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur">Arjun Thakur</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 11-Jun-2020 11:16:41 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 145 Views</p> </div> <div class="clear"></div> <p>The charset attribute of the element is used to set character encoding, which is used in an external script file.Following is the syntax−Above, set charset, which is the character encoding to be used in an external script file. With “UTF-8”, you can set the character encoding for Unicode. Let us now see an example to implement the charset attribute of the element−Example Displaying the characters with "UTF-8" character set. . Above, we have used a script file “new.js”, which displays the symbols.Output</p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-s-tag" target="_blank"> HTML <s> Tag</a> </h3> <div class="qa_category" id="tags_24426"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/George-John" title="George John"><img src="https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png" alt="George John"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/George-John" title="George John">George John</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 11-Jun-2020 11:06:00 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 182 Views</p> </div> <div class="clear"></div> <p>The tag in HTML is used to mark a text that is no longer relevant. This tag was redefined in HTML5 to display a text that is not accurate.Let’s see an example to implement the element −Example Live Demo Exam Results    Result would be announced on 6th June.    New date for results are 7th June. OutputIn the above example, we have set a text which is no longer relevant− Result would be announced on 6th June. The usage of would strike the same text as shown in the above output.</p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-q-tag" target="_blank"> HTML <q> Tag</a> </h3> <div class="qa_category" id="tags_24425"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav"><img src="https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg" alt="Chandu yadav"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav">Chandu yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 29-Jun-2020 08:33:33 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 176 Views</p> </div> <div class="clear"></div> <p>The q tag in HTML is used to specify a short quotation. The quotation marks get inserted around the text set inside the q tag i.e. the quotation.Following is the attribute −cite: It sets the source url of the quote.Let us now see an example to implement the tag −Example Live Demo Thoughts    Warren Buffett quoted,    It's better to hang out with people better than you. Pick out associates whose behavior is    better than yours and you'll drift in that direction.    Bill Gates quoted,    Your most unhappy customers are your greatest source ... <a href="https://www.tutorialspoint.com/html-q-tag"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="job-index qa_widget" style="padding:0px 10px 0px 10px!important; margin:0px!important;"> <div class="pages"> <a href="https://www.tutorialspoint.com/articles/category/front-end-technology/583" title="Previous Page"><i class='fal fa-angle-left'></i> Previous</a> <a class="number" title="Go to page 1 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/1">1</a> ... <a class="number" title="Go to page 582 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/582">582</a> <a class="number" title="Go to page 583 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/583">583</a> <a title="Go to page 584 of 860" class="current number" href="https://www.tutorialspoint.com/articles/category/front-end-technology/584">584</a> <a class="number" title="Go to page 585 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/585">585</a> <a class="number" title="Go to page 586 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/586">586</a> ... <a class="number" title="Go to page 860 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/860">860</a> <a href="https://www.tutorialspoint.com/articles/category/front-end-technology/585" title="Next Page">Next <i class='fal fa-angle-right'></i></a> </div> </div> <div class='clear py-2'></div> <div class="bottom-library-ads mt" style="margin:5px;"> <div class="google-bottom-ads" id="google-bottom-ads"> <div>Advertisements</div> <div style="width: 750px; height: 300px;"> <!-- TAGNAME: 750x300_Bottom_Ad --> <div id='tutorialspointcom47468'> </div> </div> </div> </div> </div> <div> <div class="data-sticky" id="google-right-ads"> <div class="google-right-ad" style="margin: 0px auto !important;margin-top:5px;min-height:280px!important"> <!-- TAGNAME: 336x280_Right_Sidebar_1 --> <div id='tutorialspointcom47465'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <!-- TAGNAME: 336x280_Right_Sidebar_2 --> <div id='tutorialspointcom47466'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <!-- TAGNAME: 300x600_Right_Sidebar --> <div id='tutorialspointcom47467'> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer bg-neutral-800"> <div class="container"> <div> <h5>TOP TUTORIALS</h5> <ul> <li><a href="/python/index.htm" title="Python Tutorial">Python Tutorial</a></li> <li><a href="/java/index.htm" title="Java Tutorial">Java Tutorial</a></li> <li><a href="/cplusplus/index.htm" title="C++ Tutorial">C++ Tutorial</a></li> <li><a href="/cprogramming/index.htm" title="C Programming Tutorial">C Programming Tutorial</a></li> <li><a href="/csharp/index.htm" title="C# Tutorial">C# Tutorial</a></li> <li><a href="/php/index.htm" title="PHP Tutorial">PHP Tutorial</a></li> <li><a href="/r/index.htm" title="R Tutorial">R Tutorial</a></li> <li><a href="/html/index.htm" title="HTML Tutorial">HTML Tutorial</a></li> <li><a href="/css/index.htm" title="CSS Tutorial">CSS Tutorial</a></li> <li><a href="/javascript/index.htm" title="JavaScript Tutorial">JavaScript Tutorial</a></li> <li><a href="/sql/index.htm" title="SQL Tutorial">SQL Tutorial</a></li> </ul> </div> <div> <h5>TRENDING TECHNOLOGIES</h5> <ul> <li><a href="/cloud_computing/index.htm" title="Cloud Computing Tutorial">Cloud Computing Tutorial</a></li> <li><a href="/amazon_web_services/index.htm" title="Amazon Web Services Tutorial">Amazon Web Services Tutorial</a></li> <li><a href="/microsoft_azure/index.htm" title="Microsoft Azure Tutorial">Microsoft Azure Tutorial</a></li> <li><a href="/git/index.htm" title="Git Tutorial">Git Tutorial</a></li> <li> <a href="/ethical_hacking/index.htm" title="Ethical Hacking Tutorial">Ethical Hacking Tutorial</a></li> <li><a href="/docker/index.htm" title="Docker Tutorial">Docker Tutorial</a></li> <li><a href="/kubernetes/index.htm" title="Kubernetes Tutorial">Kubernetes Tutorial</a></li> <li><a href="/data_structures_algorithms/index.htm" title="DSA Tutorial">DSA Tutorial</a></li> <li><a href="/spring_boot/index.htm" title="Spring Boot Tutorial">Spring Boot Tutorial</a></li> <li><a href="/sdlc/index.htm" title="SDLC Tutorial">SDLC Tutorial</a></li> <li><a href="/unix/index.htm" title="Unix Tutorial">Unix Tutorial</a></li> </ul> </div> <div> <h5>CERTIFICATIONS</h5> <ul> <li><a href="https://market.tutorialspoint.com/certification/business-analytics-certification-2023/index.asp" title="Business Analytics Certification">Business Analytics Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/java-prime-pack/index.asp" title="Java & Spring Boot Advanced Certification">Java & Spring Boot Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/data-science-advanced-certification/index.asp" title="Data Science Advanced Certification">Data Science Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/cloud-computing-and-devops-advanced-certification/index.asp" title="Cloud Computing And DevOps">Cloud Computing And DevOps</a></li> <li><a href="https://market.tutorialspoint.com/certification/advanced-certification-in-business-analytics/index.asp" title="Advanced Certification In Business Analytics">Advanced Certification In Business Analytics</a></li> <li><a href="https://market.tutorialspoint.com/certification/artificial-intelligence-and-machine-learning-certification/index.asp" title="Artificial Intelligence And Machine Learning">Artificial Intelligence And Machine Learning</a></li> <li><a href="https://market.tutorialspoint.com/certification/devops-certification/index.asp" title="DevOps Certification">DevOps Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/game-development-prime-pack/index.asp" title="Game Development Certification">Game Development Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/frontend-developer-certification/index.asp" title="Front-End Developer Certification">Front-End Developer Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/aws-prime-pack/index.asp" title="AWS Certification Training">AWS Certification Training</a></li> <li><a href="https://market.tutorialspoint.com/certification/complete-python-prime-pack/index.asp" title="Python Programming Certification">Python Programming Certification</a></li> </ul> </div> <div> <h5>COMPILERS & EDITORS</h5> <ul> <li><a href="/online_java_compiler.php" title="Online Java Compiler">Online Java Compiler</a></li> <li><a href="/online_python_compiler.php" title="Online Python Compiler">Online Python Compiler</a></li> <li><a href="/execute_golang_online.php" title="Online Golang Compiler">Online Golang Compiler</a></li> <li><a href="/compile_c_online.php" title="Online C Compiler">Online C Compiler</a></li> <li><a href="/compile_cpp_online.php" title="Online C++ Compiler">Online C++ Compiler</a></li> <li><a href="/online_csharp_compiler.php" title="Online C# Compiler">Online C# Compiler</a></li> <li><a href="/execute_php_online.php" title="Online PHP Compiler">Online PHP Compiler</a></li> <li><a href="/execute_matlab_online.php" title="Online MATLAB Compiler">Online MATLAB Compiler</a></li> <li><a href="/compilers/online-bash-terminal.htm" title="Online Bash Terminal">Online Bash Terminal</a></li> <li><a href="/execute_sql_online.php" title="Online SQL Compiler">Online SQL Compiler</a></li> <li><a href="/online_html_editor.php" title="Online Html Editor">Online Html Editor</a></li> </ul> </div> </div> <ul class="footer__list container"> <li><a href="/about/index.htm" title="ABOUT US">ABOUT US</a> | </li> <li><a href="/about/about_team.htm" title="OUR TEAM">OUR TEAM</a> | </li> <li><a href="/about/about_careers.htm" title="CAREERS">CAREERS</a> | </li> <li><a href="/job_search.php" title="JOBS">JOBS</a> | </li> <li><a href="/about/contact_us.htm" title="CONTACT US">CONTACT US</a> | </li> <li><a href="/about/about_terms_of_use.htm" title="TERMS OF USE">TERMS OF USE</a> | </li> <li><a href="/about/about_privacy.htm" title="PRIVACY POLICY">PRIVACY POLICY</a> | </li> <li><a href="/about/return_refund_policy.htm" title="REFUND POLICY">REFUND POLICY</a> | </li> <li><a href="/about/about_cookies.htm" title="COOKIES POLICY">COOKIES POLICY</a> | </li> <li><a href="/about/faq.htm" title="FAQ'S">FAQ'S</a></li> </ul> <div class="footer__socials container"> <img class="footer__logo" src="https://www.tutorialspoint.com/static/images/logo-footer.svg" alt="tutorials point logo"> <div> <a rel="nofollow" target="_blank" href="https://www.facebook.com/tutorialspointindia" title="Follow us on Facebook"> <i class="fa-sharp fa-light fa-brands fa-facebook-f foot-icons"></i> </a> <a target="_blank" href="https://x.com/tutorialspoint" rel="nofollow" title="Follow us on X"> <i class="fa-sharp fa-light fa-brands fa-x-twitter foot-icons"></i> </a> <a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow" title="Follow us on Youtube"> <i class="fa-sharp fa-light fa-brands fa-youtube foot-icons"></i> </a> <a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow" title="Follow us on LinkedIn"> <i class="fa-sharp fa-light fa-brands fa-linkedin-in foot-icons"></i> </a> <a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow" title="Follow us on Instagram"> <i class="fa-sharp fa-light fa-brands fa-instagram foot-icons"></i> </a> </div> <div class="flex-group"> <button class="button-reset"><a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" title="Download Android App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/googleplay.svg" alt="Download Android App"></a></button> <button class="button-reset"><a href="https://itunes.apple.com/us/app/tutorials-point/id914891263?ls=1&mt=8" target="_blank" title="Download IOS App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/appstore.svg" alt="Download IOS App"></a></button> </div> </div> <div class="footer__legal-wrapper"> <div class="footer__legal ff-nunito"> <p> <p class="">Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects.</p> </p> <p class="footer__copyright ">© Copyright 2025. All Rights Reserved.</p> </div> </div> </footer> <script src="/static/js/new-lib-script.min.js?v-3"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="fluid-privacy-opt-out-link" onmouseover="this.style.color='rgb(25, 103, 210)'; this.style.cursor='pointer'" onmouseout="this.style.color='#CCCCCC'; this.style.cursor='auto'"></div> <script> const privacyOptOutLink = document.getElementById("fluid-privacy-opt-out-link"); window.googlefc = window.googlefc || { callbackQueue: [] }; window.googlefc.ccpa = window.googlefc.ccpa || {}; window.googlefc.ccpa.overrideDnsLink = true; window.googlefc.callbackQueue.push({ "CONSENT_API_READY": () => { if (!privacyOptOutLink) { return; } !!window.__tcfapi && window.__tcfapi("addEventListener", 2, (tcData, success) => { if (success && tcData.gdprApplies) { privacyOptOutLink.innerText = "Change GDPR Consent"; privacyOptOutLink.addEventListener("click", () => googlefc.showRevocationMessage()); return; } }); } }); window.googlefc.callbackQueue.push( { "INITIAL_CCPA_DATA_READY": () => { if (!privacyOptOutLink) { return; } if (googlefc.ccpa.getInitialCcpaStatus() && googlefc.ccpa.getInitialCcpaStatus() === googlefc.ccpa.InitialCcpaStatusEnum.NOT_OPTED_OUT) { privacyOptOutLink.innerText = "Don't sell or share my personal info"; privacyOptOutLink.addEventListener("click", () => googlefc.ccpa.openConfirmationDialog((optedOut) => { if (optedOut) { privacyOptOutLink.style.display = "none"; } })); return } } }); </script> <script> if(getCookie('auid') == '' || getCookie('auid') == null){ window.onload = function() { initializeGoogleOneTap(); }; } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E4SW76VCNP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E4SW76VCNP'); </script> <!-- New Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '854536859149047'); fbq('track', 'PageView'); </script> <!-- End facebook Pixel Code --> </body> </html>