HTML. What is HTML HTML stands for the HyperText Markup Language. HTML code is the language of the...
-
Upload
amber-loven -
Category
Documents
-
view
217 -
download
0
Transcript of HTML. What is HTML HTML stands for the HyperText Markup Language. HTML code is the language of the...
HTML
popo
HTML• What is HTML• HTML stands for the HyperText Markup Language. • HTML code is the language of the Internet's World
Wide Web. • Web sites and web pages are written in HTML
code.• HTML is used to bring together text, pictures,
sounds, and links... all in one place! • HTML code files are plain text files, with
extension.html
popo
HTML• What is Markup• Markup means that specific portions of a
document are marked up to indicate how they should be displayed in the browser.
• HTML carries information about the web page though, the display of the document dependent on the browser.
popo
HTML• Html tag• The HTML html tag is the container that
contains all other HTML elements. • All other HTML elements are nested
between the opening • <html> and </html> tags.• <HTML> and ends with </HTML>. • These are the starting and the ending tags
of the HTML document.
popo
HTML• HTML title Tag• The HTML <title> tag is used for declaring
the title of the HTML document.• The title is usually displayed in the
browser's title bar (at the top). • Eg• <title>my page</title>
popo
HTML• HTML head Tag• The HTML head tag is used for indicating the head
section of the HTML document.• The head can contain other HTML tags that provide
information about the document such as title, description, keywords etc.
• Most of this information is not displayed in the browser (although the title usually appears in the browser's title bar) but can be useful for search engines etc.
• The head tag is placed between the <html> and the <body> tags.
popo
HTMLHTML body Tag• The HTML body tag is used for indicating
the main content section of the HTML document.
• <body>• </body>
popo
HTML• The basic syntax of a tag:• <TAG ATTRIBUTE="VALUE">some text ... </TAG>• What are HTML Tag attributes• Attributes change the properties of tags and are
placed ONLY inside the starting tag. • Each attribute usually has a value associated.
The attribute-value pair is written as:• <TAG ATTRIBUTE="VALUE">some text ... </TAG>
popo
HTML• <html>• <head>• <title>HTML body tag</title>• </head>• <body text= red bgcolor=orange>• <p>Document content </p>• </body>• </html>
popo
HTML• HTML br Tag• The HTML br tag is used for specifying a line
break.• Eg• <p>This is before the line break<br />
and this after the line break.</p>• o/p• This is before the line break• and this after the line break.
popo
HTML• HTML hr Tag
• The HTML hr tag is used for creating a horizontal rule.
• eg• <p>Here is a horizontal rule:<hr /></p>
popo
HTML• Physical Tags And Logical Tags.• Physical tags define how the text should be
displayed in the browser. • They control the Physical characteristics of
the text.• Logical Tags on the other hand indicate the
'type' of content they enclose. • They do not determine the display of the text
and the browser is free to set the presentation.
popo
HTML• Physical Tags• There are 10 physical tags each requiring a closing tag:• <I> Italics: I am in italics• <B> Bold: I am in bold• <U> Underline: I am underlined• <STRIKE> Strikethrough: I am struck!• <SUP> Superscript: My superscript• <SUB> Subscript: My subscript• <TT> Typewriter: I am in typewriter form• <BIG> Bigger font: I am bigger• <SMALL> Smaller font: I am smaller• <S> Strikethrough alternative: I am also struck!
popo
HTML• There are 9 logical tags each requiring a closing tag:• <STRONG> Strong: I am strong• <EM> Emphasis: I am emphasized• <ABBR> Abbreviation: I am abbreviated• <CITE> Citation: Citation• <CODE> Code: I am programming code• <DFN> Definition: Definition• <KBD> Keyboard: Quite like keyboard strokes• <SAMP> Sample: Sample• <VAR> Programming Variable: Programming
Variable
popo
HTML• <DIV> tag• <DIV> and </DIV> tags divides the document into
sections. • It's especially useful with Cascading Style Sheets usage,
when a whole section can adopt a certain formatting style.
• ALIGN attribute of this tag to align the text surrounded by these tags.
• <DIV align="left"> aligns elements inside it, to the left.</DIV>
• <DIV align="right"> aligns elements inside it, to the right.</DIV>
• <DIV align="center"> aligns elements inside it, to the center.</DIV> popo
HTML• <CENTER> tag• <CENTER>Centrally aligns this
text</CENTER>
popo
HTML• <MARQUEE> • These tags are displayed only by some
browsers and ignored by the others.• The <MARQUEE> tag provides some
animated text to the page. • An easy way to put some colorful
animated text on your page.
popo
HTML• Font COLOR attribute• The attribute takes either the hexadecimal
color value or just the color name. • Some common color names are Blue, Green,
Red, Yellow, White, Black, Cyan, Magenta, Pink etc.
• <FONT COLOR="RED">Red Text</FONT>• <FONT COLOR="BLUE">Blue Text</FONT>• <FONT COLOR="GREEN">Green Text</FONT>
popo
HTML• Font SIZE attribute• The size attribute takes a number from 1
to 7 as its value with 1 as the smallest and 3 the default.
• <FONT SIZE="1">Some Text</FONT>• <FONT SIZE="2">Some Text</FONT>
popo
HTML• HTML Ordered List• If the ranking of items is desired, we employ ordered lists. To place
individual list items, you use the <LI> tag as• <OL>• <LI>Item One• <LI>Item Two• <LI>Item Three• <LI>Item Four• </OL>• • The code above is displayed by the browser as• Item One• Item Two• Item Three• Item Four
popo
HTML• HTML Unordered List• <UL> - </UL> are the starting and ending tags of Unordered lists. List items are
included using the <LI> tag.• Unordered lists also support the TYPE attribute that takes disc, circle or square as
its value.• <UL>• <LI>Item One• <LI>Item Two• <LI>Item Three• <LI>Item Four• </UL>• • is displayed as• Item One• Item Two• Item Three• Item Four
popo
HTML• HTML img Tag• The HTML img tag is used for embedding
images into an HTML document.• To use this tag, the image you specify in
the src attribute needs to be available on a web server.
• <img src=“sound.jpg" width="225" height="151”>
popo
HTML• HTML table Tag• The HTML <table> tag is used for defining a table. • The table tag contains other tags that define the
structure of the table.• Table Elements• <table border = "1">• <tr>• <td>Cell 1</td>• <td>Cell 2</td>• </tr>• </table>
popo