Holi festival 25th March 2024

-
  Holi is a sacred ancient tradition of Hindus, a holiday in many states of India and Nepal with regional holidays in other countries. It is a cultural celebration that gives Hindus and non-Hindus alike an opportunity to have fun banter with other people by throwing coloured water and powder at each other. It is also observed broadly on the   Indian subcontinent . Holi is celebrated at the end of winter, on the last   full moon   day of the Hindu luni-solar calendar month, marking the spring, making the date vary with the lunar cycle. [note 1]   The date falls typically in March, but sometimes late February of the Gregorian calendar. The festival has many purposes; most prominently, it celebrates the beginning of Spring. In 17th century literature, it was identified as a festival that celebrated agriculture, commemorated good spring harvests, and the fertile land. [18]  Hindus believe it is a time to enjoying spring's abundant colours and saying farewell t...
Post a Comment

HTML Course | Structure of an HTML

-

 INTRODUCTION

As we all know HTML is a language of the web. It’s used to design the web pages or we can say structure the page layouts of a website.  HTML stands for HYPERTEXT MARKUP LANGUAGE, as its full form suggests it’s not any programming language, a markup language. So, while the execution of HTML code we can’t face any such error. In real HTML code wasn’t compiled or interpreted because HTML code was rendered by the browser. which is similar to the compilation of a program. Html content is parched through the browser to display the content of HTML. 


HTML DOCUMENTS STRUCTURE

Html used predefined tags and attributes to tell the browser how to display content, means in which format, style, font size, and images to display. Html is a case insensitive language. Case insensitive means there is no difference in upper case and lower case ( capital and small letters) both treated as the same, for r example ‘D’ and ‘d’ both are the same here. 
There are generally two types of tags in HTML: 
 

  1. Paired Tags: These tags come in pairs. That is they have both opening(< >) and closing(</ >) tags.
  2. Empty Tags: These tags do not require to be closed.

Below is an example of a (<b>) tag in HTML, which tells the browser to bold the text inside it. 
 

Tags and attributes:  Tags are individuals of html structure, we have to open and close any tag with a forward slash like this <h1> </h1>. There are some variations with the tag some of them are self-closing tag which isn’t required to close and some are empty tag where we can add any attributes in it.  Attributes are additional properties of html tags that define the property of any html tags. i.e. width, height, controls, loops, input, and autoplay. These attributes also help us to store information in meta tags by using name, content, and type attributes. Html documents structured mentioned below: 
 

Structure of an HTML Document

An HTML Document is mainly divided into two parts: 
 

  • HEAD: This contains the information about the HTML document. For Example, the Title of the page, version of HTML, Meta Data, etc.
  • BODY: This contains everything you want to display on the Web Page.


Let us now have a look at the basic structure of HTML. That is the code that is a must for every webpage to have: 
 

HTML

<!DOCTYPE html> 
<!-- Defines types of documents : Html 5.O  -->
<!DOCTYPE html>
<!-- Defines types of documents : Html 5.O -->
<html lang="en">
    <!-- DEfines languages of content : English -->
    <head>
    <!-- Information about website and creator -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Defines the compatibility of version with browser -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- for make website responsive -->
    <meta name="author" content="Mr.X">
    <meta name="Linkedin profile" content="WWW.linkedin.com/Mr.X_123" >
    <!-- To give information about author or owner -->
    <meta name="description " 
    content="A better place to learn computer science">
    <!-- to explain about website in few words -->
    <title>GeeksforGeeks</title>
    <!-- Name of website or content to display -->
</head>
<body>
    <!-- Main content of website -->
    <h1>GeeksforGeeks</h1>
<p>A computer science portal for geeks</p>
</body>
</html>

Every Webpage must contain this code. Below is the complete explanation of each of the tags used in the above piece of HTML code:
<!DOCTYPE html>: This tag is used to tells the HTML version. This currently tells that the version is HTML 5.0 
<html>  </html> : <html> is a root element of html.  It’s a biggest and main element  in complete  html language, all the tags , elements and attributes  enclosed in it or we can say wrap init , which is used to structure a web page. <html> tag is parent tag of <head> and  <body>  tag , other tags enclosed within <head > and <body>.  In <html > tag we use “lang” attributes to define languages of html page such as <html lang=”en”> here en represents English language. some of them are : es = Spanish , zh-Hans = Chinese, fr= french and el= Greek etc.
<head>: Head tag contains metadata, title, page CSS etc.  Data stored in the <head>  tag is not displayed to the user, it is just written for reference purposes and as a watermark of the owner.  

 Note: for better understanding refer above code of html.
 <title> = to store website name or content to be displayed.
 <link>   = To add/ link css( cascading style sheet)  file.
 <meta>   = 1. to store data about website, organisation , 
creator/ owner
            2. for responsive website via attributes 
            3. to tell compatibility of html with browser 
 <script> = to add javascript file.

<body>: A body tag is used to enclose all the data which a web page has from texts to links. All the content that you see rendered in the browser is contained within this element. Following tags and elements used in the body.

   1 .  <h1> ,<h2> ,<h3> to <h6>
   2.   <p>
   3.   <div> and <span>
   4.   <b>, <i> and<u> 

   5.   <li>,<ul>and<ol>. 
   6.   <img> , <audio> , <video> and<iframe>
   7.   <table> <th> , <thead>and<tr>.  
   8.   <form> 
   9.   <label> and <input> others……….
