HTML 文章 - 第 129/219 页 - Tutorialspoint

发现了2189 篇有关 HTML 的文章

HTML canvas fill() 方法

更新于 30-Jul-2019 22:30:26

792 次浏览

HTML canvas 中的 fill() 方法用于填充当前绘图路径。默认颜色为黑色。该元素允许你使用 JavaScript 在网页上绘制图形。每个 canvas 都有两个元素来描述 canvas 的高度和宽度，即 height 和 width。以下为语法 −ctx.fill();现在让我们看一个使用 fill() 方法的 canvas 示例 −示例实时演示你的浏览器不支持 HTML5 canvas 标记。var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.beginPath(); ... 了解更多

HTML 标记

HTML 网页开发前端技术

Chandu yadav

更新于 30-Jul-2019 22:30:26

29 次浏览

HTML 中元素在 HTML 4 中用于为网页上的文本添加下划线，但 HTML5 重新定义为显示不同于普通文本的文本。现在让我们看一个实现该标记的示例 −示例实时演示快捷键使用以下快捷键：剪切：CTRL+X复制：CTRL+C粘贴：CTRL+VuNDo：CTRL+Z输出在上述示例中，我们使用了标记来显示不同于默认普通文本的文本 −使用以下快捷键：剪切：CTRL+X

HTML`标签`

HTML网页开发前端技术

Ankith Reddy 更新于 30-Jul-2019 22:30:26 72 Views HTML 中的元素用于设置键盘输入。由于该元素现在已弃用，因此请改为使用。注意：HTML 中不支持标签。我们现在看一个示例，在 HTML 中实现标签 - 示例＆nbsp;实时演示快捷键使用以下快捷键：剪切：CTRL+X复制：CTRL+C粘贴：CTRL+V撤消：CTRL+Z输出在上面的示例中，我们已经使用元素设置了快捷键 - 粘贴：CTRL+VPaste: CTRL+V我们已经设置了一个快捷方式来粘贴文本，如上所示：CTRL + V

