HTML (Hyper Text Markup Language)

What is HTML? • HyperText Markup Language, the coding language used to create hypertext documents for the World Wide Web. In HTML, a block of text can be surrounded with tags that indicate how it should appear (for example, in bold face or italics). Also, in HTML a word, a block of text, or an image can be linked to another file on the Web. HTML files are viewed with a World Wide Web browser.

What is an HTML File? • An HTML file is a text file containing small markup tags • The markup tags tell the Web browser how to display the page • An HTML file must have an htm or html file extension • An HTML file can be created using a simple text editor

Basic HTML Tags Tag Description Defines an HTML document

Welcome to SCS DAVV

The different course run at SCS are
M.Tech.(CS)
M.Sc. (IT/CS)
MCA
MBA(CM)

HTML tags Cont… • Renders as teletype or mono spaced text • Renders as italic text • Renders as bold text • Renders as bigger text • <small> Renders as smaller text

HTML tags Cont… • Body tag Attributes changes the background color of body. The color name is equivalent to hexadecimal no. Specifies the background of document. changes the body text color.

HTML tags Cont… • Types of lists. Unordered list(Bullets) Unordered list starts with

and ends with

tag. Each list item starts with

tag. Eg.

• M.Tech(cs)
• M.Sc(it/cs)
• MBA(cm)

HTML tags Cont… • Ordered list (numbering). This list starts with

and ends with

tag. Each list item start with

tag. And type used to controls the numbering scheme to be used. For eg. Type=“1” will give counting numbers(1,2,……) Type=“A” will give Upper case letter(A,B,……)

5. India
6. America
7. china

HTML tags Cont… • Definition list This list is used to define a term start with

and ends with

. It have two parts (i) definition term and (ii) definition description.

SCS

School of Computer Science

SoEx

School of Electronics.

HTML tags Cont… • Table tag and its attributes. All table related tags are included in between and . Each row starts with and and each column starts with and .

HTML tags Cont… • Graphics in html document. HTML mainly accepts two types of file format .jpg and .gif . The image can inserted into document using tag.

Linking Documents • HTML allows linking to other HTML documents or images. Clicking on text or image will open an entire web page or an image. The text or image that provide such links is called Hyperlink, Hypertext or Hotspot. • Browser distinguishes Hyperlinks from normal text by…. • Each hyperlink appears blue in color • The hyperlink text/image is underlined. • When mouse cursor placed over it, mouse shape changes to shape of hand.

Linking Documents Cont……. • Links are created by using and tags. Anything written in between this tags becomes hyperlink. • By using HREF attribute of tag the document to navigate must be specifed. Ex.

Frames

• Frames divides the browser screen into two or more HTML recognizable unique regions using and tags. Each region is known as frame. • The frameset tag requires following two attributes, for screen has to be divided into rows or columns. • Rows- This attribute is used to divide screen into multiple rows. It can be set equal to a list of values. The values can be: – A no. of pixel

– Expressed as percentage of screen resolution. – The symbol *, which indicates the remaining space.

Frames tag cont……… • Cols:---- This divides the screen into multiple columns. • Ex. divides the screen into 3 equal horizontal sections. splits 1st horizontal section into 2 equal vertical section.

Frames tag cont……… • Other attributes (after division of screen)SRC=“URL” Marginheight=n – specifies the amount of white space to be left at the top and bottom of frame. Marginwidth=n - specifies the amount of white space to be left along the sides of frame. Name= “name” – identification of frame. Scrolling – values are yes/no/auto.

Frames tag cont……… • Example