Showing posts with label HOW BLOCKQUOTE ELEMENT WORKS. Show all posts
Showing posts with label HOW BLOCKQUOTE ELEMENT WORKS. Show all posts

BGCOLOR ELEMENT(Background Color)

We didnt add any background color yet. Now we will add background color. We have to put it as attribute under the <BODY> tag. For color we can directly add RED, GREEN, BLUE, WHITE or we can use the HEX CODE. 

Program 

<HTML>
<HEAD>
<TITLE> Example of BG COLOR ELEMENT</TITLE>
<HEAD>
<BODY BGCOLOR=RED>
<H1>TANJIES DESIGN </H1>
<LI>Web Designing</LI>
<LI>Search Engine Optimization</LI>
<LI>Web Application</LI>
</BODY>
</HTML>

Example 2

<HTML>
<HEAD>
<TITLE> Example of BG COLOR ELEMENT</TITLE>
<HEAD>
<BODY BGCOLOR=#FF0000>
<H1>TANJIES DESIGN </H1>
<LI>Web Designing</LI>
<LI>Search Engine Optimization</LI>
<LI>Web Application</LI>
</BODY>
</HTML>

For Hex code you can check our old post, HEX CODE

The saving procedure is like before, but if u face something wrong then don't forget to write me.


 

Complete Index HTML Tags Part 1




*** Bold tags are only available for HTML5

<! --.. --> Define Comment
<!DOCTYPE> Define the document type
<a> Define a hyperlink
<abbr> Define Abbreviation or an Acronym
<acronym> Define an Acronym(Not Supported in HTML5, use <abbr> instead)
<address> Define Contact information
<applet> Java Applet(Not Supported in HTML5, Use <Object> instead)
<area> Define an area inside image-map
<article> Define an article
<aside> Define content aside from the page content
<audio> Define sound content
<b> Define bold text
<base> Specifies the base URL/target for all relative URL in the document
<basefont> Specifies a default color,size and font for all text in a document(Not supported in Html use CSS instead)
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it.
<bdo> Overrides the current text direction.
<big> Define big text (Noit supported in HTML5, use CSS instead)
<blockquote> Define a section that is quoted from another source
<body> Define the documents body
<br> Define a single line break.
<button> Define a clickable button.
<canvas> Use to draw graphics, on the fly, via scripting (Usually Java script)
<caption> Define a table caption.
<center> Define center text(Not supported in HTML5, use CSS instead)
<cite> Define the title of work.
<code> Defines a piece of computer code
<col> Specifies column properties for each column within a <colgroup> element
<colgroup> Specific group of one or more column in a table for formatting.
<datalist> Specifies a list of pre-defined option for input control.
<dd> Defines a descriptive/value of a term in description list.
<del> Define text that has been deleted from document.
<details> Defines additional details that the user can view or hide
<dfn> Represent the defining instance of a term.
<dialog> Define a dialog box.
<dir> Define a directory list (Not supported in HTML5. Use <ul> instead)
<div> Define a section in a document
<dl> Define a description list
<dt> Defines term/name in a description list.

LIST Element

We covered few elements to make a web page. Now we will learn how to use LIST Element.

This is an example of List Element

We use this type of list in different purposes, such as Dictionary, Telephone guide, Address book, price list etc. We will learn different type of tags for Listing. There are mainly 3 types of LIST tag.

1. <OL> or listing with Number
2. <UL> of Unordered or bullet
3. <LI> this is used with  <OL> or <UL>

Except this there are Menu, Directory list, we will learn all gradually.

 Ordered List

In this list we can use 1,2,3 or A,B,C etc type of number to make list. this is why it also called as Numbered list. 

Format: <OL> ....... </OL>  and Items are divided with <LI>

Ordered List Example

 <HTML>
<HEAD>
<Title> List Element Example</Title>
</HEAD>
<BODY>
    <H1> 3 Angle Software</H1>
    <P> <STRONG> Courses in 3 Angle Software</STRONG></P>
        <OL>
            <LI>Programming in C
            <LI>Programming in C++
            <LI>Visual Programming
            <LI>Java Programming
            <LI>Web Designing
        </OL>
       
    <P> Multimedia Courses</P>
        <OL>
            <LI>Graphics Courses
            <LI>Editing Courses
            <LI>2D Animation Courses
        </OL>   
</BODY>
</HTML>



Now you have to go and save it like we did earlier, if you forgot please check here.  
 Now run it, you will get output like bellow image 
List Element Example

 As there is no attribute in the <LI> so it will take 1,2,3.. etc by default

It will continue..

I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Feel free to share if it helped you. Best of Luck

BLOCKQUOTE ELEMENT

This tag used to quote some text of the webpage. It is almost like CENTER element, text is shown in middle. The format is
<BLOCKQUOTE>..............................<BLOCKQUOTE>

Example:

<HTML>
<HEAD>
<TITLE> This is BlockQUOTE Element Example </TITLE>
</HEAD>
<BODY>
Whether you are a seasond word user or a first timer, this book meets you at your current level and helps you grow from there.
<BLOCKQUOTE>
If you are already familier with HTML's functionality, you will find plenty of help to streamline and enhance your work
</BLOCKQUOTE>
</BODY>
</HTML>

BLOCKQUOTE ELEMENT EXAMPLE

If you do not know how to save your program then please visit another post to save it. That post link is Lets Start

I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Best of Luck