Skip to main content

What Is HTML? History, New Changes & Your First Webpage

 First thing in this “web world” I learned, it was HTML, and editor I used was just a Notepad (which you find in your Windows PC). Later on I learned CSS. After much experience with Notepad, I used Dreamweaver. And later on kept on learning many programming languages like ASP, ASP.NET, and PHP. Even you don’t want to become a programmer, or don’t want to build some software — HTML is so commonly used everywhere these days, it is a basic and the most essential thing to know.

Most of bloggers, writers or people who are engaged in social media, know HTML — it helps them linking things from one page to another webpage and many aspects of SEO (to draw traffic).

Even if you don’t want to become anything and have plenty of time, perhaps you are a housewife, a student or an unemployed person; learning something, like HTML, will surely make your time useful.

So here we go, after knowing little bit about HTML and its history, you can make your first HTML webpage within few seconds.

HTML & its history

HTML stands for Hypertext Markup Language, in simple words it is used to write “web content,” it is not a programming language as such, people who know HTML are called authors, or say it is a great tool for the authors to write web content.

In a web-page there is generally a heading, sub-headings, tables, text, fonts, colors, images, audio and video — it is all done by HTML.

When I learned HTML , I just learned it by creating a html page, I didn't bother about its history — I just focused what was working in the “now,” ‘coz the things which didn’t work, what was the point to know them in detail (unless there was some interview need).

Currently, it is HTML5. Earlier versions were HTML 4.01, XHTML 1.0, XHTML 1.1 and XHTML 2.0 (I’m not much of a historian).

New changes

> HTML5 is case insensitive language, you can write HTML Tags in upper or lower case or mix of both — but it is advisable to be consistent in writing style, ‘coz it looks cleaner and tidy.
> You may remove closing slash from a single element such as “hr” and “br” elements: instead of writing <hr/> and <br/> — you may write <hr> and <br>.
> There are lots of good and new changes in HTML5, which we check later on.

Your First Webpage

In writing a HTML page everything comes in between <html> </html>; and for writing a paragraph, the paragraph comes between <p> and </p>, and the next paragraph comes between <p> and </p>.

So to write this web page, open Notepad in your Windows PC. This Notepad is a “text document” which you get by Right Mouse Click > New > Text Document. And in that “text document” just paste the following:


<html>
<p> this is my paragraph </p>
</html>


Now, at “text document” go at File > Save As. Now write “Filename” as hello.html; and at “Save as type,” turn it to “all files,” now click “save.” Your file will be saved as hello.html. Now double click on it and see your first webpage. If you have any doubt or confusion, please see the following video.

https://www.youtube.com/watch?v=tOrGclRYEj0

Try it out

I’ve left many things intentionally in the above example, you may add following things.


<html>
<head>
<title> This is title </title>
</head>
<body>
<p> this is my paragraph </p>
</body>
</html>


Between <html> </html> tags come two main tags — <head> </head> and <body> </body>. Between <head> and </head> comes “title of the page”; and between <body> and </body> comes everything, like headings, paragraphs, tables, images, audio and video.

Later you will know everything, little by little.



Comments

Popular posts from this blog

Golden Rule Of Three Years To Get Success

Give yourself completely to whatever you like for three years -- let it be your career, business, health or any other thing of life. Why three years, exactly? Because what is the advantage of sticking to something which isn't giving any result. Time is precious, don't waste if the results aren't coming. Why not less than three years? If we spread these three years for success, we can assume first year is dominated by getting knowledge of the field, second year dominated by execution, and the third year comes the maturity where knowledge and experience of execution strike for success.  As an exeption we can stretch these three years into five or six years -- only when there are uncontrollable issues like of health or circumstantial issues.

Name List Of 64 Yogini / चौँसठ योगिनी

It is a list of 64 Yogini, if you want these names in Stotra form you can get from another post of this blog. These names are very useful for doing, Jaap, Puja, Tarpan, and Havan. These names are also used in making 64 Yogini Yantra in which there are 64 squares and in each square, name of each Yogini is written, then everyday worship of this Yantra starts.  For Pujan (Poojan): ओं ---------- देव्यै पूजियामि नम: ! (e.g., ओं गजानना देव्यै पूजियामि नम: ! ) For Tarpan: ओं ---------- देव्यै  तर्पयामि नम: ! (e.g., ओं गजानना देव्यै  तर्पयामि नम: !) Together Pujan+Tarpan: ओं ---------- देव्यै   पूजियामि / तर्पयामि नम:: ! (e.g., ओं गजानना देव्यै   पूजियामि / तर्पयामि नम:: ! ) For Jaap : ओं ---------- देव्यै नम:! (e.g., ओं गजानना देव्यै नम:!) For Havan:  ओं ---------- देव्यै स्वाहा ! (e.g., ओं गजानना देव्यै स्वाहा !) Note: in the empty space ( ---------- ) you can fill the name of each yogini for each time. List of 64 Yogini / चौँसठ योगिनी For better readability I put this list in four parag

108 Names Of Shri Surya From Mahabharata

