<rp id="gsqct"><input id="gsqct"></input></rp>
    <abbr id="gsqct"></abbr>
    <p id="gsqct"></p>
      <strike id="gsqct"></strike>
    1. <abbr id="gsqct"><input id="gsqct"></input></abbr>

      <blockquote id="gsqct"><kbd id="gsqct"></kbd></blockquote>
      <rp id="gsqct"><legend id="gsqct"></legend></rp>

      ...<\/body><\/pre>\n

      Selain daripada teg asas ini, beberapa elemen lain boleh membantu menambah kandungan untuk mencipta tapak web yang hebat. Ini ialah-<\/p>\n

      Tajuk: <\/strong>Tajuk (H1, H2, H3, dll.) membantu menstruktur kandungan dan menyediakan hierarki maklumat.<\/p>\n

      Sintaks:<\/strong><\/p>\n

      Main Heading<\/h1><\/pre>\n

      Perenggan: <\/strong>Perenggan (

      ) membantu dalam menentukan blok teks.<\/p>\n

      Sintaks:<\/strong><\/p>\n

      Hello World<\/p><\/pre>\n

      Pautan: <\/strong>Pautan () membenarkan pengguna menavigasi ke halaman web lain atau ke sumber lain.<\/p>\n

      Sintaks:<\/strong><\/p>\n

      Link to EDUCBA website<\/a><\/pre>\n

      Images: <\/strong>Images () can provide visual content in a document.<\/p>\n

      Syntax:<\/strong><\/p>\n

      \"Image<\/pre>\n

      Code:<\/strong><\/p>\n

      \n\n\nEDUCBA’s Page<\/title>\n<\/head>\n<body>
      <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<p> Hello World! This is EDUCBA’s first web page. <\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543755998731.png\" alt=\"Apakah HTML?\" ><\/p>\n<h3>How to Create an HTML Table?<\/h3>\n<p>There are specific table tags to create a table – mainly, <table>, <th>, <tr>, and <td><strong>. <\/strong><\/p>\n<h4>Pre-requisites for HTML Table<\/h4>\n<p>For an absolute beginner, it is essential to know what the different table tags do before writing a basic code.<\/p>\n<ul>\n<li>\n<strong><table>: <\/strong>Defines a table<\/li>\n<li>\n<strong><tr>:<\/strong> Defines a table row<\/li>\n<li>\n<strong><th>: <\/strong>Defines a table header cell<\/li>\n<li>\n<strong><td>: <\/strong>Defines a table data cell<\/li>\n<\/ul>\n<h3>Student Details Table<\/h3>\n<p>John has to create a webpage showing the names of students in a class along with their marks in mathematics and science. He draws the following table.<\/p>\n<table width=\"624\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" width=\"208\"><strong>Name<\/strong><\/td>\n<td style=\"text-align: center;\" width=\"208\"><strong>Mathematics<\/strong><\/td>\n<td style=\"text-align: center;\" width=\"208\"><strong>Science<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"208\">Mary<\/td>\n<td width=\"208\">78<\/td>\n<td width=\"208\">92<\/td>\n<\/tr>\n<tr>\n<td width=\"208\">Susan<\/td>\n<td width=\"208\">98<\/td>\n<td width=\"208\">84<\/td>\n<\/tr>\n<tr>\n<td width=\"208\">Amy<\/td>\n<td width=\"208\">63<\/td>\n<td width=\"208\">79<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Now, John wants to write the code to transform this table into an HTML table on a webpage. The steps-<\/p>\n<p><strong>Step #1: <\/strong>Open an HTML code editor. This tutorial demonstrates how to write code in Visual Studio Code. If the PC doesn’t have VS Code, one can download it here.<\/p>\n<p><strong>Step #2: <\/strong>Select File > New Text File.<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543756191600.png\" alt=\"Apakah HTML?\" ><\/p>\n<p><strong>Step #3: <\/strong>Click on “Select a language” and then type HTML in the text box. Choose the HTML option to create a new HTML file.<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543756316296.png\" alt=\"Apakah HTML?\" ><\/p>\n\n\n<p><strong>Step #4:<\/strong> Again, go to File > Save As and save the file with the filename.html format.<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543756467690.png\" alt=\"Apakah HTML?\" ><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543756923275.png\" alt=\"Apakah HTML?\" ><\/p>\n<p><strong>Step #5: <\/strong>Add the basic code, i.e., HTML template of doctype declaration, HTML tag, head tag, title tag, and body tag, as shown below. Set the title as Student Details.<\/p>\n<p><strong>Code:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Student Details<\/title>\n<\/head>\n<body>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543757171682.png\" alt=\"Apakah HTML?\" ><\/p>\n<p>Opening the file should show the following blank web page. Note the title in the browser tab has changed to “Student Details.”<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543757391499.png\" alt=\"Apakah HTML?\" ><\/p>\n<p><strong>Step #6: <\/strong>Now, define the table using the <table> tag inside the body tag. Define the first row using the <tr> tag, and add 3 headings cells – Name, Mathematics, and Science, using the <th> tag. Don’t forget to close the tags with a corresponding closing tag.<\/p>\n<p><strong>Code:<\/strong><\/p>\n<pre><table>\n<tr>\n<th>Name<\/th>\n<th>Mathematics<\/th>\n<th>Science<\/th>\n<\/tr>\n<\/table><\/pre>\n<p>Save the file and refresh the webpage to see the updated output:<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543757512582.png\" alt=\"Apakah HTML?\" ><\/p>\n<p><strong>Step #7: <\/strong>Add the student details by defining a row for each student using <tr> tag, and adding the data in each cell using <td> tag. Close the table with the <\/table> tag.<\/p>\n<p><strong>Code:<\/strong><\/p>\n<pre><tr>\n<td>Mary<\/td>\n<td>78<\/td>\n<td>92<\/td>\n<\/tr>\n<tr>\n<td>Susan<\/td>\n<td>98<\/td>\n<td>84<\/td>\n<\/tr>\n<tr>\n<td>Amy<\/td>\n<td>63<\/td>\n<td>79<\/td>\n<\/tr><\/pre>\n<p>Once again, save and refresh the webpage to see the final output:<\/p>\n<p><strong>Code:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Student Details<\/title>\n<\/head>\n<body>\n<table>\n<tr>\n<th>Name<\/th>\n<th>Mathematics<\/th>\n<th>Science<\/th>\n<\/tr>\n<tr>\n<td>Mary<\/td>\n<td>78<\/td>\n<td>92<\/td>\n<\/tr>\n<tr>\n<td>Susan<\/td>\n<td>98<\/td>\n<td>84<\/td>\n<\/tr>\n<tr>\n<td>Amy<\/td>\n<td>63<\/td>\n<td>79<\/td>\n<\/tr>\n<\/table>\n<\/body>\n<\/html><\/pre>\n<h3>Applications of HTML<\/h3>\n<table width=\"691\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" width=\"271\"><strong>Application<\/strong><\/td>\n<td style=\"text-align: center;\" width=\"420\"><strong>How Does HTML Help?<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Web pages<\/strong><\/td>\n<td width=\"420\">To create web pages, provide the structure and content for displaying information in a web browser.\n\n\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>E-commerce<\/strong><\/td>\n<td width=\"420\">To create online stores, product catalogs, and shopping carts, allowing customers to purchase products and services online.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Landing pages<\/strong><\/td>\n<td width=\"420\">To develop compelling landing pages for websites that capture a visitor’s attention and encourage them to take a specific action.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Newsletters<\/strong><\/td>\n<td width=\"420\">It allows the creation of interactive and visually appealing newsletters, such as corporate newsletters, that deliver to subscribers via email.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Online portfolios<\/strong><\/td>\n<td width=\"420\">To create online portfolios for artists, photographers, and other creatives, showcasing their work and skills to potential clients and employers.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Blogs<\/strong><\/td>\n<td width=\"420\">One can create blogs, which are personal websites that provide a platform for writing and publishing articles and other content.<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Documentation<\/strong><\/td>\n<td width=\"420\">It helps to create documentation and help files, providing information and guidance to users of the software and other products.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Advertisements<\/strong><\/td>\n<td width=\"420\">It can help make advertisements embedded on websites and social media platforms, promoting products and services to a wide audience.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"271\"><strong>Forms<\/strong><\/td>\n<td width=\"420\">To create a form, one can use <form> elements.\n<p>?<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Advantages and Disadvantages<\/h3>\n<table style=\"height: 471px;\" width=\"685\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" width=\"301\"><strong>Pros<\/strong><\/td>\n<td style=\"text-align: center;\" width=\"299\"><strong>Cons<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"301\">\n<strong>Open Standard:<\/strong> It is free of cost and readily available.<\/td>\n<td width=\"299\">\n<strong>Limited Functionality: <\/strong>It cannot perform complex tasks like calculations or data storage.<\/td>\n<\/tr>\n<tr>\n<td width=\"301\">\n<strong>Easy to Learn:<\/strong> HTML tags are basic and in a readable format, enclosed in angle brackets. It’s easy to learn and use, even for non-programmers.<\/td>\n<td width=\"299\">\n<strong>Poor Security: <\/strong>It is vulnerable to security threats such as cross-site scripting (XSS) and SQL injection.<\/td>\n<\/tr>\n<tr>\n<td width=\"301\">\n<strong>Search Engine Friendly: <\/strong>Search engines can easily crawl and index the content of the pages.<\/td>\n<td width=\"299\">\n<strong>Inconsistent Browsers: <\/strong>Different browsers render HTML differently, leading to an inconsistent display of web pages on different browsers.<\/td>\n<\/tr>\n<tr>\n<td width=\"301\">\n<strong>Community Support: <\/strong>It has large community support and many online resources available for learning and troubleshooting.<\/td>\n<td width=\"299\">\n<strong>Poor Design Flexibility:<\/strong> It provides limited design options and creates static websites, making it difficult to create visually appealing dynamic websites without integrating CSS and JavaScript.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Final Thoughts<\/h3>\n<p>In conclusion, Hypertext Markup Language is a cornerstone of the World Wide Web. It provides a standardized way of defining the structure and content of a web page using a combination of tags and attributes. With HTML, one can create simple text-based web pages or complex, multimedia-rich applications. It is easy to learn and widely used, making it an essential skill for anyone interested in web development.<\/p>\n<h3>FAQs<\/h3>\n<h4>Q1. How to convert an HTML to PDF?<\/h4>\n<p><strong>Answer: <\/strong>To convert, use a library or online service that supports HTML to PDF conversion.<\/p>\n<h4>Q2. How to add an image in HTML?<\/h4>\n<p><strong>Answer: <\/strong>To add an image, use the <img> tag with the src attribute pointing to the image file’s URL or local path. Example:<\/p>\n<pre><img src=\"image.jpg\" alt=\"Alt text\"><\/pre>\n<h4>Q3. Is HTML a programming language? What is the HTML used for?<\/h4>\n<p><strong>Answer:<\/strong> Hypertext Markup Language is not a programming language, it is a markup language used for creating web pages and other information displayed in a web browser. HTML defines the structure and content of a web page using a set of markup tags.<\/p>\n<h4>Q4. How to add a video in HTML?<\/h4>\n<p><strong>Answer: <\/strong>To add a video, use the <video> tag with the src attribute pointing to the video file’s URL or local path. Example:<\/p>\n<pre><video src=\"video.mp4\"><\/video><\/pre>\n<p>One can also add controls to play, pause, and adjust volume with the controls attribute:<\/p>\n<pre><video src=\"video.mp4\" controls><\/video><\/pre>\n<h4>Q5. Is HTML case-sensitive?<\/h4>\n<p><strong>Answer: <\/strong>No, elements are not case-sensitive. However, as best practice, it’s good to follow the same casing in all tags or elements to improve code readability.<\/p>\n<h4>Q6. How many tags are in HTML?<\/h4>\n<p><strong>Answer: <\/strong>There are over 140 tags specified in the HTML5 standard, but some of them have become obsolete and are not widely used. Commonly used tags include headings, paragraphs, links, images, lists, tables, forms, and multimedia elements like audio and video.<\/p>\n<h4>Q7. What is HTML doctype?<\/h4>\n<p><strong>Answer: <\/strong>The first line of a document is the doctype or document type declaration, which defines the version of the HTML used. Example:<\/p>\n<pre><!DOCTYPE html><\/pre>\n<h4>?Q8. What is an HTML header?<\/h4>\n<p><strong>Answer: <\/strong>The HTML <header> tag defines a header section in a document. This section typically contains information such as the page title, logo, and navigation menu. The header section is usually displayed at the top of the page, and its content is typically shared across multiple pages of a website. The header tag helps to define the structure and hierarchy of a web page and makes it easier to create a consistent look and feel across multiple pages.<\/p>"}	</script>
      	
      <meta http-equiv="Cache-Control" content="no-transform" />
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
      </head>
      
      <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
      	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
      <header>
          <div   id="377j5v51b"   class="head">
              <div   id="377j5v51b"   class="haed_left">
                  <div   id="377j5v51b"   class="haed_logo">
                      <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a">
                          <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                      </a>
                  </div>
                  <div   id="377j5v51b"   class="head_nav">
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                          <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                  <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                  <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                          <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                  <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                          <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                  <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                  <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                  <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                  <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                  <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                          <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                  <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
      
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
                          <div   id="377j5v51b"   class="head_search">
                      <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                      <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                  </div>
                      <div   id="377j5v51b"   class="head_right">
                  <div   id="377j5v51b"   class="haed_language">
                      <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                      <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                          <div   id="377j5v51b"   class="languagechoose">
                                                      <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                      <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                      <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                      <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                      <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                      <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                      <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                      <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                  </div>
                      </div>
                  </div>
                  <span id="377j5v51b"    class="head_right_line"></span>
                                  <div style="display: block;" id="login" class="haed_login ">
                          <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                      </div>
                      <div style="display: block;" id="reg" class="head_signup login">
                          <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                      </div>
                  
              </div>
          </div>
      </header>
      
      	
      	<main>
      		<div   id="377j5v51b"   class="Article_Details_main">
      			<div   id="377j5v51b"   class="Article_Details_main1">
      							<div   id="377j5v51b"   class="Article_Details_main1L">
      					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
      						<div   id="377j5v51b"   class="Article_Details_main1L1">Jadual Kandungan</div>
      						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
      							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
      															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Pengambilan-Utama" title="Pengambilan Utama" >Pengambilan Utama</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Subset-HTML" title="Subset HTML" >Subset HTML</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#XHTML-Bahasa-Penanda-Hiperteks-Boleh-Diperluas" title="1. XHTML (Bahasa Penanda Hiperteks Boleh Diperluas)" >1. XHTML (Bahasa Penanda Hiperteks Boleh Diperluas)</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#SGML-Bahasa-Penanda-Umum-Standard" title="2. SGML (Bahasa Penanda Umum Standard)" >2. SGML (Bahasa Penanda Umum Standard)</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#DHTML-HTML-Dinamik" title="3. DHTML (HTML Dinamik)" >3. DHTML (HTML Dinamik)</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#TTML-Bahasa-Penanda-Teks-Bermasa" title="4. TTML2 (Bahasa Penanda Teks Bermasa 2)" >4. TTML2 (Bahasa Penanda Teks Bermasa 2)</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Templat-HTML" title="Templat HTML" >Templat HTML</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#How-to-Create-an-HTML-Table" title="How to Create an HTML Table?" >How to Create an HTML Table?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Pre-requisites-for-HTML-Table" title="Pre-requisites for HTML Table" >Pre-requisites for HTML Table</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Student-Details-Table" title="Student Details Table" >Student Details Table</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Applications-of-HTML" title="Applications of HTML" >Applications of HTML</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Advantages-and-Disadvantages" title="Advantages and Disadvantages" >Advantages and Disadvantages</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Final-Thoughts" title="Final Thoughts" >Final Thoughts</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#FAQs" title="FAQs" >FAQs</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-How-to-convert-an-HTML-to-PDF" title="Q1. How to convert an HTML to PDF?" >Q1. How to convert an HTML to PDF?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-How-to-add-an-image-in-HTML" title="Q2. How to add an image in HTML?" >Q2. How to add an image in HTML?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-Is-HTML-a-programming-language-What-is-the-HTML-used-for" title="Q3. Is HTML a programming language? What is the HTML used for?" >Q3. Is HTML a programming language? What is the HTML used for?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-How-to-add-a-video-in-HTML" title="Q4. How to add a video in HTML?" >Q4. How to add a video in HTML?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-Is-HTML-case-sensitive" title="Q5. Is HTML case-sensitive?" >Q5. Is HTML case-sensitive?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-How-many-tags-are-in-HTML" title="Q6. How many tags are in HTML?" >Q6. How many tags are in HTML?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-What-is-HTML-doctype" title="Q7. What is HTML doctype?" >Q7. What is HTML doctype?</a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Q-What-is-an-HTML-header" title="?Q8. What is an HTML header?" >?Q8. What is an HTML header?</a>
      								</div>
      														</div>
      					</div>
      				</div>
      							<div   id="377j5v51b"   class="Article_Details_main1M">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
      						<a href="http://www.miracleart.cn/ms/" title="Rumah"
      							class="phpgenera_Details_mainL1a">Rumah</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://www.miracleart.cn/ms/web-designer.html"
      							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://www.miracleart.cn/ms/div-tutorial.html"
      							class="phpgenera_Details_mainL1a">html tutorial</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      						<span>Apakah HTML?</span>
      					</div>
      					
      					<div   id="377j5v51b"   class="Articlelist_txts">
      						<div   id="377j5v51b"   class="Articlelist_txts_info">
      							<h1 class="Articlelist_txts_title">Apakah HTML?</h1>
      							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
      								<div   id="377j5v51b"   class="author_info">
      									<a href="http://www.miracleart.cn/ms/member/887227.html"  class="author_avatar">
      									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
      									</a>
      									<div   id="377j5v51b"   class="author_detail">
      																			<a href="http://www.miracleart.cn/ms/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
                                      										</div>
      								</div>
                      			</div>
      							<span id="377j5v51b"    class="Articlelist_txts_time">Sep 04, 2024 pm	 04:12 PM</span>
      															<div   id="377j5v51b"   class="Articlelist_txts_infos">
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">html</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Tutorial</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Properties</span>
      																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML tags</span>
      																	</div>
      														
      						</div>
      					</div>
      					<hr />
      					<div   id="377j5v51b"   class="article_main php-article">
      						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
      						<ins class="adsbygoogle"
      							style="display:block; text-align:center;"
      							data-ad-layout="in-article"
      							data-ad-format="fluid"
      							data-ad-client="ca-pub-5902227090019525"
      							data-ad-slot="3461856641">
      						</ins>
      						
      
      					<blockquote><p><em>Bahasa Penanda HiperTeks, atau HTML, ialah bahasa yang membenarkan penciptaan tapak web yang boleh dilihat oleh sesiapa sahaja yang disambungkan ke Internet.?Menurut tinjauan, lebih 55% responden menyatakan mereka menggunakan HTML.</em></p></blockquote>
      <p>Selain itu, mempelajari HTML biasanya merupakan langkah pertama dalam mana-mana perjalanan pembangun web. Purata pembangun web memperoleh $61,718 setiap tahun, dengan pembangun terkemuka melepasi markah $103,000.</p>
      <p>HyperText ialah cara untuk pergi ke dalam talian dengan mengklik pada teks yang dipanggil hiperpautan yang akan membawa satu ke halaman seterusnya.</p>
      <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543755222677.jpg" class="lazy" alt="Apakah HTML?" ></p>
      
      
      
      
      
      
      
      
      
      
      
      
      
      <h3 id="Pengambilan-Utama">Pengambilan Utama</h3>
      <ul>
      <li>Kod asas terdiri daripada pengisytiharan jenis dokumen, teg HTML, teg kepala, teg tajuk dan teg kandungan.</li>
      <li>Ia boleh dijalankan pada mana-mana OS, seperti Windows, Mac dan Linux serta mana-mana penyemak imbas, seperti Google Chrome, Mozilla Firefox dan Safari.</li>
      <li>Ia juga mempunyai pelbagai aplikasi, seperti membuat blog peribadi, jadual butiran, borang pendaftaran, halaman pendaratan, surat berita dan portfolio dalam talian.</li>
      <li>Kelebihannya ialah ia adalah standard terbuka, mudah dipelajari, mesra pemula dengan sokongan komuniti yang sangat baik dan mesra enjin carian.</li>
      <li>Kelemahan termasuk keselamatan yang lemah, kekurangan fleksibiliti reka bentuk, output yang tidak konsisten pada pelbagai penyemak imbas dan kefungsian terhad.</li>
      </ul>
      <h3 id="Subset-HTML">Subset HTML</h3>
      <h4 id="XHTML-Bahasa-Penanda-Hiperteks-Boleh-Diperluas">1. XHTML (Bahasa Penanda Hiperteks Boleh Diperluas)</h4>
      <ul>
      <li>XHTML ialah bahasa penanda berasaskan XML, yang bermaksud ia mematuhi peraturan sintaks dan semantik yang ketat.</li>
      <li>XHTML ialah pengganti kepada HTML 4, bertujuan untuk menjadikan bahasa lebih modular dan boleh dikembangkan.</li>
      <li>Dokumen XHTML mestilah dibentuk dengan baik dan sah, menjadikannya lebih sukar untuk dibuat dan lebih konsisten serta boleh diakses oleh rangkaian peranti yang lebih luas.</li>
      </ul>
      <h4 id="SGML-Bahasa-Penanda-Umum-Standard">2. SGML (Bahasa Penanda Umum Standard)</h4>
      <ul>
      <li>SGML ialah bahasa metalanguage yang digunakan untuk mentakrifkan bahasa penanda, termasuk HTML.</li>
      <li>SGML menyediakan sintaks standard untuk menerangkan struktur dan kandungan dokumen, menjadikannya berguna untuk bertukar maklumat antara sistem yang berbeza.</li>
      <li>SGML ialah sistem yang kompleks dan berkuasa, tetapi sintaks dan kerumitannya menjadikannya kurang digunakan secara meluas berbanding bahasa penanda yang lebih mudah seperti HTML.</li>
      </ul>
      <h4 id="DHTML-HTML-Dinamik">3. DHTML (HTML Dinamik)</h4>
      <ul>
      <li>DHTML merujuk kepada penggunaan HTML, CSS dan JavaScript untuk mencipta halaman web yang dinamik dan interaktif.</li>
      <li>DHTML membenarkan untuk memanipulasi kandungan, reka letak dan tingkah laku halaman web sebagai tindak balas kepada tindakan pengguna tanpa memerlukan muat semula halaman.</li>
      <li>DHTML digunakan secara meluas untuk mencipta kesan dinamik, seperti menu lungsur turun, petua alat dan tayangan slaid.</li>
      <li>Ia juga boleh mencipta animasi dan permainan mudah.</li>
      </ul>
      <h4 id="TTML-Bahasa-Penanda-Teks-Bermasa">4. TTML2 (Bahasa Penanda Teks Bermasa 2)</h4>
      <ul>
      <li>TTML2 ialah bahasa penanda yang digunakan untuk mewakili kandungan teks bermasa, seperti kapsyen dan sari kata, dengan cara yang standard.</li>
      <li>TTML2 menyediakan set lengkap ciri untuk memformat dan menggayakan teks bermasa, termasuk sokongan untuk berbilang bahasa dan gaya fon.</li>
      <li>TTML2 ialah alat penting untuk memastikan kebolehcapaian kandungan multimedia untuk pengguna pekak dan kurang pendengaran serta untuk meningkatkan kebolehgunaan kandungan video untuk semua pengguna.</li>
      </ul>
      <h3 id="Templat-HTML">Templat HTML</h3>
      <p>Setiap halaman HTML mempunyai templat asas. Ia terdiri daripada bahagian berikut:</p>
      <p><strong>Pengisytiharan Jenis Dokumen: </strong>Baris pertama dokumen HTML ialah jenis dokumen atau pengisytiharan jenis dokumen, yang mentakrifkan versi HTML yang digunakan.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html></pre>
      <p><strong>Elemen</strong>: Elemen ialah elemen akar bagi dokumen HTML, yang mengandungi semua elemen lain.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><html>...</html></pre>
      <p><strong>Elemen Kepala: </strong>Elemen kepala mengandungi maklumat tentang dokumen, seperti tajuk, metadata dan pautan ke sumber luaran seperti helaian gaya.</p>
      <p><strong>Sintaks:</strong></p>
      
      
      <pre class="brush:php;toolbar:false"><head>...</head></pre>
      <p><strong>Elemen Tajuk: </strong>Elemen tajuk mentakrifkan tajuk dokumen, yang ditunjukkan dalam bar tajuk penyemak imbas.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><title>Name of Web Page</title></pre>
      <p><strong>Elemen Badan: </strong>Elemen badan mengandungi kandungan utama dokumen, termasuk teks, imej dan media lain.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><body>...</body></pre>
      <p>Selain daripada teg asas ini, beberapa elemen lain boleh membantu menambah kandungan untuk mencipta tapak web yang hebat. Ini ialah-</p>
      <p><strong>Tajuk: </strong>Tajuk (H1, H2, H3, dll.) membantu menstruktur kandungan dan menyediakan hierarki maklumat.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><h1>Main Heading</h1></pre>
      <p><strong>Perenggan: </strong>Perenggan (<p>) membantu dalam menentukan blok teks.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><p>Hello World</p></pre>
      <p><strong>Pautan: </strong>Pautan (<a>) membenarkan pengguna menavigasi ke halaman web lain atau ke sumber lain.</p>
      <p><strong>Sintaks:</strong></p>
      <pre class="brush:php;toolbar:false"><a href="https://www.EDUCBA.com">Link to EDUCBA website</a></pre>
      <p><strong>Images: </strong>Images (<img>) can provide visual content in a document.</p>
      <p><strong>Syntax:</strong></p>
      <pre class="brush:php;toolbar:false"><img src="image.jpg" alt="Image Description"></pre>
      <p><strong>Code:</strong></p>
      <pre class="brush:php;toolbar:false"><!DOCTYPE html>
      <html>
      <head>
      <title>EDUCBA’s Page
      
      
      

      Hello World! This is EDUCBA’s first web page.

      Output:

      Apakah HTML?

      How to Create an HTML Table?

      There are specific table tags to create a table – mainly,

      , , and
      • <rp id="an4xl"></rp>
      • <blockquote id="an4xl"><video id="an4xl"><object id="an4xl"></object></video></blockquote>
        <rp id="an4xl"><kbd id="an4xl"></kbd></rp>
        ,
        .

        Pre-requisites for HTML Table

        For an absolute beginner, it is essential to know what the different table tags do before writing a basic code.

        • : Defines a table
        • : Defines a table row
          1. <i id="an4xl"></i>
            <p id="an4xl"></p>
            : Defines a table header cell
          2. : Defines a table data cell

            Student Details Table

            John has to create a webpage showing the names of students in a class along with their marks in mathematics and science. He draws the following table.

            Name Mathematics Science
            Mary 78 92
            Susan 98 84
            Amy 63 79

            Now, John wants to write the code to transform this table into an HTML table on a webpage. The steps-

            Step #1: Open an HTML code editor. This tutorial demonstrates how to write code in Visual Studio Code. If the PC doesn’t have VS Code, one can download it here.

            Step #2: Select File > New Text File.

            Apakah HTML?

            Step #3: Click on “Select a language” and then type HTML in the text box. Choose the HTML option to create a new HTML file.

            Apakah HTML?

            Step #4: Again, go to File > Save As and save the file with the filename.html format.

            Apakah HTML?

            Apakah HTML?

            Step #5: Add the basic code, i.e., HTML template of doctype declaration, HTML tag, head tag, title tag, and body tag, as shown below. Set the title as Student Details.

            Code:

            <!DOCTYPE html>
            
            
            Student Details
            
            
            
            

            Output:

            Apakah HTML?

            Opening the file should show the following blank web page. Note the title in the browser tab has changed to “Student Details.”

            Apakah HTML?

            Step #6: Now, define the table using the

            tag inside the body tag. Define the first row using the tag, and add 3 headings cells – Name, Mathematics, and Science, using the tag, and adding the data in each cell using
            tag. Don’t forget to close the tags with a corresponding closing tag.

            Code:

            <table>
            <tr>
            <th>Name</th>
            <th>Mathematics</th>
            <th>Science</th>
            </tr>
            </table>

            Save the file and refresh the webpage to see the updated output:

            Apakah HTML?

            Step #7: Add the student details by defining a row for each student using

            tag. Close the table with the
            tag.

            Code:

            <tr>
            <td>Mary</td>
            <td>78</td>
            <td>92</td>
            </tr>
            <tr>
            <td>Susan</td>
            <td>98</td>
            <td>84</td>
            </tr>
            <tr>
            <td>Amy</td>
            <td>63</td>
            <td>79</td>
            </tr>

            Once again, save and refresh the webpage to see the final output:

            Code:

            <!DOCTYPE html>
            
            
            Student Details
            
            
            
            <tr>
            <td>Mary</td>
            <td>78</td>
            <td>92</td>
            </tr>
            <tr>
            <td>Susan</td>
            <td>98</td>
            <td>84</td>
            </tr>
            <tr>
            <td>Amy</td>
            <td>63</td>
            <td>79</td>
            </tr>
            
            Name Mathematics Science

            Applications of HTML

            Application How Does HTML Help?
            Web pages To create web pages, provide the structure and content for displaying information in a web browser.

            ?

            E-commerce To create online stores, product catalogs, and shopping carts, allowing customers to purchase products and services online.

            ?

            Landing pages To develop compelling landing pages for websites that capture a visitor’s attention and encourage them to take a specific action.

            ?

            Newsletters It allows the creation of interactive and visually appealing newsletters, such as corporate newsletters, that deliver to subscribers via email.

            ?

            Online portfolios To create online portfolios for artists, photographers, and other creatives, showcasing their work and skills to potential clients and employers.

            ?

            Blogs One can create blogs, which are personal websites that provide a platform for writing and publishing articles and other content.
            Documentation It helps to create documentation and help files, providing information and guidance to users of the software and other products.

            ?

            Advertisements It can help make advertisements embedded on websites and social media platforms, promoting products and services to a wide audience.

            ?

            Forms To create a form, one can use
            elements.

            ?

            Advantages and Disadvantages

            Pros Cons
            Open Standard: It is free of cost and readily available. Limited Functionality: It cannot perform complex tasks like calculations or data storage.
            Easy to Learn: HTML tags are basic and in a readable format, enclosed in angle brackets. It’s easy to learn and use, even for non-programmers. Poor Security: It is vulnerable to security threats such as cross-site scripting (XSS) and SQL injection.
            Search Engine Friendly: Search engines can easily crawl and index the content of the pages. Inconsistent Browsers: Different browsers render HTML differently, leading to an inconsistent display of web pages on different browsers.
            Community Support: It has large community support and many online resources available for learning and troubleshooting. Poor Design Flexibility: It provides limited design options and creates static websites, making it difficult to create visually appealing dynamic websites without integrating CSS and JavaScript.

            Final Thoughts

            In conclusion, Hypertext Markup Language is a cornerstone of the World Wide Web. It provides a standardized way of defining the structure and content of a web page using a combination of tags and attributes. With HTML, one can create simple text-based web pages or complex, multimedia-rich applications. It is easy to learn and widely used, making it an essential skill for anyone interested in web development.

            FAQs

            Q1. How to convert an HTML to PDF?

            Answer: To convert, use a library or online service that supports HTML to PDF conversion.

            Q2. How to add an image in HTML?

            Answer: To add an image, use the tag with the src attribute pointing to the image file’s URL or local path. Example:

            <img src="image.jpg" alt="Alt text">

            Q3. Is HTML a programming language? What is the HTML used for?

            Answer: Hypertext Markup Language is not a programming language, it is a markup language used for creating web pages and other information displayed in a web browser. HTML defines the structure and content of a web page using a set of markup tags.

            Q4. How to add a video in HTML?

            Answer: To add a video, use the

            <video src="video.mp4"></video>

            One can also add controls to play, pause, and adjust volume with the controls attribute:

            <video src="video.mp4" controls></video>

            Q5. Is HTML case-sensitive?

            Answer: No, elements are not case-sensitive. However, as best practice, it’s good to follow the same casing in all tags or elements to improve code readability.

            Q6. How many tags are in HTML?

            Answer: There are over 140 tags specified in the HTML5 standard, but some of them have become obsolete and are not widely used. Commonly used tags include headings, paragraphs, links, images, lists, tables, forms, and multimedia elements like audio and video.

            Q7. What is HTML doctype?

            Answer: The first line of a document is the doctype or document type declaration, which defines the version of the HTML used. Example:

            <!DOCTYPE html>

            ?Q8. What is an HTML header?

            Answer: The HTML

            tag defines a header section in a document. This section typically contains information such as the page title, logo, and navigation menu. The header section is usually displayed at the top of the page, and its content is typically shared across multiple pages of a website. The header tag helps to define the structure and hierarchy of a web page and makes it easier to create a consistent look and feel across multiple pages.

            Atas ialah kandungan terperinci Apakah HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

            Kenyataan Laman Web ini
            Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

            Alat AI Hot

            Undress AI Tool

            Undress AI Tool

            Gambar buka pakaian secara percuma

            Undresser.AI Undress

            Undresser.AI Undress

            Apl berkuasa AI untuk mencipta foto bogel yang realistik

            AI Clothes Remover

            AI Clothes Remover

            Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

            Clothoff.io

            Clothoff.io

            Penyingkiran pakaian AI

            Video Face Swap

            Video Face Swap

            Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

            Alat panas

            Notepad++7.3.1

            Notepad++7.3.1

            Editor kod yang mudah digunakan dan percuma

            SublimeText3 versi Cina

            SublimeText3 versi Cina

            Versi Cina, sangat mudah digunakan

            Hantar Studio 13.0.1

            Hantar Studio 13.0.1

            Persekitaran pembangunan bersepadu PHP yang berkuasa

            Dreamweaver CS6

            Dreamweaver CS6

            Alat pembangunan web visual

            SublimeText3 versi Mac

            SublimeText3 versi Mac

            Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

            Apakah elemen HTML penting untuk menstrukturkan laman web? Apakah elemen HTML penting untuk menstrukturkan laman web? Jul 03, 2025 am 02:34 AM

            Struktur laman web perlu disokong oleh elemen HTML teras. 1. Struktur keseluruhan halaman terdiri daripada, yang merupakan unsur akar, yang menyimpan maklumat meta dan memaparkan kandungan; 2. Organisasi kandungan bergantung pada tajuk (-), perenggan () dan tag blok (seperti,) untuk meningkatkan struktur organisasi dan SEO; 3. Navigasi dilaksanakan melalui dan dilaksanakan, organisasi yang biasa digunakan dihubungkan dan ditambah dengan atribut aria-semasa untuk meningkatkan kebolehcapaian; 4. Borang Interaksi melibatkan, dan, untuk memastikan fungsi input dan penyerahan pengguna lengkap. Penggunaan unsur -unsur ini dapat meningkatkan kejelasan halaman, penyelenggaraan dan pengoptimuman enjin carian.

            Mengendalikan penyambungan semula dan kesilapan dengan acara html5 pelayan-sent. Mengendalikan penyambungan semula dan kesilapan dengan acara html5 pelayan-sent. Jul 03, 2025 am 02:28 AM

            Apabila menggunakan HTML5SSE, kaedah untuk menangani penyambungan semula dan kesilapan termasuk: 1. Memahami mekanisme penyambungan semula lalai. Eventsource Retrys 3 saat selepas sambungan terganggu secara lalai. Anda boleh menyesuaikan selang melalui medan semula; 2. Dengar peristiwa ralat untuk menangani kegagalan sambungan atau kesilapan parsing, membezakan jenis ralat dan melaksanakan logik yang sepadan, seperti masalah rangkaian yang bergantung pada penyambungan semula automatik, kesilapan pelayan secara manual melambatkan penyambungan semula, dan kegagalan pengesahan menyegarkan token; 3. Secara aktif mengawal logik penyambungan semula, seperti penutupan secara manual dan membina semula sambungan, menetapkan bilangan maksimum masa semula, menggabungkan navigator.online untuk menilai status rangkaian untuk mengoptimumkan strategi semula. Langkah -langkah ini dapat meningkatkan kestabilan aplikasi dan pengalaman pengguna.

            Mengisytiharkan DOCTYPE HTML5 yang betul untuk halaman moden. Mengisytiharkan DOCTYPE HTML5 yang betul untuk halaman moden. Jul 03, 2025 am 02:35 AM

            Doctype adalah pernyataan yang memberitahu penyemak imbas yang standard HTML digunakan untuk menghuraikan halaman. Halaman web moden hanya perlu ditulis pada permulaan fail HTML. Fungsinya adalah untuk memastikan bahawa penyemak imbas menjadikan halaman dalam mod standard dan bukannya mod pelik, dan mesti terletak pada baris pertama, tanpa ruang atau komen di hadapannya; Hanya ada satu cara yang betul untuk menulisnya, dan tidak disyorkan untuk menggunakan versi lama atau varian lain; Lain -lain seperti charset, viewport, dan lain -lain harus diletakkan sebahagiannya.

            Melaksanakan pengesahan borang klien menggunakan atribut HTML. Melaksanakan pengesahan borang klien menggunakan atribut HTML. Jul 03, 2025 am 02:31 AM

            Klien-sideformvalidationcanbedonewithoutjavascriptbyusinghtmlattributes.1) userequiredtoenforcemandatory.2) valateateMailsandurlSwithtypeattributeseMailorurl, orusepatternwithregexforcustmin.3)

            Bagaimana cara kumpulan pilihan dalam lungsur turun pilih menggunakan HTML? Bagaimana cara kumpulan pilihan dalam lungsur turun pilih menggunakan HTML? Jul 04, 2025 am 03:16 AM

            Gunakan tag dalam HTML untuk pilihan kumpulan dalam menu drop-down. Kaedah khusus adalah untuk membungkus sekumpulan elemen dan menentukan nama kumpulan melalui atribut label, seperti: 1 mengandungi pilihan seperti epal, pisang, oren, dan lain -lain; 2. Mengandungi pilihan seperti wortel, brokoli, dan sebagainya; 3. Nota termasuk: ① Tiada sarang disokong; ② Seluruh kumpulan boleh dilumpuhkan melalui atribut yang kurang upaya; ③ Gaya ini terhad dan perlu dihidupkan dalam kombinasi dengan CSS atau perpustakaan pihak ketiga; Plug-in seperti SELECT2 boleh digunakan untuk meningkatkan fungsi.

            Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5. Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5. Jul 12, 2025 am 03:01 AM

            HTML5, CSS dan JavaScript harus digabungkan dengan tag semantik, pesanan pemuatan yang munasabah dan reka bentuk decoupling. 1. Gunakan tag semantik HTML5, seperti meningkatkan kejelasan struktur dan penyelenggaraan, yang kondusif untuk SEO dan akses bebas penghalang; 2. CSS harus diletakkan, gunakan fail luaran dan berpecah oleh modul untuk mengelakkan gaya sebaris dan masalah pemuatan yang tertunda; 3. JavaScript disyorkan untuk diperkenalkan di hadapan, dan gunakan penangguhan atau async untuk memuat secara asynchronously untuk mengelakkan menyekat rendering; 4. Mengurangkan pergantungan yang kuat antara ketiga-tiga, tingkah laku memandu melalui atribut data dan status kawalan nama kelas, dan meningkatkan kecekapan kerjasama melalui spesifikasi penamaan bersatu. Kaedah ini dapat mengoptimumkan prestasi halaman dengan berkesan dan bekerjasama dengan pasukan.

            Melaksanakan butang yang boleh diklik menggunakan elemen butang HTML Melaksanakan butang yang boleh diklik menggunakan elemen butang HTML Jul 07, 2025 am 02:31 AM

            Untuk menggunakan elemen butang HTML untuk mencapai butang yang boleh diklik, anda mesti menguasai penggunaan asas dan langkah berjaga -jaga yang sama. 1. Buat butang dengan tag dan tentukan tingkah laku melalui atribut jenis (seperti butang, hantar, tetapkan semula), yang dikemukakan secara lalai; 2. Tambahkan fungsi interaktif melalui JavaScript, yang boleh ditulis dalam talian atau mengikat pendengar acara melalui ID untuk meningkatkan penyelenggaraan; 3. Gunakan CSS untuk menyesuaikan gaya, termasuk warna latar belakang, sempadan, sudut bulat dan kesan status hover/aktif untuk meningkatkan pengalaman pengguna; 4. Perhatikan masalah biasa: Pastikan atribut kurang upaya tidak didayakan, peristiwa JS terikat dengan betul, oklusi susun atur, dan gunakan bantuan alat pemaju untuk menyelesaikan masalah. Menguasai ini

            Mengemukakan data borang menggunakan kaedah HTML5 baru (FormData) Mengemukakan data borang menggunakan kaedah HTML5 baru (FormData) Jul 08, 2025 am 02:28 AM

            Lebih mudah untuk menghantar data borang menggunakan API FormData HTML5. 1. Ia secara automatik boleh mengumpul medan borang dengan atribut nama atau menambah data secara manual; 2. Ia menyokong penyerahan dalam format multipart/form-data melalui FETCH atau XMLHTTPREQUEST, yang sesuai untuk muat naik fail; 3. Apabila memproses fail, anda hanya perlu memasukkan fail ke FormData dan menghantar permintaan; 4. Perhatikan bahawa medan nama yang sama akan ditimpa, dan penukaran JSON dan tiada struktur bersarang perlu dikendalikan.

            See all articles