DEV Community

Kamaleshwar A
Kamaleshwar A

Posted on

Day 1:Introduction to HTML Learning

What is HTML

  • HTML is stands for hypertext markup language.
  • It is to create structure the content of webpage.
  • It consists of series of element.
  • It contains a tags head,body,title.
  • Now we uses html5 version.
  • Html uses browser to display the output.
  • It contains the meta data about the page.

What is markup language

A markup language is a language used to structure, format, and display content on webpages or documents using special tags.

Why markup language

Because tags β€œmark up” the text with information about structure and formatting.

Features of markup language

  • Uses tags.
  • Easy to read.
  • Not a programming language.
  • Used for webpage structure.

What is element

An HTML element is a fundamental building block of a webpage that tells a web browser how to structure and interpret a specific piece of content. It typically consists of a start tag, content, and an end tag.

  • opening tag.
  • content.
  • closing tag.

Type of CSS

  • Inline CSS:

CSS is written directly inside the HTML tag using the style attribute.

<h1 style="color:red;">Hello</h1>
Enter fullscreen mode Exit fullscreen mode
  • Internal CSS:

CSS is written inside the </strong> tag within the HTML file.<br> </p> <div class="highlight"><pre class="highlight html"><code><span class="nt">&lt;head&gt;</span> <span class="nt">&lt;style&gt;</span> <span class="nt">p</span><span class="p">{</span> <span class="nl">color</span><span class="p">:</span> <span class="no">blue</span><span class="p">;</span> <span class="p">}</span> <span class="nt">&lt;/style&gt;</span> <span class="nt">&lt;/head&gt;</span> </code></pre></div> <p></p> <ul> <li>External CSS:</li> </ul> <p>CSS is written in a separate <strong>.css</strong> file and linked to HTML.</p> <p>CSS<br> </p> <div class="highlight"><pre class="highlight css"><code><span class="nt">p</span><span class="p">{</span> <span class="nl">color</span><span class="p">:</span> <span class="no">green</span><span class="p">;</span> <span class="p">}</span> </code></pre></div> <p></p> <h2> <a name="difference-between-tags-and-element" href="#difference-between-tags-and-element" class="anchor"> </a> <strong>Difference between tags and element</strong> </h2> <p>The primary difference is that a <strong>tag</strong> is a markup command used to define the start or end of a structure, while an <strong>element</strong> is the complete unit consisting of those tags and the content inside them</p>

Top comments (0)