<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Raja B</title>
    <description>The latest articles on DEV Community by Raja B (@raja_b_0c9d242e2c26cf063b).</description>
    <link>https://dev.to/raja_b_0c9d242e2c26cf063b</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3925346%2Fbffb7c55-205b-4544-be72-cc6fc499f1ee.png</url>
      <title>DEV Community: Raja B</title>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/raja_b_0c9d242e2c26cf063b"/>
    <language>en</language>
    <item>
      <title>Basic of HTML</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Fri, 15 May 2026 16:48:12 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/basic-of-html-4ffo</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/basic-of-html-4ffo</guid>
      <description>&lt;h1&gt;What is HTML?&lt;/h1&gt;

&lt;p&gt;HTML is one of the most widely used markup languages in web design worldwide. Its strengths lie in its uniform, clearly struc­tured syntax, a free open-source approach, and a rapid learning curve. If you want to get a quick start in web design without a lot of effort, HTML is a great way to design a modern, appealing website with in­ter­ac­tive elements.&lt;/p&gt;

&lt;h1&gt;What does HTML stand for?&lt;/h1&gt;

&lt;p&gt;HTML stands for “Hypertext Markup Language” and, along with Java and CSS, is one of the most widely used text-based markup languages in the world. Tim Berners-Lee, the inventor of the World Wide Web, laid the foun­da­tion of HTML in 1992 with the first HTML spec­i­fi­ca­tion. The World Wide Web Con­sor­tium (W3C) declared HTML 4.0 to be the official standard in December 1999. Since then, about 63% of all websites are based on HTML code. Currently (as of 2023), the versions XHTML and HTML5 are the most widely used for creating SEO-optimized websites.&lt;/p&gt;

&lt;h1&gt;Is HTML a pro­gram­ming language?&lt;/h1&gt;

&lt;p&gt;HTML isn’t a pro­gram­ming language. Unlike pro­gram­ming and scripting languages like PHP or JavaScript, HTML cannot be used to create al­go­rithms, tasks, con­di­tions, or loops due to its lack of command structure. That’s why HTML belongs to the markup languages. While HTML describes and struc­tures a web page with text-based, static syntax, pro­gram­ming languages create dynamic content, complex logical tasks, commands, and al­go­rithms.&lt;/p&gt;

&lt;h1&gt;HTML: HyperText Markup Language&lt;/h1&gt;


&lt;h3&gt;HTML (HyperText Markup Language)&lt;/h3&gt;is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).


&lt;h3&gt;"Hypertext"&lt;/h3&gt;refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.

&lt;p&gt;HTML uses&lt;/p&gt;
&lt;h3&gt;"markup"&lt;/h3&gt;to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as&lt;code&gt;&amp;lt;head&amp;gt;, &amp;lt;title&amp;gt;, &amp;lt;body&amp;gt;, &amp;lt;header&amp;gt;, &amp;lt;footer&amp;gt;, &amp;lt;article&amp;gt;, &amp;lt;section&amp;gt;, &amp;lt;p&amp;gt;, &amp;lt;div&amp;gt;, &amp;lt;span&amp;gt;, &amp;lt;img&amp;gt;, &amp;lt;aside&amp;gt;, &amp;lt;audio&amp;gt;, &amp;lt;canvas&amp;gt;, &amp;lt;datalist&amp;gt;, &amp;lt;details&amp;gt;, &amp;lt;embed&amp;gt;, &amp;lt;nav&amp;gt;, &amp;lt;search&amp;gt;, &amp;lt;output&amp;gt;, &amp;lt;progress&amp;gt;, &amp;lt;video&amp;gt;, &amp;lt;ul&amp;gt;, &amp;lt;ol&amp;gt;, &amp;lt;li&amp;gt;&lt;/code&gt;and many others.

&lt;h1&gt;Basic structure of an HTML document&lt;/h1&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="cp"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;Page Title&lt;span class="nt"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;My First Heading&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;My first paragraph.&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Example Explained:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;The &amp;lt;!DOCTYPE html&amp;gt; declaration defines that this document is an HTML5 document&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The  element is the root element of an HTML page&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; element contains meta information about the HTML page&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The &lt;code&gt;&amp;lt;title&amp;gt;&lt;/code&gt; element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The &lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt; element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The&lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;element defines a large heading&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The&lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt;element defines a paragraph&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The syntax&lt;code&gt;&amp;lt;!-- This is a comment --&amp;gt;&lt;/code&gt;&lt;/p&gt;
&lt;h6&gt;is used in HTML to add notes, explanations, or to disable code that you do not want the browser to display&lt;/h6&gt;

&lt;h4&gt;Short Key for Comments:&lt;/h4&gt;

&lt;p&gt;To quickly comment out a line or a selected block of code, use these shortcuts in VS Code, Sublime Text, and many other IDEs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Windows / Linux : &lt;/p&gt;

&lt;p&gt;Ctrl + /&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;macOS : &lt;/p&gt;

&lt;p&gt;Cmd + /&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;Key Points&lt;/h4&gt;

&lt;h5&gt;What it does : &lt;/h5&gt;

&lt;p&gt;Allows you to leave notes to yourself or others without the text appearing on the web page.&lt;/p&gt;

&lt;h5&gt;Debugging : &lt;/h5&gt;

&lt;p&gt;Useful for hiding code temporarily to find errors.&lt;/p&gt;

&lt;h5&gt;Alternative : &lt;/h5&gt;

&lt;p&gt;For CSS/JS, use /* comment */. For Python, use # comment.&lt;/p&gt;


&lt;h5&gt;Multi-line : &lt;h5&gt;

&lt;/h5&gt;
&lt;/h5&gt;
&lt;p&gt;On some platforms, Shift + Alt + A (Windows) &lt;br&gt;
or Shift + Option + A (Mac) can be used for block comments.&lt;/p&gt;

&lt;h6&gt;&lt;u&gt;Reference :&lt;/u&gt;&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.w3schools.com/html/html_intro.asp" rel="noopener noreferrer"&gt;https://www.w3schools.com/html/html_intro.asp&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.ionos.com/digitalguide/websites/web-development/what-is-html/" rel="noopener noreferrer"&gt;https://www.ionos.com/digitalguide/websites/web-development/what-is-html/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/HTML" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/HTML&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>basic</category>
      <category>html</category>
      <category>raja</category>
    </item>
  </channel>
</rss>
