Sponsor Links

Html Attributes

The attributes are used to personalize tags. What do i mean ? Somehow , someday you want to resize a image or a table or to change a font color. All these are possible with the help of the attributes.

The most tags have their own attributes. We will talk about this as we include in our talking a new tag. But now we will talk about a set of generic attributes which can be used with the majority of the tags.

Attributes are putted between the angular brackets (<>) of the opening tag.

THe "class" and "id" attributes in HTML
These two attributes are mostly the same. They have no straight role in the formatting of the elements but they are useful behind the scene with the help of CSS. We will talk their role at the right time when we study their syntax and their function in CSS.

The idea is that when you want to set a class of tags for being used later with the help of CSS, you can make the difference between two identical tags but with different attributes. Take a look at the next example :

<p id="italicparagraph">Paragraph type 1, italic </p>

<p id="boldparagraph">Paragraph type 2, bold </p>

Display
Paragraph type 1, italic

Paragraph type 2, bold

HTML - The "name" attribute
"name" is a bit different from "id" and "class". If you give a name to an element this one becomes a script variable for Javascript, ASP and PHP. Something that is very often meet in formulations and other interactive text fields.

<input type="text" name="TextField" />

Display

 

This attribute has no effect over the display of the text box, even if in the background it plays a very important role.

HTML - "title" attribute
This attribute is used rarely . He adds a title (a pop-up) to every element`s content. This attribute should not be forgotten. You can name almost everything however you want. The visualization appears when you need to stop with your mouse for a few second above the content.

<h2 title="I am a title attribute!!">A random title</h2>
Display
A random title
 

Pass with your mouse over the upper title so that you see the magic of the"title" attribute.This attribute will give yo your site a bit of interaction for those who visit you. Do not pass over this detail.

HTML - "align" attribute
If you want to align in a different way some elements of your page then you have at your disposition the "align" attribute. You can align to the left, right or the center of the page almost every element. By default elements will align to the left, excepting when it is specified an other alignment.

<h2 align="center">Centered title </h2>
Display
Centered title
Other examples:
<h2 align="left">Title aligned to the left </h2>
<h2 align="center">Centered title </h2>
<h2 align="right">Title aligned to the right </h2>

Display
Title aligned to the left
Centered title
Title aligned to the right
The default values for the attributes
Most of the tags are attributed standard attributes. This means that if you do not specify an other attribute, the browser will do it for you. For example a paragraph will align by himself to the left, excepting when you specify in an other way; the same is with a table. As long as you practice you will understand many more things about the default values of some tags.

Generic attributes
You must keep in your mind that attributes are used to design the elements of
a web page. I have put here together some of the most commune attributes used in HTML :

Attribute Options Function
align right, left, center Horizontal alignment
valign top, middle, bottom Vertical alignment
bgcolor numerical, hexadecimal, or RGB value A background behind an element.
background URL An image behind an element.
id Defined by user Names an element which will be used with CSS.
class Defined by user Classifies un element which will be
used with CSS
width Numerical value Specifies the width of a table, image or table box.
height Numerical value Specifies the height of an table,
title Defined by user "pop-up" a title for an element

Html Elements

HtML elements have many ranks.All you see : paragraphs, ZiZix`s banner, the
navigation links from the left side and the right side , all are elements of this page.

An element has three parts : an opening tag, element`s content and an closing.

<p> - the tag that opens a paragraph
Element`s content - the paragraph itself.
</p> - the closing tag.
***Note:
All the web pages will have at least the base elements: html, head, title and body.

<html>element...</html>
An HTML document will always begin and end with a <html> tag and respective
</html>. This is the standard structure of an HTML.

Please open a Notepad and copy the next cod :

<html>
</html>

 

Save the document from the File/Save As menu. Select All Files and name the new created file "index.html".Hit Save.Now open the file in a browser so that you have the possibility to refresh the page (F5).

If you did everything well you will be able to see your web page white !

<head> element
The <head> element is the one that is next. While you put in between html and body everything should be just fine."Head" has no visible function, so we will talk about this aspect in the next tutorials. Even though i want to mention that <head> can offer to the browser very useful informations.You can introduce here other cods like Javascript or CSS.