HTML placeholder Attribute</a> </h3> <div class="qa_category" id="tags_24471"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/George-John" title="George John"><img src="https://tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png" alt="George John"></a> <div class="qa_answer_detail"> <a href="https://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> 1 Views</p> </div> <div class="clear"></div> <p>The placeholder attribute of the element is used to set a placeholder text in the textarea. A placeholder is considered as a hint, like “Enter you name”, “Enter mobile number”, “Write in 100 words”, etc.Following is the syntax−Above, text is the hint you want to set for the textarea as a placeholder text.Let us now see an example to implement the placeholder attribute of the element−Example Live Demo Interview Questions Q1 Q2 OutputIn the above example, we have set two textarea−Q1 Q2 To display a placeholder text, the placeholder ... <a href="https://tutorialspoint.com/html-textarea-placeholder-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://tutorialspoint.com/html-canvas-clearrect-method" target="_blank"> HTML canvas clearRect() Method</a> </h3> <div class="qa_category" id="tags_24469"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur">Arjun Thakur</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 12-Jun-2020 06:57:42 </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> 1K+ Views</p> </div> <div class="clear"></div> <p>The clearRect() method in HTML canvas is used to clear the pixels in a given rectangle. The element allows you to draw graphics on a web page using JavaScript. Every canvas has two elements that describes the height and width of the canvas i.e. height and width respectively.Following is the syntax −ctx.clearRect(p, q, width, height);Above, p: The x-coordinate of the upper-left corner of the rectangle to clearq: The y-coordinate of the upper-left corner of the rectangle to clearwidth: Width of the rectangle to clearheight: Height of the rectangle to clearLet us now see an example to implement the clearRect() ... <a href="https://tutorialspoint.com/html-canvas-clearrect-method"><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://tutorialspoint.com/html-cancelable-event-property" target="_blank"> HTML cancelable Event Property</a> </h3> <div class="qa_category" id="tags_24464"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://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:59:07 </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> 103 Views</p> </div> <div class="clear"></div> <p>The cancelable event property in HTML checks whether an event is a cancelable event or not. The values include TRUE if it is a cancelable event, else FALSE is returned.Following is the syntax −event.cancelableLet us now see an example to implement the cancelable event property −Example Live Demo Checking cancelable event The below button will display whether the event is cancelable or not. Click me function myFunction(event) { var val = event.cancelable; document.getElementById("myid").innerHTML = val; } OutputNow, click on the button to display whether the event is cancelable or not. A boolean value would be returned −</p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="google_content_ads"> <div style="text-align: center;"> <div id="ezoic-pub-ad-placeholder-134"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(134); }); </script> </div> </div> </div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/html-ol-start-attribute" target="_blank"> HTML <ol> start Attribute</a> </h3> <div class="qa_category" id="tags_24456"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav"><img src="https://tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg" alt="Chandu yadav"></a> <div class="qa_answer_detail"> <a href="https://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> 77 Views</p> </div> <div class="clear"></div> <p>The start attribute of the element is used to set the start value of the first list item.. Following is the syntax−Above, num is the number set for the start value of the first list item. Let us now see an example to implement the start attribute of the element−Example Live Demo Last Semester MCA Result Rank from 1-5 Steve David Kane William John Rank from 5-10 Tom Jack Will ... <a href="https://tutorialspoint.com/html-ol-start-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://tutorialspoint.com/html-area-tag" target="_blank"> HTML <area> Tag</a> </h3> <div class="qa_category" id="tags_24450"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/Chandu-Yadav-1" title="Chandu yadav"><img src="https://tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg" alt="Chandu yadav"></a> <div class="qa_answer_detail"> <a href="https://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:53:06 </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> 74 Views</p> </div> <div class="clear"></div> <p>The area tag in HTML is used to set an area in image map.Following are the attributes −AttributeValueDescriptionalttextSpecifies an alternate text for the area.coordsif shape = "rect" then coords = "left, top, right, bottom"if shape = "circ" then coords = "centerx, centery, radius"if shape = "poly" then coords = "x1, y1, x2, y2, .., xn, yn"Specifies the coordinates appropriate to the shape attribute to define a region of an image for image maps.downloadfilenameSpecifies that the target gets downloaded when hyperlink is clicked by user.hrefURLSpecifies the URL of a page or the name of the anchor that the link goes to.hreflanglanguage_codeSpecifies ... <a href="https://tutorialspoint.com/html-area-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="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/html-textarea-cols-attribute" target="_blank"> HTML <textarea> cols Attribute</a> </h3> <div class="qa_category" id="tags_24440"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/arjun-thakur" title="Arjun Thakur"><img src="https://tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg" alt="Arjun Thakur"></a> <div class="qa_answer_detail"> <a href="https://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:42:28 </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> 1 Views</p> </div> <div class="clear"></div> <p>The cols attribute of the element is used to set the width of the textarea. The cols set it and the width is visible under the textarea itself.Following is the syntax −Above, num is the width of the textarea. The default value is 20.Let us now see an example to implement the cols attribute of the element −Example Live Demo Interview Questions Why do you want go for the Editor Job Profile? (100 words) Write the answer in 100 words only... What are your weaknesses? (50 words) ... <a href="https://tutorialspoint.com/html-textarea-cols-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://tutorialspoint.com/html-dom-anchor-port-property" target="_blank"> HTML DOM Anchor port Property</a> </h3> <div class="qa_category" id="tags_24439"> <a href='https://tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://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://tutorialspoint.com/authors/Ankith-Reddy" title="Ankith Reddy"><img src="https://tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg" alt="Ankith Reddy"></a> <div class="qa_answer_detail"> <a href="https://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> 94 Views</p> </div> <div class="clear"></div> <p>The HTML DOM Anchor port property is used to set or return the port of the href attribute.Following is the syntax to set the port property−anchorObj.port = numAbove, num is the port number of the url.Following is the syntax to return the port property−anchorObj.portLet us now see an example to implement the DOM Anchor port property−Example Live Demo Demo heading Services Display pathname Display hreflang Display port function display1() { var a = document.getElementById("mylink").pathname; document.getElementById("myid").innerHTML = a; } function display2() { ... <a href="https://tutorialspoint.com/html-dom-anchor-port-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="job-index qa_widget" style="padding:0px 10px 0px 10px!important; margin:0px!important;"> <div class="pages"> <a href="https://tutorialspoint.com/articles/category/html/128" title="Previous Page"><i class='fal fa-angle-left'></i> Previous</a> <a class="number" title="Go to page 1 of 219" href="https://tutorialspoint.com/articles/category/html/1">1</a> ... <a class="number" title="Go to page 127 of 219" href="https://tutorialspoint.com/articles/category/html/127">127</a> <a class="number" title="Go to page 128 of 219" href="https://tutorialspoint.com/articles/category/html/128">128</a> <a title="Go to page 129 of 219" class="current number" href="https://tutorialspoint.com/articles/category/html/129">129</a> <a class="number" title="Go to page 130 of 219" href="https://tutorialspoint.com/articles/category/html/130">130</a> <a class="number" title="Go to page 131 of 219" href="https://tutorialspoint.com/articles/category/html/131">131</a> ... <a class="number" title="Go to page 219 of 219" href="https://tutorialspoint.com/articles/category/html/219">219</a> <a href="https://tutorialspoint.com/articles/category/html/130" 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" style="height:450px;"> <div>Advertisements</div> <div> <div id="ezoic-pub-ad-placeholder-131"></div> <div id="ezoic-pub-ad-placeholder-135"></div> <script> ezstandalone.cmd.push(function() { var width = window.innerWidth; if( width <= 768 ){ ezstandalone.showAds(135); document.getElementById("ezoic-pub-ad-placeholder-131").remove(); document.getElementById("google-right-ads").remove(); }else{ ezstandalone.showAds(131); document.getElementById("ezoic-pub-ad-placeholder-135").remove(); } }); </script> </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"> <div id="ezoic-pub-ad-placeholder-127"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(127); }); </script> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <div id="ezoic-pub-ad-placeholder-128"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(128); }); </script> </div> <div class="google-right-ad" style="margin-top:16px;margin-bottom:15px;min-height:600px!important"> <div id="ezoic-pub-ad-placeholder-129"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(129); }); </script> </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="/certification/business-analytics-certification-2023/index.asp" title="Business Analytics Certification">Business Analytics Certification</a></li> <li><a href="/certification/java-prime-pack/index.asp" title="Java & Spring Boot Advanced Certification">Java & Spring Boot Advanced Certification</a></li> <li><a href="/certification/data-science-advanced-certification/index.asp" title="Data Science Advanced Certification">Data Science Advanced Certification</a></li> <li><a href="/certification/cloud-computing-and-devops-advanced-certification/index.asp" title="Cloud Computing And DevOps">Cloud Computing And DevOps</a></li> <li><a href="/certification/advanced-certification-in-business-analytics/index.asp" title="Advanced Certification In Business Analytics">Advanced Certification In Business Analytics</a></li> <li><a href="/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="/certification/devops-certification/index.asp" title="DevOps Certification">DevOps Certification</a></li> <li><a href="/certification/game-development-prime-pack/index.asp" title="Game Development Certification">Game Development Certification</a></li> <li><a href="/certification/frontend-developer-certification/index.asp" title="Front-End Developer Certification">Front-End Developer Certification</a></li> <li><a href="/certification/aws-prime-pack/index.asp" title="AWS Certification Training">AWS Certification Training</a></li> <li><a href="/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 Go Compiler">Online Go 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="/execute_bash_online.php" title="Online Bash Compiler">Online Bash Compiler</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://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="fab fa-2x fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/tutorialspoint" rel="nofollow" title="Follow us on Twitter"><i class="fab fa-2x fa-x-twitter"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow" title="Follow us on Youtube"><i class="fab fa-2x fa-youtube"></i></a> <a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow" title="Follow us on LinkedIn"><i class="fab fa-2x fa-linkedin"></i></a> <a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow" title="Follow us on Instagram"><i class="fab fa-2x fa-instagram"></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://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://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 2024. All Rights Reserved.</p> </div> </div> </footer> <script src="/static/js/lib-script.js?v13.14"></script> <script src="https://127.0.0.1/gsi/client" async defer></script> <script> function addParagraphs(ind) { let techLinks =[["Python","JavaScript","Spring Boot","Java","Linux/Unix","C#","Data Science","MySQL","Artificial Intelligence","SQL"], ["https://tutorialspoint.com/certification/complete-python-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=python_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/javascript-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=javascript_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/ultimate-guide-to-java-and-spring-boot-for-2022/index.asp?utm_source=tutorialspoint&utm_medium=java_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/ultimate-guide-to-java-and-spring-boot-for-2022/index.asp?utm_source=tutorialspoint&utm_medium=spring_boot_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/linux-system-administrator-certification/index.asp?utm_source=tutorialspoint&utm_medium=unix_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/chash-and-net-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=csharp_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/data-science-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=data_science_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/mysql-technologies-pack/index.asp?utm_source=tutorialspoint&utm_medium=mysql_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/artificial-intelligence-and-machine-learning-certification/index.asp?utm_source=tutorialspoint&utm_medium=artificial_intelligence_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/mysql-technologies-pack/index.asp?utm_source=tutorialspoint&utm_medium=sql_tutorial_3p&utm_campaign=internal"]] var p2 = ''; if(ind>=0){ p2 = p2 + '<a style="text-decoration:none;" href="' + techLinks[1][ind] +'" target="_blank" ><p class="prmt_ad">Learn <strong>'+ techLinks[0][ind] + '</strong> in-depth with real-world projects through our <strong>' + techLinks[0][ind] + ' certification course</strong>. Enroll and become a certified expert to boost your career.</p></a>'; } else{ p2 = p2 + '<a href="https://tutorialspoint.com/latest/courses?utm_source=tutorialspoint&utm_medium=tutorials_3p&utm_campaign=internal" style="text-decoration:none;" target="_blank"><p class="prmt_ad">Explore our <strong>latest online courses</strong> and learn new skills at your own pace. Enroll and become a certified expert to boost your career.</p></a>'; } $(p2).insertBefore($('.tutorial-content h2').eq(2)); } $(document).ready(function() { var url= window.location.href.toLowerCase(); if(url.indexOf('python') > -1){ addParagraphs(0); } else if(url.indexOf('javascript') > -1){ addParagraphs(1); } else if(url.indexOf('spring_boot') > -1){ addParagraphs(2); } else if(url.indexOf('java') > -1){ addParagraphs(3); } else if((url.indexOf('unix') > -1)||(url.indexOf('linux') > -1)){ addParagraphs(4); } else if((url.indexOf('csharp') > -1)||(url.indexOf('chash') > -1)){ addParagraphs(5); } else if(url.indexOf('data_science') > -1){ addParagraphs(6); } else if(url.indexOf('mysql') > -1){ addParagraphs(7); } else if((url.indexOf('artificial_intelligence') > -1)||(url.indexOf('artificial-intelligence') > -1)){ addParagraphs(8); } else if(url.indexOf('sql') > -1){ addParagraphs(9); } else{ addParagraphs(-1); } }); </script> <script> if(getCookie('user_id') == '' || getCookie('user_id') == null){ window.onload = function() { initializeGoogleOneTap(); }; } </script> <script src="https://tutorialspoint.com/fontawesome/js/all.min.js?v2.9"></script> <script src="https://127.0.0.1/cmp.min.js" data-cfasync="false"></script> <script async src="/static/js/ezoic-ad-inserter.js?v4.2"></script>  <script async src="https://127.0.0.1/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>  <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://127.0.0.1/en_US/fbevents.js'); fbq('init', '854536859149047'); fbq('track', 'PageView'); </script>  </body> </html>

发现了2189 篇有关 HTML 的文章

HTML canvas fill() 方法

HTML 标记

HTML标签

HTML`标签`