Web Design & Website Development

FORMATTING :
In HTML the text can be formatted in many ways with the ability to make text bold, italicized, or underlined , these are few of the option available to indicate how text can appear in HTML .
BOLD FORMATTING :
Bold formatting property changes the element to bold format,anything that appears within ........ element,is displayed in bold .
Example for Bold formatting :



Bold Formatting


The following word uses a bold typeface.


Result for the above Example

ITALIC FORMATTING :
Italic formatting property changes the element to bold format anything that appears within ... element is displayed in italicized
Example for Italic Formatting :



Italic Text Example


The following word uses a italicized typeface.


Result for the Above Example :

UNDERLINED & STRIKE :
Underlined and Strike format property changes the element to underlined and strikethrough,anything that appears within ........ element is displayed with underline and Anything that appears within .. element is displayed with strikethrough.
Example for Underlined and strike :


Underlined and Strike Text Example

The following word uses a underlined typeface. The following word uses a strikethrough typeface.


for the above Example :

HTML BASICS :

A simple HTML Document :

Title of the page This is Heading This is paragraph

Explanation for the above HTML document :

1.The DOCTYPE declaration defines the document type to be HTML.

2.The text between and describes an HTML document.

3.The text between and provides info about the document.

4.The text between and provides a title for the document.

5.The text between and describes the visible page content.

6.The text between and describes a heading.

7.The text between and describes a paragraph.

HEADING IN HTML :

Every document will have a heading. HTML has different sizes for headings. which use the following elements , , , , , and . While displaying any heading, browser adds one line before and one line after that heading.

Example for Heading :

Heading Example Example for heading h1 Example for heading h2 Example for heading h3 Example for heading h4 Example for heading h5 Example for heading h6

Result for the above Example :



PARAGRAPH IN HTML:

In HTML you can structure your text into different paragraphs by using the tag .Each paragraph of text should go in between an opening and a closing tag .

Example for Paragraph :

Paragraph Example This is First Paragraph. This is Second Paragraph. This is Third Paragraph.

Result for the above example :



LINE BREAK IN HTML :

If you use the tag , anything following it starts from the next line . This tag is an example of an empty element, there is no need for opening and closing tags, as there is nothing to go in between them.

Example for Line break :

Example for Line Break This is an example for Line Break

Result for the above example :



CENTERING CONTENT :

To center any content in HTML You can use tag this will to put any content inside the tag in the center of the page or any table cell.

Example for Centering content :

Centering content This is not in the center . This is in the center.

Result for the above example :



PRESERVE FORMATTING :

If want your text to be exact format of how it is written in the HTML document you can use the preformatted tag . Any text between the opening tag and the closing tag will preserve the formatting of the source document.

Example for Preserve formatting :

Preserve Formatting This is an Example for preserve

Result for the above example :



HORIZONTAL LINE :

To create a horizontal line between a section of document the tag can be used it creates a line from the current position in the document to the right margin and breaks the line accordingly .

Example for horizontal line :

Horizontal Line This is above the line This is below the line

Result for the above example :

HTML BASICS :

A simple HTML Document :

Title of the page This is Heading This is paragraph

Explanation for the above HTML document :

1.The DOCTYPE declaration defines the document type to be HTML.

2.The text between and describes an HTML document.

3.The text between and provides info about the document.

4.The text between and provides a title for the document.

5.The text between and describes the visible page content.

6.The text between and describes a heading.

7.The text between and describes a paragraph.

HEADING IN HTML :

Every document will have a heading. HTML has different sizes for headings. which use the following elements , , , , , and . While displaying any heading, browser adds one line before and one line after that heading.

Example for Heading :

Heading Example Example for heading h1 Example for heading h2 Example for heading h3 Example for heading h4 Example for heading h5 Example for heading h6

Result for the above Example :



PARAGRAPH IN HTML:

In HTML you can structure your text into different paragraphs by using the tag .Each paragraph of text should go in between an opening and a closing tag .

Example for Paragraph :

Paragraph Example This is First Paragraph. This is Second Paragraph. This is Third Paragraph.

Result for the above example :



LINE BREAK IN HTML :

If you use the tag , anything following it starts from the next line . This tag is an example of an empty element, there is no need for opening and closing tags, as there is nothing to go in between them.

HTML - Getting Started





What Do You Need?

You don't need any tools to learn HTML at W3Schools.

You don't need any HTML editorYou don't need a web serverYou don't need a web site

Editing HTML

