Hello readers, how are you? Hope you are well! Today we take a look at the 7th part of HTML tutorial. The previous post in this series,
they need to be
connected to the link
for those who could
not read. You can see it. Let’s start today’s learning-
Pre Element
The tag advantage of the long sentence,
the paragraph Enter
text editor where to start or where
to use the tab
browser, it will
show the way. The browser is small / large,
but it will not change the text format. The browser uses Monospaced Font as default. Format of this tag is- <pre>
.............. </pre>
Create an html file with the following coding -
<html>
<head>
<title> Example of pre tag </title>
</head>
<body>
<h1> Position & Salary of SNS Telecom</h1>
<pre>
<b> Name Title Salary </br>
Hossain Director 30000
Shohel Manager 15000
Helal MLSS 7000
</pre>
</body>
</html>
When you open it in the browser should look
like the image below –
We talk about h1 tag after sometime.
Division Element
These tags can be divided into a variety of document. The inside of the tag, such as the
Block Level Element - table, paragraph,
heading, etc. can be used. Format of this tag is- <div> ................
</div>
Create an html file with the following coding -
<html>
<head>
<title> Example of pre tag </title>
</head>
<body>
<h1> This is SNS Telecom </h1>
<div align=center>
Our New
Wap Course
<h2> Mobile Web Page </h2>
<h1> Welcome </h1>
<p align=right>
Learn Mobile Web Page using WAP
<P align=left>
Mobile : 01820-107970
</div>
</body>
</html>
When you open it in the browser should look
like the image below –
Blockquote Element
This tag is part of the document's original
text was used
for quote. We leave some
space on the right and left
of the display. Format of this tag is-
<blockquote> ..............
</blockquote>
Create an html file with the following coding -
<html>
<head>
<title> This is an example for Center
tag</title>
</head>
<body>
Whether you are a seasoned word user or a first-timer,
this tutorial meets you at your current level and helps you grow from there.
<blockquote>
If you’re already familiar with html’s
functionality, you’ll find plenty of help to streamline and enhance your work.
</blockquote>
</body>
</html>
When you open it in the browser should look
like the image below –
Heading Element
Given the title of the text is shaped by this tag. From h1 to h6 total there are six labels. heading- H1 heading the largest and h6 the smallest heading. Format of this tag is-
<h1> ................ </h1>
Create an html file with the following coding -
<html>
<head>
<title> Example for Heading</title>
</head>
<body>
<h1> This is SNS Telecom </h1>
<h2> This is SNS Telecom </h2>
<h3> This is SNS Telecom </h3>
<h4> This is SNS Telecom </h4>
<h5> This is SNS Telecom </h5>
<h6> This is SNS Telecom </h6>
</body>
</html>
When you open it in the browser should look
like the image below –
Horizontal Line Element
This allows you to tag documents are drawn at
the Horizontal Line. You need a line in text for special reason. Format of this tag is only
<hr>. It’s an empty tag.
Create an html file with the following coding -
<html>
<head>
<title> Example for Heading </title>
</head>
<body>
<address>
Mr. MB. Hossain
SNS Telecom
Meah
Khan Road, Chairman Ghata,
East Bakalia, Chittagong.
Mobile- 01820-107970
<hr>
</address>
</body>
</html>
When you open it in the browser should look
like the image below –
This tutorial for those who are inexperienced in this
tutorial is really about their achievements.
Forgive me if I do any wrong. If you need
good and evil, I would
encourage you to
write more in the future tutorials.
Keep this up today. Keep your eyes on this site for the next part. Please visit this site regularly
to see the new
tutorials. Best of luck of all & Please take
care of you & your parents.
No comments:
Post a Comment