To learn more about an HTML Document structure, please visit: 
 

HTML is the foundation of web pages, and is used for webpage development by structuring websites and web apps. You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.


Comments

Post a Comment

Popular posts from this blog

अकबर-बीरबल की कहानियां

-
Image
                            अकबर-बीरबल की कहानियां जब भी बुद्धिमत्ता, चतुराई और हाजिर-जवाबी की बात होती है, तो सबसे पहला नाम बीरबल का आता है। वहीं, अकबर-बीरबल की जुगलबंदी किसी से छुपी नहीं है। ऐसा कहा भी जाता है कि बीरबल को बादशाह अकबर के नवरत्नों में से एक अनमोल रत्न माना जाता था। अकबर-बीरबल से जुड़ी ऐसी कई कहानियां हैं, जो हर किसी को गुदगुदाती हैं। साथ ही एक खास सीख भी दे जाती हैं।अकबर-बीरबल की कहानियां हमेशा से सभी के लिए प्रेरणादायक रही हैं। बीरबल ने अपनी चतुराई और बुद्धिमता से कई बार बादशाह अकबर के दरबार में आए पेचीदा मामलों को सुलझाया। साथ ही बादशाह अकबर की ओर से दी गई चुनौतियों को सहर्ष स्वीकार कर, उनका हल निकाला। बेशक, ये किस्से-कहानियां सदियों पुरानी हैं, लेकिन वर्तमान में भी इनका महत्व कायम है। अगर आप अपने बच्चों को मानसिक रूप से मजबूत बनाने चाहते हैं या उसे यह सिखाना चाहते हैं कि कैसे हर समस्या का हल शांत रहकर व दिमाग का इस्तेमाल करके किया जा सकता है, तो अकबर-बीरबल की कहानियों से बेहतर कुछ नहीं है। हमारे कह...
Read more

भूत की कहानी :

-
Image
 6 भूतो की कहानी  एक बार की बात हे एक बार एक व्यक्ति देर रात को अपने रिश्तेदार की शादी से लौट रहा था |लौटने के दौरान वे व्यक्ति और उसका एक दोस्त भी था जो की मोटरसाइकिल से घर वापिस आ रहे थे| परन्तु उनके साथ रास्ते में कुछ ऐसा हुआ जो दिल देहला देता हे यह कहानी बिलकुल ही सत्य हे| यह कहानी एक युवक की हे जब वे शादी से लौट थे तो रात का समय हो गया था और अँधेरा भी बहुँत हो गया था ऊपर से गाव का इलाका था| कोई दूर दूर तक आस पास भी नही था रास्ते में एक सुनसान सड़क आई जब वे दोनों उस सड़क से चलने लगे तो कुछ ही देर बाद उन्होंने कुछ ऐसा देखा जिस से उनके होस उड़ गये सुनसान सड़क पर 6 लडकिया पूरे सडक पर सफ़ेद लिवाज में बेठी थी पहले तो दोनों व्यक्ति अस मंजस में पड़ गये कही ये लडकिया नही इन्हें किसी चीज़ की जरूरत तो नही जो यह बेठी परन्तु थोडा समीप जाने पे दोनों ने देखा ये बिलकुल सफ़ेद लिफाज में पूरे सड़क को बेठे हुई हे पूरा मुह ढका हुआ हे ऊपर से बाइक की आवाज़ सुनकर भी कोई नही उठ रहा तो इस पर दोनों को यकीन हो गया की ये भूत हे इतने में दोनों व्यक्ति डर गये जो आगे बेठे हुए थे उसके तो हाथ पैर कांपने लगे दोनो...
Read more

इन 5 वजहों के चलते लड़कियों से प्यार करने के लिए मजबूर हो जाते हैं लड़के

-
Image
                 इन 5 वजहों के चलते लड़कियों से प्यार करने के लिए मजबूर हो जाते हैं लड़के एक अच्छे रिलेशनशिप की शुरुआत प्रभाव यानी आकर्षण से होती है। यह आकर्षण कभी बाहरी खूबसूरती को लेकर होता है तो कभी इनर ब्यूटी यानी कि व्यक्ति के गुणों को लेकर होता है। जिस तरह लड़के अपनी ओर लड़कियों को आकर्षित करना चाहते हैं, वैसे ही लड़कियां भी लड़कों को आकर्षित करना चाहती हैं। लड़कियों की अंदरूनी खूबियां भी लड़कों को खूब आकर्षित करती है। आइए जानते हैं लड़कियों की उन पांच खूबियों के बारे में, जिस वजह से लड़के प्यार में पड़ने को मजबूर हो जाते हैं: 1. ब्यूटी विथ ब्रेन लड़कों को वैसी लड़कियां काफी पसंद होती हैं जो बुद्धिमान यानी कि अक्लमंद होती हैं। कहा भी जाता है कि ब्यूटी विद ब्रेन का कॉम्बिनेशन लड़कों को आकर्षित किया जाता है। यह गुण हर लड़की में नहीं होता। हर सुंदर दिखने वाली लड़की अक्लमंद हो, यह जरूरी नहीं, लेकिन जो बुद्धिमान होती हैं, वह आत्मविश्वास से भरी दिखती हैं।  2.फिटनेस लड़कों को फिट लड़कियां पसंद होती हैं और वे चाहते हैं कि उनकी पार्टनर हमेशा फ...
Read more