<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>html tutorial for beginners &#8211; Best DevOps</title>
	<atom:link href="https://www.bestdevops.com/tag/html-tutorial-for-beginners/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bestdevops.com</link>
	<description>Lets Learn, Do it &#38; Share! Thats a Best DevOps!!!</description>
	<lastBuildDate>Wed, 21 Jul 2021 10:58:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>
	<item>
		<title>HTML TUTORIAL  FOR BEGINNERS</title>
		<link>https://www.bestdevops.com/html-tutorial/</link>
		
		<dc:creator><![CDATA[pradeep]]></dc:creator>
		<pubDate>Wed, 21 Jul 2021 10:17:39 +0000</pubDate>
				<category><![CDATA[DevOps]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html tutorial for beginners]]></category>
		<guid isPermaLink="false">https://www.bestdevops.com/?p=18007</guid>

					<description><![CDATA[HTML (hyper text markup language) provides a way of displaying Web pages with text andimages or multimedia content. HTML is [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>HTML</strong> (<em>hyper text markup language</em>) provides a way of displaying Web pages with text and<br>images or multimedia content. HTML is a markup language. An HTML file is a text file<br>containing  tags</p>



<p class="wp-block-paragraph">The declaration represents the version of html , and helps browsers to display web pages correctly.</p>



<p class="wp-block-paragraph"><strong>&lt;!DOCTYPE &gt;</strong></p>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://www.bestdevops.com/wp-content/uploads/2021/07/image-6.png" alt="Why? : HTML DOCTYPE (<!DOCTYPE html&gt;) | by Phani Kumar | Medium" class="wp-image-18019" width="305" height="194"/></figure>



<p class="wp-block-paragraph">It must at the top of the page.</p>



<h2 class="wp-block-heading">Tag:</h2>



<p class="wp-block-paragraph">To create a tag, HTML gives the angle<br>brackets &lt; and &gt;</p>



<p class="wp-block-paragraph"><br>There are two tags:</p>



<ul class="wp-block-list"><li>opening tag</li><li>closing tag.</li></ul>



<p class="wp-block-paragraph"><strong>Type of Tag</strong></p>



<p class="wp-block-paragraph"><br><strong>1- Container Tag</strong> – Which has opening and closing Tag.<br>Ex:  &lt;body&gt;___&lt;/body&gt;, &lt;p&gt;____&lt;p&gt;</p>



<p class="wp-block-paragraph"><strong>2-  Empty Tag</strong> – which has only opening tag.<br>Ex: &#8211;</p>



<p class="wp-block-paragraph">&lt;br&gt; ,&lt;hr&gt; ,&lt;img&gt;</p>



<p class="wp-block-paragraph"><strong>Some examples of comman tags</strong></p>



<figure class="wp-block-image"><img decoding="async" src="https://mason.gmu.edu/~kshiffl4/375/HTML_Tags.jpg" alt="Beginner's Guide to Web Design - HTML Basics"/></figure>



<p class="wp-block-paragraph"><br></p>



<h2 class="wp-block-heading"><strong>Element</strong></h2>



<p class="wp-block-paragraph"><br>The combination of a start and end tags is called<br>element. Everything between the both tags is called<br>as the contents of the element.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="430" height="117" src="https://www.bestdevops.com/wp-content/uploads/2021/07/image-7.png" alt="HTML element - Wikipedia" class="wp-image-18020" srcset="https://www.bestdevops.com/wp-content/uploads/2021/07/image-7.png 430w, https://www.bestdevops.com/wp-content/uploads/2021/07/image-7-300x82.png 300w" sizes="(max-width: 430px) 100vw, 430px" /></figure>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">HEADINGS</h2>



<p class="wp-block-paragraph">HTML headings are titles that we want to display on a webpage.<br>HTML headings are defined from &lt; h1&gt; to &lt; h6&gt; tags.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="336" height="150" src="https://www.bestdevops.com/wp-content/uploads/2021/07/image-1.jpeg" alt="HTML HEADING :- FULL EXPLANATION WITH EXAMPLES ~ MAD ABOUT COMPUTER" class="wp-image-18021" srcset="https://www.bestdevops.com/wp-content/uploads/2021/07/image-1.jpeg 336w, https://www.bestdevops.com/wp-content/uploads/2021/07/image-1-300x134.jpeg 300w" sizes="(max-width: 336px) 100vw, 336px" /></figure>



<h2 class="wp-block-heading"> ATTRIBUTES</h2>



<p class="wp-block-paragraph">Attributes provide additional information about the contents of an element. They are on the<br>opening tag of the element and are made up in two parts: &#8211; a name , a value and separated by an<br>equals sign.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="335" height="150" src="https://www.bestdevops.com/wp-content/uploads/2021/07/image-8.png" alt="HTML Attributes | attributes in html, HTML class and id attribute" class="wp-image-18022" srcset="https://www.bestdevops.com/wp-content/uploads/2021/07/image-8.png 335w, https://www.bestdevops.com/wp-content/uploads/2021/07/image-8-300x134.png 300w" sizes="auto, (max-width: 335px) 100vw, 335px" /></figure>



<p class="wp-block-paragraph">The <em><strong>attribute </strong></em><strong>name</strong> indicates what kind of extra information we are giving about the element&#8217;s<br>content.<br>The <strong>value</strong> is the information for the attribute.</p>



<p class="wp-block-paragraph"><em>Style attribute</em> is used to add styles to element, like color, font, size,etc.<br>the format of style attribute are<br>style=&#8221;property:value;&#8221;</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="310" height="163" src="https://www.bestdevops.com/wp-content/uploads/2021/07/image-2.jpeg" alt="HTML Containers and Style Attributes - Part 4 — Data Shop Talk" class="wp-image-18023" srcset="https://www.bestdevops.com/wp-content/uploads/2021/07/image-2.jpeg 310w, https://www.bestdevops.com/wp-content/uploads/2021/07/image-2-300x158.jpeg 300w" sizes="auto, (max-width: 310px) 100vw, 310px" /></figure>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