Surya (Sun) is the most important planet as well as a deity. Worshiping Surya increases prana-shakti (life-force), it rays destroy many diseases and it is the biggest source of never ending energy. There is a Strota, called Surya-Kavach, it is chanted for protection, as a deity his protection is very strong — remember the case of Karna in Mahabharata, he was invincible due to Surya-Kavach. This Surya-Kavach wasn’t as it is shown in movies, it was a Mantrik protection which Karna had and on Indra request he promised not to use it in the war. We take note of popular deities, but Surya as a deity is not lesser than others — though there are less Sanskrit literature on Surya (as I know), but whatever it is, like Surya Kavach and Aditya Hriday Strota, I think, is very potent. English Name | हिंदी नाम 1) Om Suryaay Namah | ॐ सूर्याय नम: 2) Om AryMane Namah | ॐ अर्यमणे नम:

Devi Lalita Vrat & Puja Vidhi

 This festival is celebrated on Bhadon Vadi Chhath. It is for Devi Lalita, this day she is worshiped. Women worship Devi Lalita by Vrat and Puja, ‘coz they want to see the Goddess as their friend. And as a friend Devi is supposed to solve their problems of life and fulfil other genuine wishes. गंगा द्वारे कुशावंते विल्वके नील पर्वते ॥ स्नात्वा कनखले देवि हरं लब्धवतीं पतितं ॥ ललिते सुभगे देवी सुख सौभाग्य दायिनी ॥ अनंतं देहि सौभाग्यम मह्यं तुम्भ नमोनमः:॥ In her worship, above stotra is chanted which means — हे देवी ! आपने गंगाद्वार, विल्वक, नीलपर्वत एवं कनखल इत्यादि पवित्र तीर्थो में स्नान कर भगवान शंकर को पति के रूप में वरण किया है, हे सौभाग्यदायिनी देवी ललिता आपको नमस्कार करता हूँ (करती हूँ ) ।

Mantra To Remove Poverty & Attract Lakshmi On Diwali

 Here are few things that previous generations used to do on Diwali. Mantra to remove poverty: This mantra is often chanted to beat away the poverty from the home. This is ritualistic where people imagine “poverty” and other kinds of negativity are going away and home is getting purer and cleaner to attract goddess Lakshmi. काने भेड़े दुखदायी दरिद्र तू मेरे घर से जा अब भाग ॥ देवी भगवती लक्ष्मी आई, तज घर मेरा और जा भाग ॥ डंडा बजाऊ मार लगाऊ नहीं तो जा अब भाग ॥ लक्ष्मी जी का वास हो गया मेरे यहाँ, तेरा नहीं निस्तार ॥ Mantra to attract Lakshmi:

10 Names Of Shri Batuk Bhairav From Agam Rahasya

These ten names of Shri Batuk Bhairav from Agam Rahasya are in stotra form. please check below. If you worship Shri Batuk then these name stotra should be learned by heart. Without remembering and worshiping Him no Chandi / Durga Puja gets completed 'coz He is the Ang Devta of Devi. He is supposed to be pleased easily and protects our family, home and belongings.  अद्याद्यो हेतुबटुको द्वितीयो बटुक स्मृतः । त्रिपुरान्तक बटुकस्तृतीयः परिकीर्तितः ।। वह्निवेताल बटुकश्चतुर्थः कीर्तितः शिवेन अथाग्निजिह्वबटुक पञ्चमः परिकीर्तितः ।। श्रीकालबटुकस्तद्वत् करालबटुकस्तथा । तथैकपाद बटुकः श्री भीमबटुकस्तथा ।।  त्रैलोक्य बटुकश्चैव श्री सिद्धबटुकस्तथा । दश वै बटुका ख्याताः सर्व सिद्धि प्रदायकाः ।।

Organising the mind and creating something wonderful

 I work from home as many people do. When I get up in the morning, I often get confused either to take a bath, a walk, watch tv — or do my work. And when I open my PC, still there are so many things: backing up files, mainly databases, managing usernames and passwords, reading emails, and there is always a chance to get lost in social media, facebook, twitter and other things. After an hour or two, I find that I’ve messed up everything. But this must not go everyday….. So I need to use a willpower? Kind of motivation, inspiration that I need to do only prioritise work: what is important, first; second important, second; third important, third; and so on. But in my case, will power often fails — it makes me inflexible, arrogant, dry of ideas and playfulness. And I find myself just doing nothing, it's just willpower and determination that break my back.

Twelve (12) Names Of Kashi (Varanasi)

 In India most people just know three names of (1) Kashi; two others — (2) Banaras, (3) Varanasi. But there are 12 more names too written in Skanda Puran; they are as followings: १) LolarKaay | लोलार्काय २) UttrarKaay | उत्तरार्काय ३) SambaditYaay | साम्बादित्याय ४) DrupadaditYaay | द्रुपदादित्याय ५) MayukhaditYaay | मयूखादित्याय ६) KhaKholkaditYaay | खखोल्कादित्याय ७) ArunaditYaay | अरुणादित्याय ८) VradhaditYaay | वृद्धादित्याय १०) KeshwaditYaay | केशवादित्याय ११) VimladitYaay | विमलादित्याय १२) YamaditYaay | यमादित्याय