Wel-Come

NAME :- SUYASH RAJGONDA PATIL

 Introduction to html

• With HTML you can create your own Web site.

• HTML stands for Hyper Text Markup Language.
• HTML is not a programming language, it is a Markup Language.
• A markup language is a set of markup tags.
• HTML uses markup tags to describe web pages.
• HTML is not case sensitive language.
• HTML documents contain HTML tags and plain text.
Boiler Plate
Heading Element:->

• There are six heading elements

(<H1>,<H2>,<H3>,<H4>,
<H5>,<H6>).
• All the six heading elements are
container tag and requires a closing
tag.
• <h1> will print the largest heading
• <h6> will print the smallest
heading
 Paragraph tag

• HTML documents are divided into

paragraphs
• Paragraphs are defined with the <p> tag
i.e.
<p>This is a paragraph</p>
<p>This is another paragraph</p>
 Line break and horizontal line tag

• if you want a line break or a new line without

starting a new paragraph Use the <br> tag.
• Defines a horizontal line use <hr> tag.

• <br> <hr> element are empty HTML element i.e.

Global Information Channel<hr>
Global Information <br> Channel
 Text Formatting Tags

 <b> Defines bold text

 <big> Defines big text
 <i> Defines italic text
 <small> Defines small text
 <strong> Defines strong text
 <sub> Defines subscripted text
 <super> Defines superscripted text
 <ins> Defines inserted text
 <del> Defines deleted text
 <u> Defines underline text
 Image tag

• To display an image on a page, you need to use the

SRC attribute.
• SRC stands for "source". The value of the src attribute is
the URL of the image you want to display on your page.
• It is a empty tag.
<IMG SRC ="url">
 Example-:
<IMG SRC="picture.gif“>
<IMG SRC="picture.gif“ HEIGHT="30" WIDTH="50">
 Image attributes - <img> tag

 <img> Defines an image

 <Src> Display an image on a page , Src stands for "source".
 <Alt> Define "alternate text" for an image
 <Width> Defines the width of the image
 <Height> Defines the height of the image
 <Border> Defines border of the image
 <Hspace> Horizontal space of the image
 <Vspace> Vertical space of the image
 <Align> Align an image within the text
 <background> Add a background image to an HTML page
 Video Tag

 HTML 5 supports <video> tag also. The

HTML video tag is used for streaming
video files such as a movie clip, song
clip on the web page.
The text between the <video> and </video> tags will only be displayed in browsers
that do not support the <video> element.
 HTML Table Tag

 <table> used to create table

 <tr> table is divided into rows
 <td> each row is divided into data cells
 <th> Headings in a table
 <caption> caption to the table
 <thead> Defines a table head
 <colspan> No of column working with will span
 <rowspan> No of rows working with will span
 <border> attribute takes a number
 HTML List Tag

• Lists provide methods to show item or element

sequences in document content. There are three
main types of lists:->

1. Unordered lists:-unordered lists are bulleted.

2. Ordered lists:- Ordered lists are numbered.
3. Definition lists:- Used to create a definition list .
 Unordered List

• TYPE attribute to the <UL> tag to show different

bullets like:-
1.Disc
2.Circle
3.Square

 <ul Type =“disc”>…..</ul>

• The attribute TYPE can also be used with <LI>

element.
 Ordered List

• The TYPE attribute has the following value like:-

1.TYPE = "1" (Arabic numbers)
2.TYPE = "a" (Lowercase alphanumeric)
3.TYPE = "A" (Uppercase alphanumeric)
4.TYPE = "i" (Lowercase Roman numbers)
5.TYPE = "I" (Uppercase Roman numbers)
• By default Arabic numbers are used
 List Tags

 <li> <LI> is an empty tag,it is used for representing the list items
 <ol> Ordered list
 <ul> Unordered list
 <dl> Defines a definition list
 <dt> Defines a term (an item) in a definition list
 <dd> Defines a description of a term in a definition list
 HTML Form

• A form is an area that can contain form elements.

• Form elements are elements that allow the user to enter
information in a form. like text fields, textarea fields, drop-
down menus, radio buttons and checkboxes etc
• A form is defined with the <form> tag.
• The syntax:-
 <form>
.
input elements
.
</form>
 Form Tags

 <form> Defines a form for user input

 <input> used to create an input field
 <text> Creates a single line text entry field
 <textarea> Defines a text-area (a multi-line text input
control)
 <passward> Creates a single line text entry field. And the
characters entered are shown as asterisks (*)
 <checkbox> select or unselect a checkbox
 Code of the HTML Form

 <html><body><form>
 <h1>Create a Internet Mail Account</h1>
 <p>First Name <input type="text" name="T1" size="30"></p>
 <p>Last Name <input type="text" name="T2" size="30"></p>
 <p>Desired Login Name <input type="text" name="T3" size="20">
 @mail.com</p>
 <p>Password <input type="password" name="T4" size="20"></p>
 <input type="radio" checked="checked" name="sex" value="male" />
Male</br>
 <input type="radio" name="sex" value="female" /> Female
 <p>Birthday <input type="text" name="T6" size="05">
 <select size="1" name="D2">
 <option>-Select One-</option>
 <option>January</option>
 <option>February</option>
 <option>March</option> </select>
Result of the Form Code