HTML Class 10 to 11 Am
Html
Hypertext markup language
Web pages
It’s collection of the various information
Headings
Paragraphs
Images
Videos
Audios
To show in the browser page
Web site
It’s collection of the num. of web pages with inter links
The html program to write any text editors
Exp:
Notepad
Dreamweaver
Notepad++
Editplus
Wordpad
Any word processing documents
etc…
The program to by using extension .html
The program output to by using any web browsers
Exp:
IE
Netscape Navigator
Safari
Google chrome
Mozilla fire fox
Opera etc…
Html features
1. Working
with all text elements and attributes and properties
2. Working
with all image elements attributes and properties
3. Working
with list defining elements and attributes, properties
4. Working
with links/navigation elements and attributes, properties
5. Working
with table elements and attributes and properties
6. Working
with iframes elements, attributes and properties
7. Working
with form elements, attributes and properties
8. Working
with multimedia elements, attributes and properties ( Using Video and Audio
Elements)
9. Using
Canvas elements
10.
Working with svg Drawing
11.
Using semantic Elements / layout elements / all latest elements in the
html5
Etc…
in html program contain 3 key features
elements à
<h1>,<p>,<img>
Attributes àalign,
border, color, width, height
Properties à center,
10px, red, 100px, 200px
The total html code to divide in to 2 parts
1. Header part
2. Body part
<html>
<head></head> à header part (the header part
program not appear in the page)
<body></body> à body part (it’s appear body
content)
</html>
1. Working with
text elements attributes and properties.
Heading levels
The
heading levels to in the html program
H1
to h6
The
h1 is large size
The
h6 is small size
Syn: -
<h1>Welcome
to heading level one</h1>
<h2>…..</h2>
…..
…..
<h6>…….</h6>
H1
attributes à align =
left/right/center
Paragraph: -
Syn:
<p>here goes para text</p>
<p align=”justify”>……………………….</p>
Paragraph
attributes à align=
left/right/center/justify
The
justify alignment it show paragraph lines in the equal length.
Hr
(horizontal row): -
It
generate horizontal line
Hr
attributes:
Alignments
Size
Width
Color
Syn:
<hr align=right color=red size=10 width=70%>
Using Font:
Font attributes:
Font-face à model of
the font/style of the font
Font color à use solid
color
Font size
Syn
<font color=red size=5 face=”verdana”>
Text goes here……
</font>
Using Type
Styles:
The type styles are
Bold à<b>
Italic à <i>
Under Line à <u>
Syn:
<b>…………here goes bold text ….</b>
<i>…………..here goes italic text ……………..</i>
<u>………..here goes under line text …………</u>
Superscript/Subscript
Syn
Super Script à 1O<SUP>th</SUP>
Sub Script à H<sub>2</sub>O
Using Pre element:
The pre element it show text as it is how to insert in the program
<pre>
User name Address Phone Email
</pre>
Working
with image element attributes and properties
<figure>
<figcaption>
<img>
Align
Width
height
Border
Altàalternate Text
Vspace àvertical Space
HspaceàHorizontal Space
Syn:
<figure>
<figcaption>Welcome to Image
Elements</figcaption>
<img src=”flower1.jpg” width=500 height=350 alt=”rose flower”
border=10 vspace=20 hspace=20>
</figure>
Nice Article,
ReplyDeleteHTML converter free