In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best way to learn HTML.

However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.

Creating Your Own Test Web

If you just want to learn HTML, skip the rest of this chapter.

If you want to create a test web on your own computer, just copy the 3 files below to your desktop.

(Right click on each link, and select "save target as" or "save link as")

After you have copied the files, you can double-click on the file called "mainpage.htm" and see your first web site in action.

Use Your Test Web For Learning

We suggest you experiment with everything you learn at W3Schools by editing your web files with a text editor (like Notepad).

Note: If your first web site contains HTML markup tags you have not learned yet, don't panic. You will learn much more HTML in the next chapters.

HTM or HTML Extension?

When you save an HTML file, you can use either the .htm or the .html extension. We use .htm in our examples. It is a habit from the past, when the software only allowed three letters in file extensions.

With new software it is perfectly safe to use .html.

Shell objects and general folder/Windows Explorer
shortcuts
For a selected object:
F2: Rename object
F3: Find all files
CTRL+X: Cut
CTRL+C: Copy
CTRL+V: Paste
SHIFT+DELETE: Delete selection immediately, without
moving the item to the Recycle Bin
ALT+ENTER: Open the properties for the selected
object
To copy a file
Press and hold down the CTRL key while you drag
the file to another folder.
To create a shortcut
Press and hold down CTRL+SHIFT while you drag a
file to the desktop or a folder.
General folder/shortcut control
F4: Selects the Go To A Different Folder box and
moves down the entries in the box (if the toolbar is
active in Windows Explorer)
F5: Refreshes the current window.
F6: Moves among panes in Windows Explorer
CTRL+G: Opens the Go To Folder tool (in Windows
95 Windows Explorer only)
CTRL+Z: Undo the last command
CTRL+A: Select all the items in the current window
BACKSPACE: Switch to the parent folder
SHIFT+click+Close button: For folders, close the
current folder plus all parent folders
Windows Explorer tree control
Numeric Keypad *: Expands everything under the
current selection
Numeric Keypad +: Expands the current selection
Numeric Keypad -: Collapses the current selection.
RIGHT ARROW: Expands the current selection if it is
not expanded, otherwise goes to the first child
LEFT ARROW: Collapses the current selection if it is
expanded, otherwise goes to the parent
Properties control
CTRL+TAB/CTRL+SHIFT+TAB: Move through the
property tabs
Accessibility shortcuts
Press SHIFT five times: Toggles StickyKeys on and off
Press down and hold the right SHIFT key for eight
seconds: Toggles FilterKeys on and off
Press down and hold the NUM LOCK key for five
seconds: Toggles ToggleKeys on and off
Left ALT+left SHIFT+NUM LOCK: Toggles MouseKeys
on and off
Left ALT+left SHIFT+PRINT SCREEN: Toggles high
contrast on and off
Microsoft Natural Keyboard keys
Windows Logo: Start menu
Windows Logo+R: Run dialog box
Windows Logo+M: Minimize all
SHIFT+Windows Logo+M: Undo minimize all
Windows Logo+F1: Help
Windows Logo+E: Windows Explorer
Windows Logo+F: Find files or folders
Windows Logo+D: Minimizes all open windows and
displays the desktop
CTRL+Windows Logo+F: Find computer
CTRL+Windows Logo+TAB: Moves focus from Start,
to the Quick Launch toolbar, to the system tray (use
RIGHT ARROW or LEFT ARROW to move focus to
items on the Quick Launch toolbar and the system
tray)
Windows Logo+TAB: Cycle through taskbar buttons
Windows Logo+Break: System Properties dialog box
Application key: Displays a shortcut menu for the
selected item
Microsoft Natural Keyboard with IntelliType
software installed
Windows Logo+L: Log off Windows
Windows Logo+P: Starts Print Manager
Windows Logo+C: Opens Control Panel
Windows Logo+V: Starts Clipboard
Windows Logo+K: Opens Keyboard Properties dialog
box
Windows Logo+I: Opens Mouse Properties dialog
box
Windows Logo+A: Starts Accessibility Options (if
installed)
Windows Logo+SPACEBAR: Displays the list of
Microsoft IntelliType shortcut keys
Windows Logo+S: Toggles CAPS LOCK on and off
Dialog box keyboard commands
TAB: Move to the next control in the dialog box
SHIFT+TAB: Move to the previous control in the
dialog box
SPACEBAR: If the current control is a button, this
clicks the button. If the current control is a check
box, this toggles the check box. If the current
control is an option, this selects the option.
ENTER: Equivalent to clicking the selected button
(the button with the outline)
ESC: Equivalent to clicking the Cancel button
ALT+underlined letter in dialog box item: Move to
the corresponding item

