Sunteți pe pagina 1din 11

- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Adv Java # 1. HTML BASICS


1. What is HTML? Why it is used?
HTML (Hyper Text Markup Language) is a tag based Language. It used to create web
pages. These web pages are grouped and used as websites. Browser can only
understand HTML language.
2. What is the syntax of tag?
<tagName attributeName=”attributeValue”> Data </tagName>
3. What is the basic structure of HTML?
<html>
<head> </head>
<body> </body>
</html>

4. How to write a comment in HTML ?


<!-- comment here -->
5. How many types of Heading tags in HTML?
HTML supports 6 Heading tags.
<h1>Welcome to Sathyatech </h1>
<h2>Welcome to Sathyatech </h2>
<h3>Welcome to Sathyatech </h3>
<h4>Welcome to Sathyatech </h4>
<h5>Welcome to Sathyatech </h5>
<h6>Welcome to Sathyatech </h6>

6. How to write one Paragraph in HTML?


By using <p> </p> tag we can define one Paragraph.
7. List out Text formatting tags?
● <b> - Bold text
● <strong> - Important text
● <i> - Italic text
● <em> - Emphasized text
● <mark> - Marked text
● <small> - Small text
● <del> - Deleted text
● <ins> - Inserted text
● <sub> - Subscript text
● <sup> - Superscript text

8. Describe HTML FORM tags with example?


a. Form Tag: <form action=”URL” method=”POST/GET”> </form>
b. Text Input: <input type=”text” name=”_” />
c. Password: <input type=”password” name=”_” />
d. Radio Button: <input type=”radio” name=”__” value=”__” />
e. Text Area : <textarea name=”__”> </textarea>
1|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

f. Checkbox: <input type=”checkbox” name=”__” />


g. DropDown: <select name=”__”>
<option value=”_”> __ </option>
<option value=”_”> __ </option> ..
</select>
h. Color pick: <input type="color" name=””>
i. Date pick: <input type="date" name=””>
j. Date andTime Pick: <input type="datetime-local" name=””>
k. Choose File: <input type="file" name=””>
l. Hidden Input: <input type="hidden" name=””>
m. Month Pick: <input type="month" name=””>
n. Number Type: <input type="number" name=””>
o. Rage Bar: <input type="range" name=””>
p. Search Text: <input type="search" name=””>
q. Submit Button: <input type="submit" value=””>
r. Reset Button : <input type="reset" value=””>
s. Time Pick: <input type="time" name=””>
t. Week Pick: <input type="week" name=””>
u. Multi-select drop down: <select name=”__” multiple="multiple">
<option value=”_”> __ </option>
<option value=”_”> __ </option> ..
</select>
9. What are HTML table tags?
<table> : To create a new Table
<tr> : to create a new row
<th>: to create heading column
<td>: To create a normal column
10. How to display Image in HTML Page?
<img src=”URL” alt=”__” />
11. What are Anchor tags (or hyper links)?
Anchor tags also called as links to another section or Webpage/website.
<a href=”URL”> Link Text </a>
12. What is List in HTML?
Tag <li> is used to display values in List format. These are two types
A. Ordered List (1,2,3..)
B. Unordered List(*,*,*..)
13. What is ordered List?
Ordered HTML List : It print List with numbers
<ol>
<li>Raghu</li>
<li>Sathya</li>
<li>Java</li>
</ol>

<ol type="A"> </ol>


2|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

type property is used to define the number format


Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

14. What is unordered list?


Unordered HTML List : It prints List with Symbols.
<ul>
<li>Sathya</li>
<li>Raghu</li>
<li>Java</li>
</ul>
list-style-type property is used to define the style of the list item marker:
<ul list="list-style-type:circle"> </ul>
Value Description
disc Sets the list item marker to a bullet (default)
circle Sets the list item marker to a circle
square Sets the list item marker to a square

15. Why <br/> and <hr/> tags are used ?


<br/> to break the current line (new line)
<hr/> to create a Horizontal line
16. How to print Symbols in HTML? Give examples?

Char Entity Name

&nbsp; NO-BREAK SPACE

¢ &cent; CENT SIGN

£ &pound; POUND SIGN

¥ &yen; YEN SIGN

¦ &brvbar; BROKEN BAR

§ &sect; SECTION SIGN

© &copy; COPYRIGHT SIGN

ª &ordf; FEMININE ORDINAL INDICATOR

3|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

« &laquo; LEFT-POINTING DOUBLE ANGLE QUOTATION


MARK

¬ &not; NOT SIGN

® &reg; REGISTERED SIGN

° &deg; DEGREE SIGN

± &plusmn; PLUS-MINUS SIGN

µ &micro; MICRO SIGN

¶ &para; PILCROW SIGN

» &raquo; RIGHT-POINTING DOUBLE ANGLE QUOTATION


MARK

¼ &frac14; VULGAR FRACTION ONE QUARTER

½ &frac12; VULGAR FRACTION ONE HALF

¾ &frac34; VULGAR FRACTION THREE QUARTERS

Ø &Oslash; LATIN CAPITAL LETTER O WITH STROKE

Exercise : Write HTML Programs


1. Heading :

2. Paragraph: use <br/> tag for new line

3. Tables:
4|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

4. Forms
Form#1 :

Form#2 Login Form

Form#3 Radio Buttons

Form#4 Checkboxes
5|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Form#5 Color Pick:

Form#6 Date Pick:

Form#7 File Pick

Form#8 DropDown

Form#9 Text Area:

6|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Application#1

Application#2

7|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Application#3

Application#4

8|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Application#5

Application#6

9|Page
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Application#7

10 | P a g e
- By Raghu Sir [ Sathyatechnologies, Ameerpet, Hyderabd]

Application#8

Application#9

FB: https://www.facebook.com/groups/thejavatemple/
email: javabyraghu@gmail.com

11 | P a g e

S-ar putea să vă placă și