Thursday 5 June 2014

Marquee Tag, Hr tag, HTML List

Marquee tag:-
  The HTML <marquee> tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings.
Syntax:-
                        <marquee>…………………..</marquee>

Fig:- Marquee Attributes



<html>
<head>
    <title>MYPAGE</title>
</head>
<body>
<!--------------OPENING MARQUEE TAG------------>
    <marquee direction="left" behavior="alternate" scrollamount="10">
        <img src="../../1424411_451848941602504_1062435885_n.jpg" height="200px" width="500px">
    </marquee>
<!--------------CLOSING MARQUEE TAG------------>
</body>
</html>


<hr> tag:
  The HTML <hr> tag is used for creating a horizontal line. This is also called Horizontal Rule in HTML.
Difference between HTML and XHTML:
  HTML syntax is <hr>
  XHTML syntax is <hr />
Syntax:
                        <hr>

<html>
<head>
    <title>MYPAGE</title>
</head>
<body>
<!--------------OPENING Hr TAG------------>
    <p>
        This text will be followed by a horizontal line 
        <hr color="#6600FF" size="30px" width="400px" align="left"/>
        This text will be followed by a horizontal line
    </p>
<!--------------CLOSING Hr TAG------------>
</body>
</html>


HTML Lists:
Lists are of 3 types:-

  •            Description Lists
  •  —  Ordered Lists
  •    Unordered Lists
Description Lists:

  •         A description list is a list of terms/names, with a description of each term/name.
  •         The <dl> tag defines a description list.
  •         The <dt> tag defines a definition term.
  •  —  The <dd> tag defines a definition description.

<html>
<head>
    <title>DEFINITION LIST</title>
</head>
<body>
<dl>
<dt>Definition List</dt>
    <dd>A list of terms and their definitions/descriptions.</dd>
<dt>HTML</dt>
    <dd>An HTML tutorial.</dd>
<dt>PHP</dt>
    <dd>An PHP tutorial.</dd>
</dl>
</body>
</html>


Ordered Lists:

  •         An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
  •         The <ol> tag defines a ordered list.
  •         The <li> tag defines a list item.
  The <ol> tag are categorized into 5 parts:-
            1.         1,2,3,4,….
            2.         I,II,III,IV,…..
            3.         i,ii,iii,iv,……
            4.         a,b,c,d,e,…..
            5.         A,B,C,D,……
By default, type is 1,2,3,4….

<html>
<head>
    <title>ORDERED LIST</title>
</head>
<body>
<ol type="i">
<li>ol - ordered list</li>
<li>ul - unordered list</li>
<li>dir - directory list</li>
<li>menu - menu list</li>
</ol>
</body>
</html>


Unordered Lists:

  •   An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
  •         The <ul> tag defines a unordered list.
  •         The <li> tag defines a list item.
  The <ul> tag are categorized into 3 parts:-
            1.         cirlce
            2.         disk
            3.         square

  By default, type is disk.


<html>
<head>
    <title>UNORDERED LIST</title>
</head>
<body>
<ul type="circle">
    <li>ol - ordered list</li>
    <li>ul - unordered list</li>
    <li>dir - directory list</li>
    <li>menu - menu list</li>
</ul>
</body>
</html>