The most important words
1. *PAN* - permanent account number.
2. *PDF* - portable document format.
3. *SIM* - Subscriber Identity Module.
4. *ATM* - Automated Teller machine.
5. *IFSC* - Indian Financial System Code.
6. *FSSAI(Fssai)* - Food Safety & Standards
Authority of
India.
7. *Wi-Fi* - Wireless fidelity.
8. *GOOGLE* - Global Organization Of Oriented
Group
Language Of Earth.
9. *YAHOO* - Yet Another Hierarchical Officious
Oracle.
10. *WINDOW* - Wide Interactive Network
Development for Office work Solution.
11. *COMPUTER* - Common Oriented Machine.
Particularly United and used under Technical and
Educational Research.
12. *VIRUS* - Vital Information Resources Under
Siege.
13. *UMTS* - Universal Mobile Telecommunicati
ons
System.
14. *AMOLED* - Active-matrix organic light-
emitting
diode.
15. *OLED* - Organic light-emitting diode.
16. *IMEI* - International Mobile Equipment
Identity.
17. *ESN* - Electronic Serial Number.
18. *UPS* - Uninterruptible power supply.
19. *HDMI* - High-Definition Multimedia
Interface.
20. *VPN* - Virtual private network.
21. *APN* - Access Point Name.
22. *LED* - Light emitting diode.
23. *DLNA* - Digital Living Network Alliance.
24. *RAM* - Random access memory.
25. *ROM* - Read only memory.
26. *VGA* - Video Graphics Array.
27. *QVGA* - Quarter Video Graphics Array.
28. *WVGA* - Wide video graphics array.
29. *WXGA* - Widescreen Extended Graphics
Array.
30. *USB* - Universal serial Bus.
31. *WLAN* - Wireless Local Area Network.
32. *PPI* - Pixels Per Inch.
33. *LCD* - Liquid Crystal Display.
34. *HSDPA* - High speed down-link packet
access.
35. *HSUPA* - High-Speed Uplink Packet Access.
36. *HSPA* - High Speed Packet Access.
37. *GPRS* - General Packet Radio Service.
38. *EDGE* - Enhanced Data Rates for Globa
Evolution.
39. *NFC* - Near field communication.
40. *OTG* - On-the-go.
41. *S-LCD* - Super Liquid Crystal Display.
42. *O.S* - Operating system.
43. *SNS* - Social network service.
44. *H.S* - HOTSPOT.
45. *P.O.I* - Point of interest.
46. *GPS* - Global Positioning System.
47. *DVD* - Digital Video Disk.
48. *DTP* - Desk top publishing.
49. *DNSE* - Digital natural sound engine.
50. *OVI* - Ohio Video Intranet.
51. *CDMA* - Code Division Multiple Access.
52. *WCDMA* - Wide-band Code Division Multiple
Access.
53. *GSM* - Global System for Mobile
Communications.
54. *DIVX* - Digital internet video access.
55. *APK* - Authenticated public key.
56. *J2ME* - Java 2 micro edition.
57. *SIS* - Installation source.
58. *DELL* - Digital electronic link library.
59. *ACER* - Acquisition Collaboration
Experimentation
Reflection.
60. *RSS* - Really simple syndication.
61. *TFT* - Thin film transistor.
62. *AMR*- Adaptive Multi-Rate.
63. *MPEG* - moving pictures experts group.
64. *IVRS* - Interactive Voice Response System.
65. *HP* - Hewlett Packard.
*Do we know actual full form of some words???*
66. *News paper =*
_North East West South past and present events
report._
67. *Chess =*
_Chariot, Horse, Elephant, Soldiers._
68. *Cold =*
_Chronic Obstructive Lung Disease._
69. *Joke =*
_Joy of Kids Entertainment._
70. *Aim =*
_Ambition in Mind._
71. *Date =*
_Day and Time Evolution._
72. *Eat =*
_Energy and Taste._
73. *Tea =*
_Taste and Energy Admitted._
74. *Pen =*
_Power Enriched in Nib._
75. *Smile =*
_Sweet Memories in Lips Expression._
76. *etc. =*
_End of Thinking Capacity_
77. *OK =*
_Objection Killed_
78. *Or =*
_Orl Korec (Greek Word)_