HTML-I Basic HTML Elements

1
HTML-IBasic HTML Elements

2
HTML (Hyper Text Markup Language)

• HTML is a document layout and hyperlink-specificat
  ion language. i.e. a language used to design the
  layout of a document and to specify the
  hyperlinks. HTML tells the browser how to display
  the contents of a hypertext document. It provides
  many Layout commands that let you control the
  presentation of information on the web pages.

3
Tag

• A tag is coded HTML command that indicates how
  part of web page should be displayed. Tags are
  contained with angle bracket(ltgt)
• As HTML is not case sensitive language, HTML tags
  can be written in capital as well as small
  letter.
• e.g. HTML, title, head, BODY etc.

4
Attribute

• An attribute is a special word used inside tag to
  specify additional information to tag such as
  color, alignment etc.
• e.g. bgcolor, align etc.

5
How to create HTML document

• To create a HTML document, you can write document
  in Notepad.

6
Starting NotePad

• NotePad is the standard text editor that comes
  with the microsoft windows operating system. To
  start NotePad in windows follow the steps bellow
• Click on the Start button located on your
  Windows task bar.
• Click on Programs and then click on the
  directory menu labeled Accessories.
• Locate the shortcut NotePad and click on it.

7
Saving a File in notepad

• Once you have created your basic starting
  document and it is a good idea to save your file.
• To save a file, in NotePad, follow these steps
• Locate and click on the menu called File.
• Select the option under File Menu labeled Save
  As.
• In the File Name text box, type in the entire
  name of your file (including the extension name
  .html)
• Also not forget to select All files from Save
  As Type box.

8
Previewing Your Work

• To preview Your Work, open a web browser and do
  the following
• Click on the menu labeled File.
• Locate the menu option, Open.
• In the Open dialog box, click on the Browse
  button and locate your web document.
• Click OK once you have selected your file.
• The web browser will load the same document

9
Creating a Basic Starting Document

• ltHTMLgt
• ltHEADgt
• ltTITLEgtKV-Rohtaklt/TITLEgt
• lt/HEADgt
• ltBODYgt
• Write one paragraph about Your School.
• lt/BODYgt
• lt/HTMLgt

10
Creating a Basic Starting Document