HTML Text Code for your Website

HTML Code

HTML text code is code that a web browser de-codes and translates the HTML into viewable and readable content in the form of a webpage. The abbreviation stands for Hyper Text Markup Language.

Building a web site webpage consists of either:Writing webpage’s by working with raw html code in notepad or creating your web site using a software program that has a WYSIWYG interface in which case the html code is generated for you automatically.

Lets do a quick example in building your first webpage without code.

Open up Notepad or a word editing program and type My Site and save it as c:/mysite.html.

Close the file then double click on the file. Your web browser should open with a blank page and the text My Site.

Well done you have built your first web page.

——————————————————-

HTML helps you format the page on how you want it to look.

——————————————————-

In figure 1 a screen shot displays a blank HTML file in a Web editor with the title My Title and in the content area Hello and Welcome. If you take a close look you will be able to see this text in figure 1.

The output to the web browser will be figure 2 and in the webpage there is Hello and Welcome and in the title there is My Title.

html text code

Figure 1
——————————————————-
The above html text code in a wysiwyg editor generated for
me is transformed by the web browser to a website webpage (Figure 2)
——————————————————-

html text code
Figure 2
——————————————————-

Lets take a look at what is happening by looking at the code.

Each webpage must start with an open html tag which is <html> and it needs a closing tag which is </html> because the tag starts at the top of the page the closing tag needs to be
at the end of the page.

The next set of tags are your head tags (<head></head>)

In between these tags you store the information of the title of
your webpage, the info of the editor you’re using (which is not
important) and your keywords.

The content of your webpage is displayed in the <body></body>
tags.

Each html webpage must have the following code:

<html>
<head>
<title>Webpage Title</title>
</head>
<body bgcolor=”white” text=”black” link=”blue” vlink=”purple” alink=”red”>
<p>Content Goes Here</p>
</body>
</html>

Now between the body tags is what will be visible in the web
browser and its where you add the content of your webpage
which might include text and images. Your content can be shown in a table and manipulated in many ways which may include:

Bold Font
Italic Font
Add Headings
Lists
Horizontal lines
Adding Links
E-mail Links
Forms

All you need to do is add the correct html text code for what you’re trying to achieve.

If you’re using the SBI block Builder to build your web pages just copy and edit the html code you need below into your content and this will work the way it needs to.

Sample HTML Code

1. Want to add bold to your text?

HTML code is:

2. Want to add italic to your text?

HTML code is:

<p>2. Want to add <i>italic to your text</i>?</p>

3. Want to add a heading?

Heading 1

HTML Code is: <h1>Heading 1</h1>

Heading 2

HTML Code is: <h2>Heading 1</h2>

Heading 3

HTML Code is: <h3>Heading 3</h3>

Heading 4

HTML Code is: <h4>Heading 4</h4>

Heading 5

HTML Code is: <h5>Heading 5</h5>

4. Want to add a list?

HTML Code is:

5. Adding a Horizontal line in the center at 80% width.

Sample 1

HTML Code is:<hr width=”80%” align=”center”>

Sample 2

50% Horizontal line in blue

HTML Code is: <hr width=”50%” color=”#006699″>

Sample 3

50% Horizontal line in blue in the center

HTML Code is: <hr width=”50%” color=”#006699″ align=”center”>

6. Adding a link

Click here to visit my site

HTML Code is:
<p>
<a href=”http://www.websitebuildersguide.com”>Click here</a>
to visit my site
</p>

7. Adding an e-mail link in your webpage website

Contact Me by clicking here.

html text code Code is:
<p>
Contact Me by
<a href=”mailto:myname@myemailaddress.com”>clicking here</a>.
</p>

Contact Me by clicking here with a subject heading.

html text code Code is:

<p>
Contact Me by
<a href=”mailto:myname@myemailaddress.com?subject=Subject Heading”>
clicking here</a>
with a subject heading.
</p>

Just study the html text code above carefully and it will make sense to you what changes and what you need to change to make changes for your website eg, font size or color.

If you want to add a table the html text code in the body tags will look like the orange highlighted text below:

<html>
<head>
<title>My Title</title>
<meta name=”generator” content=”Namo WebEditor v6.0″>
</head>
<body bgcolor=”white” text=”black” link=”blue” vlink=”purple” alink=”red”>
<p>Hello and Welcome</p>
<table border=”1″ width=”343″>
<tr>
<td width=”193″></td>
<td width=”134″></td>
</tr>
<tr>
<td width=”193″></td>
<td width=”134″></td>
</tr>
</table>
<p></p>
</body>
</html>

The above code is what a webpage would look like. I would suggest you use a quality website making software program to build your html.

Another suggestion is to keep your code using no caps.

Tags: HTML Text Code for your Website

• Twitter • StumbleUpon • Digg • Delicious • Facebook