To Embed One External File Into Web Page It Is A Self-Closing Tag

general syntax for html:
<html>
<head>
</head>
<body>
</body>
</html>
sections:
1. head-for technical information about web page
2. body-for information visible to users
Head section:
It consists of five tags:
1.meta
2.Title
3.style
4.links
5.script
Meta tags:
purpose: Search Engine Optimization(SEO)
e.g :
<meta contents=keyword
Contents=description>
Des:
To search the contents in accordance with keywords
title:
<title> the contents </title>
style:
cascade style sheets
links:
syntax:
<link/>
 To embed one external file into web page

 It is a self-closing tag
script:
java script-client side scripting language.
Body section:
Text
Images
Video
Icon
Search box
Links
Button
Login
Calendar , etc
Text
<body> text
</body>
It may be of paragraph with common attributes

Name
Id
Class
Value
Paragraph:
It consists of following tags:

Font
Bold, strong
Italics, embass
Marquee
Underline
Break
Division
Span
Strike
Blink
Insert
Delete
Super, sub script
Typewriter
syntax:

Text

Font:


Syntax:
 text
 underlined text 
 bold text 
 italics text 
break 

e.g 1.1

Text appear in left

Text appear in right

Text appear in center 
Division tags
Division tag:
 To separate one line of sentence from another.
 It acts like a break tag(</br)
Attributes :
1. Align-centre, right, left
2. Style-red, green, blue, pink etc
Span tag:
There is no separation between lines
Attributes:
Style-to set color of the text
e.g
<div align=center style="color:red"> the division
</div>
 the span

Embass tag:
It displays the text in italics
similar to i tag
Strong tag:
It displays the text in bold format
 similar to b tag

Strike tag:
<strike>strike</strike>
Blink tag:
To appear the text in blinking format
<blink> blink</blink>
Insert Tag:
To insert the text, it appears in underlined format
<ins> ad</ins>
Delete tag:
To delete the text,it works like strike tag
<del> a</del>
Subscript and superscript tag:

 Mathematical representation of the expression
 Sub denotes the value at base
 Sup denotes the value at power
e.g
 2
10
Typewriter tag:
To display the text in typewriter format
<tt>typewriter text</tt>
Pre tag:
 To represents the last text of the html.
 It is placed after the closing of the html tag
e.g
</html>

<pre>text appear at bottom of page</pre>
</face>
Marquee tag:
 It appear text in scrolling manner depends on given direction.
Attribute
Direction- up, down, left, right
<marquee direction=right>
upcoming events</marquee>
Frame sets:
To divide the webpage into rows and columns
It doesn’t contain body section
Column wise frameset:

To divide the frameset into columns with 40% for html1,80% for html2
Attributes:
1. Src-name of the html to be embed
2. Name-order of the html to be appear
eg
<html>
<head>
<title>my framset</title>
</head>
<frameset cols=40%,80%>
<frame src=f1.html name=1>
<frame src=home.html name=2>
</frameset>
</html>
To allocate 40% for html1 and remaining space for html2

<frameset cols=40%,*>
To display frame with no scrolling and no option for resize:

<frame src=f1.html name=1 scrolling=no noresize>
To display the 4 frames in rows and column wise

<html>
<head>
<title>my frameset</title>
</head>
<frameset rows=40%,60%>
<frame src=f1.html name=1 >
</frameset>
<frameset cols=50%,*>
<frame src=nd.html name=3>
<frame src=ch.html name=4>
</frameset>
</html>
To display 2 frames in column and one at row

<html>
<head>
<title>my frameset</title>
</head>
<frameset rows=40%,60%>
<frame src=f1.html name=1 >
</frameset>
<frameset cols=50%>
<frame src=nd.html name=3>
</frameset>
</html>
Images
To embed an image use tag
<img src=chennai_central_.jpg >
Img tags
Attributes
1. Alt-display the alternate text instead of images if the image is not avilable
2. Width-pixels
3. Height-pixels
<img src =kolkatta-1.jpg alt=kolkaata width=200 height=400>
Usemap
To link to another page
It consists of
 area
 Map name
 Href
e.g
<img src=chennai_central_.jpg usemap=#na>
<map name=na >
<area shape=rectangle coords=50,50,100,100>
Area shape:
Circle-it consists of 3 values for cords
Rectangle-four values for coords
e.g
Href: to link to specified web by clicking the coords area in image specified
<href=http://www.google.com/>
Note:
Ensure the image file and html file are placed at same folder to avoid link problems
e.g for image tag

<html>
<head>
<title>images</title>
</head>
<body>
<img src=chennai_central_.jpg usemap=#na>
<map name=na >
<area shape=rectangle coords=50,50,100,100>
<href=f1.html>
<img src =kolkatta-1.jpg width=200 height=400>
</body>
</html>

To Embed One External File Into Web Page It Is A Self-Closing Tag

Uploaded by

Copyright:

Available Formats

You might also like

To Embed One External File Into Web Page It Is A Self-Closing Tag

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

To Embed One External File Into Web Page It Is A Self-Closing Tag

Uploaded by

Copyright:

Available Formats

general syntax for html:

 To embed one external file into web page

It may be of paragraph with common attributes

It consists of following tags:

<strong> similar to b tag</strong>

Subscript and superscript tag:

Column wise frameset:

To allocate 40% for html1 and remaining space for html2

To display frame with no scrolling and no option for resize:

To display the 4 frames in rows and column wise

To display 2 frames in column and one at row

<img src =kolkatta-1.jpg alt=kolkaata width=200 height=400>

e.g for image tag

You might also like