Powered by Blogger.
RSS

Add More To Your Basic HTML Page #2

08:18 | Labels: , , , ,

Word processing applications give you options for formatting and I know you use them all the time. Well the good news is that HTML also has a way of formatting which is achieved through the use of HTML tags and the bad news is that inappropriate use of these tags results in a bad web page. This lesson deals with some of the more common formatting options.

Requirements
  1.  Text Editor (Notepad for those using Windows or TextEdit for Mac users).
  2.  Web Browser (Internet Explorer, Firefox, Google Chrome, Netscape etc).
  3.  A Basic HTML Page.
 Step 1
Open the basic HTML page with a text editor (Notepad or TextEdit ).

Step 2Add the following HTML code between the <body></body> tags. And don't forget to save your work after editing the file.


Headings
There is a special tag for specifying headings in HTML. There are 6 levels of headings in HTML ranging from <h1> for the most important, to <h6> for the least important.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

The <strong> Element
This is used to place a strong importance on a piece of text, use the <strong> element.

<p><strong>Attention:</strong> Please leave the door open.</p>

The <em> Element
 You can place an emphasis on text by using the <em> element.

<p>Strawberries are <em>delicious</em>!</p>

Line Breaks
You can force a line break by using the <br> element.

<p>Here is a <br />line break.</p>

Horizontal Rule
You can create a horizontal rule by using the <hr> element.

Here's a horizontal rule... <hr /> ...that was a horizontal rule :)

Unordered (un-numbered) List
To create an unordered list, use the <ul> element to define the list, and the <li> element for each list item.

<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ul>

Ordered (numbered) List
To create an ordered list, use the <ol> element to define the list, and the <li> element for each list item.
Note, that the only difference between an ordered list and an unordered list is the first letter of the list definition ("o" for ordered, "u" for unordered).

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>

 Step 3
Open the file in any browser by simply
  1. Navigating to your file then double clicking on it
...OR...
  1. Open up your computer's web browser (for example, Internet Explorer, Firefox, Netscape etc).
  2. Select File > Open, then click "Browse". A dialogue box will appear prompting you to navigate to the file. Navigate to the file, then select "Open".
 Exercise
Open the source page of websites and play around with the tags inside by opening your browser, go to any website, and follow the steps below to view the source page.

  1. View > Source (Internet Explorer)
  2. Tools > Web Developer > Page Source =  Ctrl + U (Mozilla Firefox)
  3. View > Source = Ctrl + U (Opera)
<<Add More To Your Basic HTML Page
  

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(4)
Posted by Nerdszone

Download Free Mp3 Songs

06:21 | Labels: , , ,

Find below some websites that might come in handy when ever you want to download a song without having to pay a dime for it.



 

Beemp3


Please use the comment box below to tell us other sites you download free songs apart from the ones mentioned above.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Nerdszone

Add More To Your Basic HTML Page

14:54 | Labels: , , , , ,

 HTML Tags are used to describe the contents of a web page so that you can view them in browsers. And in some mins, we will spice up our Basic HTML Page with some tags but before then, what is HTML Tags all about?


  1. HTML tags are keywords (tag names) surrounded by angle brackets like <html>
  2.  HTML tags normally come in pairs like <b> and </b>
  3.  The first tag in a pair is the start tag, the second tag is the end tag
  4.  The end tag is written like the start tag, with a forward slash before the tag name 
  5.  Start and end tags are also called opening tags and closing tags
Requirements
  1.  Text Editor (Notepad for those using Windows or TextEdit for Mac users).
  2.  Web Browser (Internet Explorer, Firefox, Google Chrome, Netscape etc).

Step 1
 Open the html file you created based on the Basic HTML Page post  with a text editor (Notepad or TextEdit ).

Step 2
Add the code (or copy & paste) between the <body></body> tags.

<html>

<head>
<title>A Simple Web Page</title>
</head>

<body>
<center>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<b>This text is in bold</b>
<i>This text is in italics</i> 
 
<p>It's nice to be able to add <b>bold text</b> and <i>italics.</i></p>

</center>
 
</body>

</html>

Step 3
  Open the file in any browser by simply
  1. Navigating to your file then double clicking on it
...OR...
  1. Open up your computer's web browser (for example, Internet Explorer, Firefox, Netscape etc).
  2. Select File > Open, then click "Browse". A dialogue box will appear prompting you to navigate to the file. Navigate to the file, then select "Open".
 Summary
  • <title></title> : Sets the title of a web page.
  • <h1></h1> : Beginning and end of a heading.  
  • <p></p> : Beginning and end of a paragraph (puts a space between paragraphs).
  •  <b></b> : Bold text.
  •  <i></i> : Italics.
  •  <center></center> : Centre everything between these tags (note the American spelling).
  Note that not all browsers/user agents support all HTML tags and their attributes, so you should try to test your pages in as many browsers as you can.

