Thursday, 13 December 2012

pseudo class

Pseudo-class selectors

Target

pseudo code selestor

pseudo-element selectors

This is the site's main heading

This is the article's main headline

This is a paragraph inside the main content. I would like to have a drop-cap for this paragraph, and italicize the first line. This should give me dramatic effect I'm looking for. It's not that I like drama, just that I need a little more text here, and wanted to show a more real-world example of pseudo-element selectors can help you write more efficient styles.

This is another paragraph. I need to have enough text in this paragraph to create multiple lines of text, so I can see the line spacing and space between paragraphs. Often people use lorem ipsum text to mock up several paragraphs of text. I considered using that here, but decided that you were probably tired of reading lorem ipsum text. It doesn't really mean anything anyway. Occasionally I'll feed it into Google's translator to see if anything comes out. Usually just single words, like "honey" or "shaded." It's like trying to read William S. Burroughs.

Article reference

copyright and legal disclaimer.

Tuesday, 11 December 2012

USING DIV+P FOR TARGETING

writing selection

This is heading one

paragraph text below heading1

welcome

this is the paragraph inside the div tag

this is the heading2 inside the div tag

CREATING TABLES

Name salary
Ramesh RAman 5000
shabbir husseni 7000

USING CSS:SAMPLE2

writing selection

This is heading one

paragraph text below heading1

this is the paragraph inside the div tag

this is the heading2 inside the div tag

HISTORY AND MEANING OF HTML

HTML is the "mother tongue" of your browser. History of html To make a long story short, HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different universities to gain access to each other's research documents. The project became a bigger success than Tim Berners-Lee had ever imagined. By inventing HTML he laid the foundation for the web as we know it today. HTML is used to make websites. It is as simple as that! HTML is an abbreviation of "HyperText Mark-up Language" - which is already more than you need to know at this stage. However, for the sake of good order, let us explain in greater detail. ● Hyper is the opposite of linear. In the good old days - when a mouse was something the cat chased - computer programs ran linearly: when the program had executed one action it went to the next line and after that, the next line and so on. But HTML is different - you can go wherever you want and whenever you want. For example, it is not necessary to visit MSN.com before you visit HTML.net. ● Text is self-explanatory. ● Mark-up is what you do with the text. You are marking up the text the same way you do in a text editing program with headings, bullets and bold text and so on. ● Language is what HTML is. It uses many English words. Definition of html HTML is a language, which makes it possible to present information (e.g. scientific research) on the Internet. What you see when you view a page on the Internet is your browser's interpretation of HTML. To see the HTML code of a page on the Internet, simply click "View" in the top menu of your browser and choose "Source". USE OF HTML What can I use HTML for? If you want to make websites, there is no way around HTML. Even if you're using a program to create websites, such as Dreamweaver, a basic knowledge of HTML can make life a lot simpler and your website a lot better. The good news is that HTML is easy to learn and use. Terms used in html Elements and tags Elements give structure to a HTML document and tells the browser how you want your website to be presented. Generally elements consists of a start tag, some content, and an end tag. "Tags"? Tags are labels you use to mark up the begining and end of an element. All tags have the same format: they begin with a less-than sign "<" and end with a greater-than sign ">". Generally speaking, there are two kinds of tags - opening tags: and closing tags: . The only difference between an opening tag and a closing tag is the forward slash "/". You label content by putting it between an opening tag and a closing tag. HTML is all about elements. To learn HTML is to learn and use different tags. Examples: Emphasised text. Will look like this in the browser: Emphasised text. headers The elements h1, h2, h3, h4, h5 and h6 is used to make headings (h stands for "heading"), where h1 is the first level and normally the largest text, h2 is the second level and normally slightly smaller text, and h6 is the sixth and last in the hierarchy of headings and normally the smallest text. Example 2:

This is a heading

This is a subheading

So, I always need an opening tag and a closing tag? As they say, there's an exception to every rule and in HTML the exception is that there are a few elements which both open and close in the same tag. These so-called empty elements are not connected to a specific passage in the text but rather are isolated labels, for example, a line break which looks like this:
. . Where do I put all these tags? You type your tags in an HTML document. A website contains one or more HTML documents. When you surf the Web, you merely open different HTML documents. Other term like Small text
Line shift
Horizontal line
    List
    Ordered list

USING CSS

writing selection This is heading one

paragraph text below heading1

this is the paragraph inside the div tag