ads

HTML and CSS language

Html and css language



·      List element :-

§  Unordered list (ul):-
Tis tag use for unsequence and unordered list.
For example—
<html>

<head>

<title>hello</title>

</head>
<body>

<ul>
<li>ram is a boy
<li> sita is a girl
</ul>
</body>
</html>

Output—
·         ram is a boy
·         sita is a girl
·      ordered list (ol) :-

this tag is use for  ordered  the words in our project, the list is A,B  sequence form .

for example—
<html>

<head>

<title>hello</title>

</head>
<body>

<ol type= "A">
<li>ram is boy
<li>sita is girl
<li> introduction and centarl
</ol>


</html>

Output—
A.   ram is boy
B.   sita is girl
C.   introduction and centarl

·       list item (li):-

for example—


<head>

<title>hello</title>

</head>


<body>

<ul>
<li>Ram
<ul>
<li>ram is a boy
<li>he study in class 12
</ul>

<li>sita
<ul>
<li> sita is a girl
<li>she study in class 10
</ul>

</html>

Output—

  • Ram
    • ram is a boy
    • he study in class 12
  • sita
    • sita is a girl
    • she study in class 10

·       Descriptive list or definition list (dl):-

This tag is use for difinition for anything.

For example— <html>

<head>

<title>hello</title>

</head>


<body>

<dl>
<dt> hack
<dd>to whatsaap simpley
</ul>
<dt>crack
<dd>to break any windows password
</dl>

</html>

Output

hack
to whatsaap simpley
crack
to break any windows password

·       Term in definition list—

For example—
<html>

<head>

<title>hello</title>

</head>


<body>

<dl>
<dt> hack
<dd>to whatsaap simpley
</dl>

</html>

Output—
hack
to whatsaap simpley

·       Definiton in definition list(dd):-

This tag use for  for  definition in definition list .

For example—
<html>

<head>

<title>hello</title>

</head>


<body>
 <dl>
 <dt>hack
 <dd>
 <ol>
 <li>[s.]whatsaap hack easely
 <li>[m.ever], display in inline
 </dd>
 </dl>

</html>

Output—
 hack
1.    [s.]whatsaap hack easely
2.    [m.ever], display in inline

·      Forms:-

In any docoment or project how can create a form for comment , mo.no ,name etc.

For example—
<html>

<head>

<title>hello</title>

</head>


<body>
 <form action "" method="post">
 <input/>
</html>

Output—

·       If we want to any word to defined the box
Then we can write the code .

For example—


<html>

<head>

<title>hello</title>

</head>


<body>
 <form action ="" method="post">

 <input/>
 <input type="submit" value="click me"/>

</html>

Output—




·        We defined the data name for the “lable” tag .

For example –


anubhav singh

<html>

<head>

<title>hello</title>

</head>


<body>
 <form action ="" method="post">
<lable> mo no.</lable>
 <input/>
 <input type="submit" value="click me"/>

</html>

Output—
mo no.  


·       For comment space use textarea  tag.

Example—



<html>
<head>
<title>hello</title>
</head>
<body>
 <form action ="text "method="post">
 <textarea> comment </textarea>
 <p>
 <input type="submit" value="click me"/>
 </p>
</html>

Output—








No comments