<<How To Create A Basic HTML Page

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Nerdszone

How To Use The Traceroute Command

02:12 | Labels: , , ,

Traceroute is a command which can show you the path a packet of information takes from your computer to one you specify. It will list all the routers it passes through until it reaches its destination, or fails to and is discarded. In addition to this, it will tell you how long each 'hop' from router to router takes.


Step 1
In Windows, select Start > Programs > Accessories > Command Prompt. This will give you a window like the one below.

Step 2
Enter the word tracert, followed by a space, then the domain name.
The following is a successful traceroute from a home computer in New Zealand to mediacollege.com:
Firstly it tells you that it's tracing the route to mediacollege.com, tells you the IP address of that domain, and what the maximum number of hops will be before it times out.

Next it gives information about each router it passes through on the way to its destination.

1 is the internet gateway on the network this traceroute was done from (an ADSL modem in this case)
2 is the ISP the origin computer is connected to (xtra.co.nz)
3 is also in the xtra network
4 timed out
5 - 9 are all routers on the global-gateway.net.nz network (the domain that is the internet gateway out of New Zealand)
10 - 14 are all gnaps.net in the USA (a telecom supplier in the USA)
15 - 17 are on the nac network (Net Access Corporation, an ISP in the New York area)
18 is a router on the network mediacollege.com is hosted on
and finally, line 19 is the computer mediacollege.com is hosted on (sol.yourhost.co.nz)

Each of the 3 columns are a response from that router, and how long it took (each hop is tested 3 times). For example, in line 2, the first try took 240ms (240 milliseconds), the second took 421 ms, and the third took 70ms.
You will notice that line 4 'timed out', that is, there was no response from the router, so another one was tried (202.50.245.197) which was successful.
You will also notice that the time it took quadrupled while passing through the global-gateway network.

This is extremely useful when trying to find out why a website is unreachable, as you will be able to see where the connection fails. If you have a website hosted somewhere, it would be a good idea to do a traceroute to it when it is working, so that when it fails, you can do another traceroute to it (which will probably time out if the website is unreachable) and compare them. Be aware though, that it will probably take a different route each time, but the networks it passes through will generally be very similar.

If the example above had continued to time out after line 9, you could suspect that global-gateway.co.nz was the problem, and not mediacollege.com.
If it timed out after line 1, you would know there was a problem connecting to your ISP (in this case you would not be able to access anything on the internet).

It is generally recommended that if you have a website that is unreachable, you should use both the traceroute and ping commands before you contact your ISP to complain. More often that not, there will be nothing to your ISP or hosting company can do about it.

Read more about the ping command.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Nerdszone

How to use the ping command in the Command Line Interface.

00:51 | Labels: , , ,

 
Pinging is a command which tells you if the connection between your computer and a particular domain is working correctly. Read on to learn how to use the ping command  in the CLI (Command Line Interface) to check if connection is established between your PC and a particular domain.



Step 1
In Windows, select Start > Programs > Accessories > Command Prompt. This will give you a window like the one above.

Step 2
Enter the word ping, followed by a space, then the domain name.

Step 3
If the results show a series of replies, the connection is working. The time shows you how fast the connection is.

Note:
If you see a "timed out" error instead of a reply, there is a breakdown somewhere between your computer and the domain. In this case the next step is to perform a traceroute.

Learn more about traceroute, read this post How To Use The Traceroute Command.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Nerdszone

How To Create A Basic HTML Page Using Notepad

15:46 | Labels: , , , , ,



With HTML you can create your own Web site, wow! Great isn't it? But it all starts from somewhere that's why today, am gonna show you how to create a basic HTML page using Notepad. HTML is easy to learn - You will enjoy it.


Requirements
  1. Text Editor (Notepad for those using Windows or TextEdit for Mac users).
  2. Web Browser (Internet Explorer, Firefox, Google Chrome, Netscape etc).

Step 1
Open up your computer's normal plain text editor (this will probably be Notepad if you're using Windows or TextEdit if you're using a Mac). 

Step 2 
Type the following code (or copy & paste):

<!DOCTYPE>

<html>

<head>

</head>

<body>

</body>

</html>
 Step 3
 Save the file with .html extension.

Step 4
Open the file in any browser by simply
  1. Navigating to your file then double clicking on it
...OR...
  1. Open up your computer's web browser (for example, Internet Explorer, Firefox, Netscape etc).
  2. Select File > Open, then click "Browse". A dialogue box will appear prompting you to navigate to the file. Navigate to the file, then select "Open".




That's all! Congratulations you've created a basic HTML page. Please use the comment box below for any questions.

<<HTML Tutorial

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Nerdszone
Subscribe to: Posts (Atom)