HTML Basic Formatting

clookid · #1 (**permalink**) 01-03-2007, 11:12 PM

HTML Basic Formatting

Welcome to the HTML Basic Formatting tutorial of Webmaster's Tutorials! You will learn a lot of important tags in this tutorial, two of which have different ways of doing them but please do not pick at me for choosing a way that you do not like.

After reading this tutorial you will know:

how to bold text.
how to do italics text.
how to underline text.
how to give text emphisis.
how to do a line break.
how to use paragraphs.
how to do a horizontal line.

As I do in all of my tutorials, I am going to start off with an example and explain it bit by bit. This example is actually going to have a use!

Here is the example:

Example 1-1:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
      <title>HTML Example</title>
  </head>
  <body>
    <b>This text is bold.</b>
    <i>This text is italics.</i>
    <u>This text is underlined.</u>
    <em>This text has emphisis.</em>
    <br>
    I have just used a line break.
    <p>This is a paragraph.</p>
    This is a horizontal line.
    <hr>
  </body>
</html>

The above will output:
This text is bold. This text is italics. This text is underlined. Cannot give text emphisis with BBcode.
I have used a line break.

This is a paragraph.

This is a horizontal line.
Cannot do horizontal lines with BBcode.

Line 1:
This is just the first opening line of an HTML document (you already know this from the last tutorial).

Line 2:
This is just the first opening line of an HTML document (you already know this from the last tutorial).

Line 3:
This is the opening of the head tag.

Line 4:
This is the title of the document. In this case it is "HTML Example".

Line 5:
This is the closing head tag.

Line 6:
This is the opening of the body tag.

Line 7:
This is finally a tag that you do not know! It outputs bold text.

Line 8:
This outputs italical text.

Line 9:
This underlines text.

Line 10:
This gives text emphasis.

Line 11:
This is a line break. A line break moves text to the next line.

Line 12:
This is just outputting text after the line break.

Line 13:
This is a paragraph.

Line 14:
This is just outputting text before the horizontal line.

Line 15:
This is a horizontal line.

Line 16:
This is closing the body tag.

Line 17:
This is finally bring the script to a conclusion (closing the document).

You have finally come to the end of this tutorial. I hope you enjoyed it! Keep practicing, you will not get all of this information in one gobble. You may need to read this tutorial over and over again until you understand/remember all of the tags that you have been taught.

You must have authors permission to use this tutorial!

AfTriX · #2 (**permalink**) 01-05-2007, 12:36 PM

Thanks for explaining easy stuffs. Useful for the beginners.

xtraze · #3 (**permalink**) 01-06-2007, 08:07 PM

But I advice all to use <br> and <hr> tags as
<br />
<hr />
As when you are passing HTML and going to DHTML,XHTML you must obey some rules, but get used to them from now as sometimes it can be a trouble.
When it's XHTML, you can include attributee or some things. like
<hr width="90%" />
Where the line will only cover 90%. But when working with XHTML you should Obey these rules.

codes must be in simple letters.
single tags must be like <tag />

Thanks for the topic dude, Learn from the Basics. Nice.

AfTriX · #4 (**permalink**) 01-07-2007, 02:11 AM

Thats a great idea dude! While we preparing ourself a language being prepared for another one as well. And I also encountered some trouble when I tried VB Script and then the JavaScript due to the problems like Case Sensitive and so on..

clookid · #5 (**permalink**) 01-07-2007, 10:17 PM

xtraze, that was exactly what I asked people not to do in my tutorial! :P

Quote:

two of which have different ways of doing them but please do not pick at me for choosing a way that you do not like.

xtraze · #6 (**permalink**) 01-08-2007, 01:37 AM

Sorry about that and I never saw that Quote till now. Sorry, and send me a PM if you want that post + this post to be deleted, only if you really hate it and mad at me.

But I am not picking at you, just adding up something.

clookid · #7 (**permalink**) 01-08-2007, 09:45 PM

I am not mad other wise I would have put the little ":P" :P

xtraze · #8 (**permalink**) 01-09-2007, 12:09 AM

But I thought you are MAD as I saw your Avatar,. lol
Just Joking, let's get back to the topic.

***John*** · #9 (**permalink**) 01-09-2007, 07:16 PM

I didnt think I would learn anything from reading a HTML tutorial but I never knew there was such thing as text emphasis. Nice one!

clookid · #10 (**permalink**) 01-11-2007, 05:14 PM

Thank you. The other day I thought the same about hyperlinks but I learnt that you can make 'em keyboard and click based by using the follow code:

Code:

<html>
<head>
<title>Page 1</title>
</head>

<body>
<p><a href="http://localhost/page2.html" accesskey="o">
       Hit key o</a> to open page 2.
</p>
</body>
</html>

It's worth a try! I hope you can make a use for it!

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Code:VB6.0 Basic HTML Editor	TcM	VB Tutorials	25	08-22-2008 11:51 AM
About HTML	Onur	Tutorials	0	08-28-2007 06:13 PM
HTML Introduction	clookid	Tutorials	5	01-08-2007 09:43 PM
What is HTML, DHTML and XHTML?	Lop	HTML Programming	5	08-09-2006 11:00 AM
Removing HTML from a String using ColdFusion	roger	ASP, ASP.NET and Coldfusion	0	05-11-2006 10:19 PM

John	........	223.00000
dargueta	........	168.00000
Xav	........	164.00000
gaylo565	........	18.00000
WingedPanther	........	15.00000
\|pH\|	........	15.00000
Johnnyboy	........	3.00000
navghost	........	1.00000

CodeCall

Contest Stats

CodeCall Goal

Sponsors

Ads

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)