Powered by Blogger.
RSS

Add More To Your Basic HTML Page #2

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

Download Free Mp3 Songs

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.






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

Add More To Your Basic HTML Page

 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

How To Use The Traceroute Command

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

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

 
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

How To Create A Basic HTML Page Using Notepad



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

How To Use Your Nokia Phone As A Modem


Well there are many ways you can use your nokia phone as a modem to browse the internet on your pc, but I want to show you how you can do that using the Nokia Ovi Suite.

Requirements:
  1. A Nokia phone that can browse the internet and
  2. Nokia Ovi Suite. If you don’t have it you can download it here.
Step 1
Open the Nokia Ovi suite

Step 2
Connect your device through Bluetooth or preferably using a USB (Universal Serial Bus) cable and select Nokia Suite (or Nokia Ovi Suite, PC Suite) USB mode when asked.



Step 3
Click Next  to move to the next screen and then click Finish to exit the connection setup dialogue box.


Step 4
On the next screen, select the Connect now link to move to the configuration screen.



Step 5
Leave the default options and click Next.



Step 6
Select your home country and your operator from the dropdown list and then click Connect.


Step 7
After that you click finish to exit.



Step 8
Now you are connected to the internet and your phone is serving as a modem. You can see you data usage on the home screen and as well disconnect from there.



Please use the comment box for any problem you might encounter. Thanks.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

General Keyboard Shortcuts You Should Know



Keyboard shortcuts make our work a lot easier when used at the appropriate moment. Below I’ve briefly outlined major keyboard shortcuts you should know as a person who uses the windows operating system(although some shortcuts stated applies to other OS).

Key
Function
F1
Display Help
Ctrl+C
Copy the selected item
Ctrl+X
Cut the selected item
Ctrl+V
Paste the selected item
Ctrl+Z
Undo an action
Ctrl+Y
Redo an action
Delete
Delete the selected item and move it to the Recycle Bin
Shift+Delete
Delete the selected item without moving it to the Recycle Bin first
F2
Rename the selected item
Ctrl+Right Arrow
Move the cursor to the beginning of the next word
Ctrl+Left Arrow
Move the cursor to the beginning of the previous word
Ctrl+Down Arrow
Move the cursor to the beginning of the next paragraph
Ctrl+Up Arrow
Move the cursor to the beginning of the previous paragraph
Ctrl+Shift with an arrow key
Select a block of text
Shift with any arrow key
Select more than one item in a window or on the desktop, or select text within a document
Ctrl with any arrow key+Spacebar
Select multiple individual items in a window or on the desktop
Ctrl+A
Select all items in a document or window
F3
Search for a file or folder
Alt+Enter
Display properties for the selected item
Alt+F4
Close the active item, or exit the active program
Alt+Spacebar
Open the shortcut menu for the active window
Ctrl+F4
Close the active document (in programs that allow you to have multiple documents open simultaneously)
Switch between open items
Use the arrow keys to switch between open items
Ctrl+Mouse scroll wheel
Change the size of icons on the deskto
Windows logo key
+Tab
Cycle through programs on the taskbar by using Aero Flip 3-D
Ctrl+Windows logo key +Tab
Use the arrow keys to cycle through programs on the taskbar by using Aero Flip 3-D
Alt+Esc
Cycle through items in the order in which they were opened
F6
Cycle through screen elements in a window or on the desktop
F4
Display the address bar list in Windows Explorer
Shift+F10
Display the shortcut menu for the selected item
Ctrl+Esc
Open the Start menu
Alt+underlined letter
Display the corresponding menu
Alt+underlined letter
Perform the menu command (or other underlined command)
F10
Activate the menu bar in the active program
Right Arrow
Open the next menu to the right, or open a submenu
Left Arrow
Open the next menu to the left, or close a submenu
F5
Refresh the active window
Alt+Up Arrow
View the folder one level up in Windows Explorer
Esc
Cancel the current task
Ctrl+Shift+Esc
Open Task Manager
Shift when you insert a CD
Prevent the CD from automatically playing

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS