Syntax:<\/strong><\/p>\nCode:<\/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=\"Was ist 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=\"Was ist 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=\"Was ist 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=\"Was ist HTML?\" ><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543756923275.png\" alt=\"Was ist 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=\"Was ist 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=\"Was ist 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=\"Was ist 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/de/" 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="Gemeinschaft" class="head_nava head_nava-template1">Gemeinschaft</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://www.miracleart.cn/de/faq/zt" title="Themen" class="languagechoosea">Themen</a>
<a href="http://www.miracleart.cn/de/wenda.html" title="Fragen und Antworten" class="languagechoosea">Fragen und Antworten</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Lernen" class="head_nava head_nava-template1_1">Lernen</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/course.html" title="Kurs" class="languagechoosea on">Kurs</a>
<a href="http://www.miracleart.cn/de/dic/" title="Programmierw?rterbuch" class="languagechoosea">Programmierw?rterbuch</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Tools-Bibliothek" class="head_nava head_nava-template1_2">Tools-Bibliothek</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/toolset/development-tools" title="Entwicklungswerkzeuge" class="languagechoosea on">Entwicklungswerkzeuge</a>
<a href="http://www.miracleart.cn/de/toolset/website-source-code" title="Quellcode der Website" class="languagechoosea">Quellcode der Website</a>
<a href="http://www.miracleart.cn/de/toolset/php-libraries" title="PHP-Bibliotheken" class="languagechoosea">PHP-Bibliotheken</a>
<a href="http://www.miracleart.cn/de/toolset/js-special-effects" title="JS-Spezialeffekte" class="languagechoosea on">JS-Spezialeffekte</a>
<a href="http://www.miracleart.cn/de/toolset/website-materials" title="Website-Materialien" class="languagechoosea on">Website-Materialien</a>
<a href="http://www.miracleart.cn/de/toolset/extension-plug-ins" title="Erweiterungs-Plug-Ins" class="languagechoosea on">Erweiterungs-Plug-Ins</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://www.miracleart.cn/de/ai" title="KI-Tools" class="head_nava head_nava-template1_3">KI-Tools</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Freizeit" class="head_nava head_nava-template1_3">Freizeit</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/game" title="Spiel-Download" class="languagechoosea on">Spiel-Download</a>
<a href="http://www.miracleart.cn/de/mobile-game-tutorial/" title="Spiel-Tutorials" class="languagechoosea">Spiel-Tutorials</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('de')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="suchen" onclick="searchs('de')"><img src="/static/imghw/find.png" alt="suchen"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">Deutsch<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:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:;" 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">Inhaltsverzeichnis</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="#Wichtige-Erkenntnisse" title="Wichtige Erkenntnisse" >Wichtige Erkenntnisse</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Teilmengen-von-HTML" title="Teilmengen von HTML" >Teilmengen von HTML</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#XHTML-Extensible-Hypertext-Markup-Language" title="1. XHTML (Extensible Hypertext Markup Language)" >1. XHTML (Extensible Hypertext Markup Language)</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#SGML-Standard-Generalized-Markup-Language" title="2. SGML (Standard Generalized Markup Language)" >2. SGML (Standard Generalized Markup Language)</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#DHTML-Dynamisches-HTML" title="3. DHTML (Dynamisches HTML)" >3. DHTML (Dynamisches HTML)</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#TTML-Timed-Text-Markup-Language" title="4. TTML2 (Timed Text Markup Language 2)" >4. TTML2 (Timed Text Markup Language 2)</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-Vorlage" title="HTML-Vorlage" >HTML-Vorlage</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/de/" title="Heim"
class="phpgenera_Details_mainL1a">Heim</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/de/web-designer.html"
class="phpgenera_Details_mainL1a">Web-Frontend</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/de/div-tutorial.html"
class="phpgenera_Details_mainL1a">HTML-Tutorial</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Was ist HTML?</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Was ist HTML?</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://www.miracleart.cn/de/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/de/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>HyperText Markup Language oder HTML ist eine Sprache, die die Erstellung von Websites erm?glicht, die für jeden sichtbar sind, der mit dem Internet verbunden ist.?Laut einer Umfrage gaben über 55 % der Befragten an, HTML zu verwenden.</em></p></blockquote>
<p>Darüber hinaus ist das Erlernen von HTML normalerweise der erste Schritt auf dem Weg eines Webentwicklers. Ein durchschnittlicher Webentwickler verdient 61.718 US-Dollar pro Jahr, wobei Top-Entwickler die 103.000-Dollar-Marke überschreiten.</p>
<p>HyperText ist die M?glichkeit, online zu gehen, indem man auf einen Text namens Hyperlinks klickt, der zur n?chsten Seite führt.</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543755222677.jpg" class="lazy" alt="Was ist HTML?" ></p>
<h3 id="Wichtige-Erkenntnisse">Wichtige Erkenntnisse</h3>
<ul>
<li>Der Basiscode besteht aus einer Doctype-Deklaration, einem HTML-Tag, einem Head-Tag, einem Title-Tag und einem Body-Tag.</li>
<li>Es kann auf jedem Betriebssystem wie Windows, Mac und Linux sowie in jedem Browser wie Google Chrome, Mozilla Firefox und Safari ausgeführt werden.</li>
<li>Es gibt auch verschiedene Anwendungen, wie zum Beispiel das Erstellen pers?nlicher Blogs, Detailtabellen, Registrierungsformulare, Landingpages, Newsletter und Online-Portfolios.</li>
<li>Die Vorteile sind, dass es ein offener Standard ist, leicht zu erlernen, anf?ngerfreundlich mit hervorragender Community-Unterstützung und suchmaschinenfreundlich.</li>
<li>Zu den Nachteilen geh?ren schlechte Sicherheit, mangelnde Designflexibilit?t, inkonsistente Ausgabe auf verschiedenen Browsern und eingeschr?nkte Funktionalit?t.</li>
</ul>
<h3 id="Teilmengen-von-HTML">Teilmengen von HTML</h3>
<h4 id="XHTML-Extensible-Hypertext-Markup-Language">1. XHTML (Extensible Hypertext Markup Language)</h4>
<ul>
<li>XHTML ist eine XML-basierte Auszeichnungssprache, was bedeutet, dass sie strengen Syntax- und Semantikregeln folgt.</li>
<li>XHTML war ein Nachfolger von HTML 4 mit dem Ziel, die Sprache modularer und erweiterbarer zu machen.</li>
<li>XHTML-Dokumente müssen wohlgeformt und gültig sein, wodurch sie schwieriger zu erstellen und konsistenter und für eine breitere Palette von Ger?ten zug?nglich sind.</li>
</ul>
<h4 id="SGML-Standard-Generalized-Markup-Language">2. SGML (Standard Generalized Markup Language)</h4>
<ul>
<li>SGML ist eine Metasprache, die zum Definieren von Auszeichnungssprachen, einschlie?lich HTML, verwendet wird.</li>
<li>SGML bietet eine Standardsyntax zur Beschreibung der Struktur und des Inhalts eines Dokuments und ist somit nützlich für den Informationsaustausch zwischen verschiedenen Systemen.</li>
<li>SGML ist ein komplexes und leistungsstarkes System, aber aufgrund seiner Syntax und Komplexit?t ist es weniger verbreitet als einfachere Auszeichnungssprachen wie HTML.</li>
</ul>
<h4 id="DHTML-Dynamisches-HTML">3. DHTML (Dynamisches HTML)</h4>
<ul>
<li>DHTML bezieht sich auf die Verwendung von HTML, CSS und JavaScript zum Erstellen dynamischer, interaktiver Webseiten.</li>
<li>DHTML erm?glicht die Manipulation des Inhalts, des Layouts und des Verhaltens einer Webseite als Reaktion auf Benutzeraktionen, ohne dass eine Seitenaktualisierung erforderlich ist.</li>
<li>DHTML wird h?ufig zum Erstellen dynamischer Effekte wie Dropdown-Menüs, Tooltips und Diashows verwendet.</li>
<li>Es k?nnen auch einfache Animationen und Spiele erstellt werden.</li>
</ul>
<h4 id="TTML-Timed-Text-Markup-Language">4. TTML2 (Timed Text Markup Language 2)</h4>
<ul>
<li>TTML2 ist eine Auszeichnungssprache, die zur standardisierten Darstellung zeitgesteuerter Textinhalte wie Bildunterschriften und Untertitel verwendet wird.</li>
<li>TTML2 bietet einen umfassenden Satz an Funktionen zum Formatieren und Gestalten von zeitgesteuertem Text, einschlie?lich der Unterstützung mehrerer Sprachen und Schriftarten.</li>
<li>TTML2 ist ein wichtiges Tool, um die Zug?nglichkeit von Multimedia-Inhalten für geh?rlose und schwerh?rige Benutzer sicherzustellen und die Benutzerfreundlichkeit von Videoinhalten für alle Benutzer zu verbessern.</li>
</ul>
<h3 id="HTML-Vorlage">HTML-Vorlage</h3>
<p>Jede HTML-Seite verfügt über eine grundlegende Vorlage. Es besteht aus den folgenden Abschnitten:</p>
<p><strong>Dokumenttyp-Deklaration: </strong>Die erste Zeile eines HTML-Dokuments ist der Doctype oder die Dokumenttyp-Deklaration, die die verwendete HTML-Version definiert.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html></pre>
<p><strong>Element</strong>: Das Element ist das Stammelement eines HTML-Dokuments, das alle anderen Elemente enth?lt.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><html>...</html></pre>
<p><strong>Head-Element: </strong>Das Head-Element enth?lt Informationen über das Dokument, wie z. B. den Titel, Metadaten und Links zu externen Ressourcen wie Stylesheets.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><head>...</head></pre>
<p><strong>Titelelement: </strong>Das Titelelement definiert den Titel des Dokuments, der in der Titelleiste des Browsers angezeigt wird.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><title>Name of Web Page</title></pre>
<p><strong>Body-Element: </strong>Das Body-Element enth?lt den Hauptinhalt des Dokuments, einschlie?lich Text, Bildern und anderen Medien.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><body>...</body></pre>
<p>Abgesehen von diesen grundlegenden Tags k?nnen mehrere andere Elemente dabei helfen, Inhalte hinzuzufügen, um eine gro?artige Website zu erstellen. Das sind-</p>
<p><strong>überschriften: </strong>überschriften (H1, H2, H3 usw.) helfen, den Inhalt zu strukturieren und eine Informationshierarchie bereitzustellen.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><h1>Main Heading</h1></pre>
<p><strong>Abs?tze: </strong>Abs?tze (<p>) helfen bei der Definition von Textbl?cken.</p>
<p><strong>Syntax:</strong></p>
<pre class="brush:php;toolbar:false"><p>Hello World</p></pre>
<p><strong>Links: </strong>Links (<a>) erm?glichen Benutzern die Navigation zu anderen Webseiten oder anderen Ressourcen.</p>
<p><strong>Syntax:</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:
How to Create an HTML Table?
There are specific table tags to create a table – mainly,
, , , and .
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
: Defines a table header cell
: 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.
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.
Step #4: Again, go to File > Save As and save the file with the filename.html format.
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:
Opening the file should show the following blank web page. Note the title in the browser tab has changed to “Student Details.”
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. 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:
Step #7: Add the student details by defining a row for each student using
tag, and adding the data in each cell 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
Name
Mathematics
Science
<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>
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
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
<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 tag with the src attribute pointing to the video file’s URL or local path. Example:
<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.
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>
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.
Das obige ist der detaillierte Inhalt vonWas ist HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Warum wird mein Bild nicht in HTML angezeigt?
Jul 28, 2025 am 02:08 AM
Das nicht angezeigte Bild wird normalerweise durch einen falschen Dateipfad, einen falschen Dateinamen oder eine falsche Erweiterung, HTML -Syntaxprobleme oder einen Browser -Cache verursacht. 1. Stellen Sie sicher, dass der SRC -Pfad mit dem tats?chlichen Speicherort der Datei übereinstimmt, und verwenden Sie den richtigen relativen Pfad. 2. überprüfen Sie, ob der Fall und die Erweiterung des Dateinamens genau übereinstimmen, und überprüfen Sie, ob das Bild durch direktes Eingeben der URL geladen werden kann. 3. überprüfen Sie, ob die IMG -Tag -Syntax korrekt ist. Stellen Sie sicher, dass es keine redundanten Zeichen gibt und der Alt -Attributwert angemessen ist. 4. Versuchen Sie, die Seite zu aktualisieren, den Cache zu l?schen oder den Inkognito -Modus zu verwenden, um Cache -Interferenzen zu beseitigen. Fehlerbehebung in dieser Reihenfolge kann die meisten Probleme mit HTML -Bildanzeigen l?sen.
K?nnen Sie ein -Tag in ein anderes -Tag einfügen?
Jul 27, 2025 am 04:15 AM
?youcannotnestTagsinsideanotagbecauses's'sinvalidhtml; browsersauutomatisch -closethefirstbeerextenext, resultierendinseparateparagraphs.?instead, useInLineElements, oder
Wie erstelle ich eine ungeordnete Liste in HTML?
Jul 30, 2025 am 04:50 AM
Um eine nicht ordnungsgem??e HTML -Liste zu erstellen, müssen Sie ein Tag verwenden, um einen Listencontainer zu definieren. Jedes Listenelement ist mit einem Tag verpackt, und der Browser fügt automatisch Kugeln hinzu. 1. Erstellen Sie eine Liste mit einem Tag; 2. Jedes Listenelement ist mit einem Tag definiert. 3. Der Browser generiert automatisch Standard -Punkt -Symbole. 4. Unterverschiedene k?nnen durch Verschachtelung implementiert werden. 5. Verwenden Sie das Attribut vom Typ Listenstil von CSS, um den Symbolstil wie Scheibe, Kreis, Quadrat oder keine zu ?ndern. Verwenden Sie diese Tags korrekt, um eine nicht ordnungsgem??e Standardliste zu generieren.
Wie benutze ich das inhaltliche Attribut?
Jul 28, 2025 am 02:24 AM
TheContententitableAttributemakesAnyhtmlelementedableByAddingCentabled = "true", und das Erlaubnis für die Erlaubnis, dass es, dass in der Lage ist
Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit
Jul 30, 2025 am 05:05 AM
SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)
Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup.
Jul 31, 2025 am 10:50 AM
Das Schema.org -Tag hilft Suchmaschinen, das strukturierte Datenformat von Webseiteninhalten über semantische Tags (z. B. Elementumfang, Elementtyp, ElementProp) zu verstehen. Es kann verwendet werden, um benutzerdefiniertes Vokabular zu definieren. Zu den Methoden geh?ren die Erweiterung vorhandener Typen oder die Einführung neuer Typen mithilfe von zus?tzlichem Typ. In den tats?chlichen Anwendungen sind die Struktur klar, priorisieren Sie die Verwendung offizieller Attribute, die Gültigkeit des Codes und stellen sicher, dass benutzerdefinierte Typen zug?nglich sind. Zu den Vorsichtsma?nahmen geh?ren das Akzeptieren der teilweisen Unterstützung, die Vermeidung von Rechtschreibfehlern und die Auswahl eines geeigneten Formats wie JSON-LD.
See all articles
![\"Image](\"image.jpg\")
<\/pre>\n
Warum wird mein Bild nicht in HTML angezeigt?
Jul 28, 2025 am 02:08 AM
K?nnen Sie ein -Tag in ein anderes -Tag einfügen?
Jul 27, 2025 am 04:15 AM
Wie erstelle ich eine ungeordnete Liste in HTML?
Jul 30, 2025 am 04:50 AM
Wie benutze ich das inhaltliche Attribut?
Jul 28, 2025 am 02:24 AM
Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit
Jul 30, 2025 am 05:05 AM
Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup.
Jul 31, 2025 am 10:50 AM
So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular
Aug 02, 2025 pm 04:44 PM
Was ist der Zweck des REL -Attributs in einem Link -Tag in HTML?
Aug 03, 2025 pm 04:50 PM
