Post on 16-Apr-2017
transcript
1
Introduction to
HTmL
2
TABLE OF CONTENT INTRODUCTION 3WHAT IS HTML 4FEATURES OF HTML 5TAGS IN HTML 6THE THREE C’S OF WEB PAGE
16
3
Tim Berners Lee developed HTML in the early 1990 at CERN ( Conseil European de la Recherche Nucleaire ), the European Particles Laboratory in Geneva, Switzerland.HTML is a public domain and not owned by anybody. The WBC (World Wide Web Consortium www.w3.org) is the body, which controls the HTML standards.
4
HTML (HYPER TEXT MARKUP
LANGUAGE) Hyper Text Markup Language (HTML)
is suitable for converting ordinary text into hypertext. It is a set of special codes included to control the layout and appearance of the text. Technically, HTML is not a programming language. It combines instructions within data to form a display program, called browser.
5
HTML HAS THE FOLLOWING FEATURES
1.
• HTML is a character-based method for describing and expressing the content. The content is pictures, text, sound, and video clips.
2.• It delivers• the contents to multiple
platforms.
3.
• It links document components or documents together to compose compound documents.
4.
• HTML is a type of code. It embeds simple codes within Standard ASCII test documents to provide an integrated, two-dimensional display of text and graphics.
5.
• Any document created with any word processor and stored in ASCII format can become a Web page with the addition of a few HTML codes.
6
Tag or Tag element refers to the HTML codes that define the element in an HTML file such as headings, images, paragraphs and list. There are two kinds of tags container tag and empty tag. HTML tags are inserted into a document between < and > symbols. Tags are not case-sensitive.
7
HTML TAGSContainer Tag < > Empty Tag Attribute : Attribute
=“value” e.g., align = “center”
8
Paragraph and Line Break Tags :
The P (Paragraph) Tags <P> The BR (Line Break) Tag <BR>
9
Formatting the text
Using Italic <I> </I> and
Bold Highlighting. <B> </B>
Underline <U> </U>
10
Starting user page document tags :
The Html Tag <HTML> </HTMLThe Title Tag <TITLE> </TITLE>The Head Tag <HEAD> </HEAD>The Body Tag <BODY> </BODY>
11
Creating ListsThe OL (Ordered List ) Tags <OL>
</OL> 1. Kolkata2. Delhi3. MumbaiThe UL (Unordered List) Tag <UL>
</UL>• Kolkata• Delhi • Mumbai
12
Creating Definition Lists
DL Tag – A tag to define the list <DL> </DL>
DT Tag – A tag to define the term
<DT> </DT>DD Tag – A tag to define the
definition <DD> </DD>
13
Other Tags
The HR Tag (Horizontal Rule)<HR> </HR>
The LI Tag <LI> </LI>
14
Adding Image to your Web Page
The Image Tag Syntax : <img src=“ file name with the extention .png or .jpg ”> </img>
e.g.; <center><img src=“ sxccal.jpg”></img></center>
15
CREATING HYPERTEXT LINKS • Anatomy of the A (Anchor) Tag :
<A HREF = “SXC.HTML”> Go to sub document</A>
Start and End tags
Link Target Link Text
16
To develop Web pages, we always remember the following three C’s
of Web page design :
Quality Content