HTML
SE SSION-2
[Link]
Images
The <image> tag is used to insert an image into our web page. The source of the image to be
inserted is put inside the <img src=”source_of_image“> tag.
◦ attributes(src,width,height, hspace,vspace,border,align)
Eg;
<img src="images\[Link]" width="100" height="100"
border="2" align="right" hspace="10" vspace="10"></img>
Eg;
<p align="right"> HTML stands for HyperText Markup [Link] is used to design web
pages using a markup language.<img src="images\[Link]" width="100" height="100"
border="2" align="right" hspace="10" vspace="10"></img> .HTML is a combination of
Hypertext and Markup [Link] defines the link between web pages.A markup
language is used to define the text document within the tag which defines the structure
of web pages.
</p>
[Link]
Marquee
<marquee> </marquee>:moving the content.
◦ attributes(bgcolor,direction,behavior,loop,scrollamount,width,height)
<marquee><img src="images\[Link]" width="500" height="500" border="2"></img></marquee>
<marquee direction="right" behavior="alternate" loop="5" width="500" bgcolor="#ffff00" scrollamou
nt="20"><font color="#00ff00">Moving text</font></marquee>
<marquee direction="left" behavior="alternate" loop="3" bgcolor="#ffff65"><font
color="#00ff00">Moving text</font></marquee>
<marquee direction="up" height="300" behavior="alternate" loop="3" bgcolor="#458700"><font
color="#00ff00">Moving text</font></marquee>
<marquee direction="down" behavior="alternate" loop="3" height="300" width="300"
bgcolor="#560050"><font color="#00ff00">Moving text</font></marquee>
[Link]
Description list
Description List <dl> organizes terms and descriptions, utilizing <dt> and <dd> tags within <dl>.
This structured format clarifies content presentation, enhancing comprehension and
readability for diverse information on web pages.
<DL>:Definition List
<DT>:Definition list term
<DD>:Definition Description
[Link]
example
<dl>
<dt>HTML</dt>
<dd>
HyperText Markup Language
</dd>
<dt>CSS</dt>
<dd>
Cascading Style Sheets
</dd>
<dt>JavaScript</dt>
<dd>
A high-level, interpreted programming language that conforms to the ECMAScript specification.
</dd>
</dl>
[Link]
Unordered List
Unordered List displays the elements in a bulleted format, which can be defined as an
unordered list item using the <ul> tag. It contains the list items <li> element. The <ul> tag
requires an opening and closing tag.
Eg:
<ul type="square">
<ul> <li>Item 1</li>
<li>Item 1</li> <li>Item 2</li>
<li>Item 2</li> </ul>
</ul>
attributes(type="Square|circle|disc|none") <ul type="circle">
<li>Item 1</li>
<li>Item 2</li>
</ul>
[Link]
Nested List
<ul>
<li>Geeks</li>
<li> Web Development
<ul>
<li>HTML</li>
<li>CSS</li>
</ul>
</li>
<li>Javascript</li>
</ul>
[Link]
Ordered List
Ordered List is created by the HTML <ol> tag, to displays elements in an ordered form, either
numerical or alphabetical. Within the <ol> tag, list items <li> are used to define the items in
sequential order.
<ol type="A">
<ol> <li>Apple</li>
<li>JavaScript</li> <li>Banana</li>
<li>Python</li> <li>Cherry</li>
<li>Java</li> <li>Date</li>
<li>C++</li> </ol>
<li>C#</li> <ol type="a" start="5">
</ol> <li>HTML</li>
<li>CSS</li>
<li>Jquery</li>
• attributes(type="A|a|I|I|1",start)
</ol>
[Link]
Nested List
<ol>
<li> Python
<ol>
<li>Django</li>
<li>Flask</li>
<li>Pyramid</li>
</ol>
</li>
</ol>
[Link]
END
[Link]
Use heading,unordered list,ordered list,...
[Link]
Use image,blockquote
[Link]
Use image,italics,underline,..
[Link]