For the moment we will let the notions like that with the exception of the act that we introduce the next element from the list, but first lets take a look without him:

<html>
<head>
</head>
</html>

 

If you save the document and try to refresh the initial page from the browser you will not see any difference. Just have a little patience, because next we will study some visible elements.

<title> element
So that every thing goes well you must put the title tag inside the head tag. what you write between those two title tags ( <title> and </title>) will be seen as browser`s name, usually in the upper right side. Next we have the source code:

<html>
<head>

<title> My first web page!</title>

</head>
</html>

 

Now save the file and open it in your browser. You will be able to see the title
in the upper left or right side as like the majority of the browsers.

You can put any name you want, just remember that the descriptive names are the ones that are easier to find later.

<body> element
The body element is the one that defines the beginning of the itself page`s content (titles, paragraphs, photos, music and any all the others).As you can see in the menu from the left, we debate one by one all these content elements.

For now all you need to keep in your mind is that body covers all the content of the page.

<html>
<head>
<title> My first web page!</title>
</head>

<body>
Hey guys! Here we will put the content later !
</body>

</html>

 

Now see what you have done,

Tags in Html

Now that you have already created your web page, we should examine some segments of "index.html" file. Certainly you have seen that there is a model in the arrangement of the commands , some words are surrounded of "<" and ">",
these are HTML tags.

An example of HTML tag is <body>. The <body> tag tell

s to the browser, where
the content of the web page begins.<body> is an example of tag who should exist in every web page.
Base tags in HTML
Lets take a look at the cod. A web page has in composition two base elements. If you try to create a page without those two tags, you will have problems.

<html>

<body>

Web`s page content will be here

</body>

</html>

 

First tag is called <<html> and is that which tells to the browser that it had started a HTML cod. The second tag, <body> , tells to the browser that from there it had started the visible part or page`s content.

How to close a HTML tag
You may have observed already other two similar tags at the end of the document, </body> and </html>. These tag are for closing.</body>, lets the browser know that page`s content is over, and </html> that the HTML document is done.

Slash "/" is situated before tag`s name and it tells to the browser that he wants yo stop the current function. So <tag> is used to start a function, and </tag> to stop it .

Tag`s order - very important
The order of opening and closing a tag is very important.If a tag is opened in an other, for example body is written open in html then that tag (body) is the
one who needs to be closed before the second tag (html).

We have closed first body because it was the first one written. This is the rule: opening and closing a tag applies at all the other HTML tag documents.

 

The second page
You may need time and more attempts so that you get used with this rules, so you should keep trying with the next web page. Copy this cod in notepad, like
you did with the first page.

<html>

<head>

<title>My second web page ! </title>

</head>

<body>

<h2>Welcome.</h2>

<p>Very soon I will make a page which is going to be so cool!</p>

</body>

</html>

 

After you have assured that everything is going along with the anterior indications. you can save the document. You could try to save it with the same name as the one before, "index.html".You may be asked if you want to save the document over the previous, select Ok, we won`t need any more the other document.

Whatsapp Update Trolled.!!

Paper quilling & Calligraphy

Paper Quilling or paper filigree is an art form that involves the use of strips of paper that are rolled, shaped, and glued together to create decorative designs. The paper is rolled, looped, curled, twisted and otherwise manipulated to create shapes which make up designs to decorate greeting cards, pictures, boxes, eggs, and to make models, jewellery, mobile covers etc whereas Calligraphy is a visual art related to writing. It is the design and execution of lettering with a broad tip instrument or brush in one stroke (as opposed to built up lettering, in which the letters are drawn). Here In this workshop  we are going to provide you a simple yet beneficial learning of either of these activities which will help you in broadening your horizons in a fun and easy way.

Other workshop details :

Dates: 27th July and 3rd, 17th, 24th August 2014
Venue: Bombay College of Pharmacy (BCP), Kalina 
Cost: Rs 400 per workshop

IPA

Guys its my humble request to u all to spare some time and visit this page and please like this page and even share this with your friends and tell them the same.!!

https://www.facebook.com/pages/Indian-Pharmaceutical-Association-Students-Forum-Maharashtra-State-Branch/1449232991980264