HTML

HTML, HYPERTEXT MARKUP LANGUAGE…
Writing a simple HTML Source…
<<>>open Notepad/any simple text editor.. I.E NOTEPAD++, GEDIT, etc
<<>>Save the page as, your_file_name.html 
[.html/.htm is the extension for html files, file name can be any name as your wish]
Now Write
<html>
<head>
<title> my first page</title>
</head>
<body>
<h1>Hello Web World</h1>
<p>This is a sample paragraph. which can be start with oneline and end with multiple lines. You can use any type of text as content. Most of the time we use paragraph to show text based contents of a page. 
</p>
</body>
</html>

now save the file again.. 
right click on the file, and open with the file with any browser..
Most of the computers will open this file with default browser set on your computer. E.G, Internet explorer, Mozilla Firefox.

<html> === Start tag of html file
<head> === Header contents
</ === end of tags
<body> === main body contents. this contains the most part of the website. we see all the design or implementations of html under body tag.
<h1> === headline type 1.. there are 6 types of headline. h1 to h6, gradually reduces the size of headline texts.
<p> === Paragraphs

HTML -Part 2
▬☻☻▐☻☻▬▬
<html>
</html>

… 
Opening and closing tag of a HTML DOCUMENT
ওয়েবসাইটের শুরু এবং শেষের ট্যাগ।

<head>
</head>

Contains website information, i.e titles, meta contents, search contents.
ওয়েবসাইটের বিভিন্ন তথ্য রাখে, যেমন, টাইটেল, মেটা তথ্যভান্ডার, সার্চএর তথ্য সমূহ! একস্টার্নাল ফাইল যোগাযোগ ব্যবস্থাও এই ট্যাগের ভেতর থাকে!

<title>
</title>

Contains the title of the website.. 
ওয়েবসাইটের টাইটেল দেখানোর জন্য এই ট্যগ ব্যবহৃত হয়! [উপরে ব্রাউজার উইন্ডতে]

<body>
</body>

Contains websites contains, i.e text, images, videos etc etc, the browsers shows the contents of body to us.
ওয়েবসাইটে যা যা দেখানো হয়, তা বডি ট্যাগের ভেতর রাখা হয়!

<a href>HOME</a>

An example of a text base link/button. 
Anchor to hyper Reference. 
একটি লেখার উপর লিংক বসানোর জন্য উদাহরণ,
হাইপার রেফারেন্স এর জন্য যুক্ত ব্যবস্থা!
▬☻☻▐☻☻▬▬
HTML Part-3
▐▐▐▐▐▐ ▐▐▐▐▐▐▐▐▐▐▐▐
To Create a HTML Document..
1. Go to any text editor [Notpad, Gedit, TextEdit etc ]. যেকোন টেস্কট এডিটর ওপেন করুন
2. Save the file with extension *.html* i.e : “my_new_page.html” ফাইলটি *.html* নামে সেইভ করুন যেমন: my_new_page.html
3. Start with Open Tag <html>
Here is a sample of HTML Document দেখুন একটি এইচটিএমএল ফাইলের নমুনা।

<html>
<head>
<title> Hello World</title>
</head>

<body>
<h1>Hello Beautiful World</h1>
<p1>This is my First Website. I am learning Html Step by Step. One Day I will be able to learn how to Design and Develop Web Sites. Thanks for Reading. 
</p>
</body>
</html>
4. Now Save the document. Close it. এবার ডকুমেন্ট টি সেইভ করুন এবং বন্ধ করে দিন। (বন্ধ না করলেও চলবে)
5. You will see the document will be shown as browser Icon. Don’t Worry HTML Documents are set to open with browser with default setting of any Operating System. আপনি যেস্থানে ফাইলটি সেইভ করেছেন সেস্থানে গিয়ে দেখুন, ফাইলটি ব্রাউজার আইকোন এ দেখাচ্ছে। চিন্তানেই, যেকোন অপারেটিং সিস্টেমেই এইচটিএমএল ডকুমেন্টএর ডিফল্ট সেটিংএ ব্রাউজার সেট করা থাকে।
6. Just Double Click the File, you will see the magic. ফাইলটিতে ডাবল ক্লিক করুন এবং যাদু দেখুন।

 

চলবে…

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s