<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Avinash Karn]]></title><description><![CDATA[Avinash Karn]]></description><link>https://avinashkarn.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Wed, 07 Oct 2026 15:14:24 GMT</lastBuildDate><atom:link href="https://avinashkarn.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Selector in CSS]]></title><description><![CDATA[What is Selector:
A CSS selector is the CSS rule that can specify the pattern of element and other terms that tell the browser which HTML element should be selected .
Element Selector:
The element selector selects HTML elements based on the element n...]]></description><link>https://avinashkarn.hashnode.dev/selector-in-css</link><guid isPermaLink="true">https://avinashkarn.hashnode.dev/selector-in-css</guid><category><![CDATA[iwritecode]]></category><category><![CDATA[ineuron]]></category><category><![CDATA[@hiteshchoudharylco]]></category><category><![CDATA[anurag tiwari]]></category><dc:creator><![CDATA[Avinash karn]]></dc:creator><pubDate>Sat, 31 Dec 2022 15:17:15 GMT</pubDate><content:encoded><![CDATA[<h3 id="heading-what-is-selector">What is Selector:</h3>
<p>A CSS selector is the CSS rule that can specify the pattern of element and other terms that tell the browser which HTML element should be selected .</p>
<h3 id="heading-element-selector"><strong>Element Selector:</strong></h3>
<p>The element selector selects HTML elements based on the element name.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/avinash57/pen/mdjPgzd">https://codepen.io/avinash57/pen/mdjPgzd</a></div>
<p> </p>
<h3 id="heading-universal-selector">Universal Selector:</h3>
<p>The universal selector (*) selects all HTML elements on the page. Universal selector denoted by * and we can write any html and CSS tag or element inside the curly brackets {} that can apply whole page.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/avinash57/pen/mdjPgzd">https://codepen.io/avinash57/pen/mdjPgzd</a></div>
<p> </p>
<h3 id="heading-class-selector"><strong>Class Selector:</strong></h3>
<p>The <code>.class</code> selector selects elements with a specific class attribute. We can create class write a period (.) character and apply where you want like &lt;div&gt;and element selector etc. This selector is mostly used in CSS.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/avinash57/pen/mdjPgzd">https://codepen.io/avinash57/pen/mdjPgzd</a></div>
<p> </p>
<h3 id="heading-id-selector">ID Selector:</h3>
<p>Id is a unique selector available in CSS so we should not used same id in multiple place. To select an element with a specific id, write a hash (#) character, followed by the id of the element.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/avinash57/pen/mdjPgzd">https://codepen.io/avinash57/pen/mdjPgzd</a></div>
<p> </p>
<h3 id="heading-grouping-selector"><strong>Grouping Selector:</strong></h3>
<p>The grouping selector selects all the HTML elements with the same style definitions. IN other hand we can say that group selector can select multiple elements.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/avinash57/pen/mdjPgzd">https://codepen.io/avinash57/pen/mdjPgzd</a></div>
]]></content:encoded></item><item><title><![CDATA[Introduction  to Web and HTML]]></title><description><![CDATA[Web:
The Web is the common name for the World Wide Web, a subset of the Internet consisting of pages that can be accessed by a Web browser. Many people assume that the Web is the same as the Internet, and use these terms interchangeably. However, the...]]></description><link>https://avinashkarn.hashnode.dev/introduction-to-web-and-html</link><guid isPermaLink="true">https://avinashkarn.hashnode.dev/introduction-to-web-and-html</guid><category><![CDATA[iwritecode]]></category><category><![CDATA[@hiteshchoudharylco]]></category><dc:creator><![CDATA[Avinash karn]]></dc:creator><pubDate>Sat, 17 Dec 2022 11:02:17 GMT</pubDate><content:encoded><![CDATA[<h3 id="heading-web">Web:</h3>
<p>The Web is the common name for the World Wide Web, a subset of the Internet consisting of pages that can be accessed by a Web browser. Many people assume that the Web is the same as the Internet, and use these terms interchangeably. However, the term Internet refers to the global network of servers that makes the information sharing that happens over the Web possible. So, although the Web does make up a large portion of the Internet, they are not the same.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671255139949/Y5H8iLEDO.webp" alt class="image--center mx-auto" /></p>
<h3 id="heading-web-page"><strong>W</strong>eb Page :</h3>
<p><em>A webpage is a part of a website; it means a website contains different web pages.</em> Such as <strong>hashnode.com</strong> is a website, and the page currently you are accessing is the webpage. It can be understood as an example of a book. So, a Website is like a complete book, and a webpage is like a page of that book.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671255687199/fupD4MH-V.webp" alt class="image--center mx-auto" /></p>
<h3 id="heading-website">Website :</h3>
<p>In simple terms, a website is a collection of web pages. The ‘webpages’ are online pages that we can view by using the internet and web service on a computer or smartphone.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671256030112/tUx3-yYFi.png" alt class="image--center mx-auto" /></p>
<h3 id="heading-web-server">Web Server :</h3>
<p>A web server is a computer system capable of delivering web content to end users over the internet via a web browser.</p>
<p>A website’s content is stored and delivered with the help of a web server. All images, texts, videos, application data, and anything else that is needed by the user, is delivered with the help of a web server. Whenever a user clicks on a link or starts a download, the web server calls for the data from the website. To help you better understand it, let us take a look at the definition of a web server.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671273157735/5hj5uS4B5.png" alt class="image--center mx-auto" /></p>
<h3 id="heading-html">HTML :</h3>
<p>HTML (Hypertext Markup Language) is a text-based approach to describing how content contained within an HTML file is structured. This markup tells a web browser how to display text, images and other forms of multimedia on a webpage.</p>
<p><strong>Hypertext</strong>: text (often with embeds such as images, too) that is organized to connect related items</p>
<p><strong>Markup</strong>: a style guide for typesetting anything to be printed in hardcopy or softcopy format</p>
<p><strong>Language</strong>: a language that a computer system understands and uses to interpret commands.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671273903558/D22bbDAuL.jpeg" alt class="image--center mx-auto" /></p>
<h3 id="heading-html-tags">HTML TAGS :</h3>
<p>Since HTML defines the markup for a particular web page, you'll want the text, images, or other embeds to appear in certain ways.</p>
<p>For example, you might want some text to be big, other text to be small, and some to be in bold, italic, or bullet point form.</p>
<p>HTML has "tags" that let you get this done. So, there are tags to create headings, paragraphs, bolded words, italicized words, and more.</p>
<p>The image below describes the anatomy of an HTML tag:</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671274751278/bXEjjwiWq.png" alt class="image--center mx-auto" /></p>
]]></content:encoded></item></channel></rss>