Artoves : Blend of Technology and Socialism

Now the time comes for the webpages to have few graphical content (images) and hyperlinks* . Yes, this is about images and hyperlinks. The images on a webpage produces a pleasing and attractive effect on the observer's side. And if a webpage has within itself the doors which open to new pages , it calls for a great interactive interface. The images on a webpage are managed by the image element in html; <img> tag in specific. The images are specified in the tag with the help of the path address it is situated on your local directory or on your server . This path is incorporated in the "src" or the source attribute of the <img> tag. You also have the "height" and "width" attributes in the <img> tag in order to have a fixed area covered by the exact image you want no matter if its smaller or bigger than your requirement, you can always work it down to your need. Test code : ( Use this code to display images ...

After the few basics components learnt, its actually time for the presentation or content elements to be started with.  By now we already know the basic structure of a webpage and what it consists of, now we need to learn about the inner tags and e lements which are for the presentation of the content . We start with " heading   tags " which are used to display the contained text within it in form of headings which are bolder as well are larger in font size than the normal text to emphasize a special presence of the keyword the following things are about. Everywhere you might see the use of heading and its for the same very purpose in case of webpages to categorize the text associated with it into several related but labelled segments. The heading tags are ranged from <h1> to <h6>   successively with the <h1> as the boldest and largest representation format and <h6> as the smallest and most narrow  among the heading but obviously ...

#FSB  : For the last couple of days there has been a debate on whether the Food Security Bill* is the optimum package provided to the poor and needy ones of india or is this just another gimmick by Congress to win hearts at the time of elections . So i decided to study the bill clearly and I realized that it may have some good points but this is not the last nail in the coffin. Here is what I observed in the Bill to be passed in the Parliament yet : 1) According to the bill the earlier food security plan for the BPL ( below poverty line ) residents of the country which says that 35 kg of grain is to be provided to the poor on t he basis of their ration card per family . The new FSB as presented by Congress says that now they will allocate the supply not per family but 5 kg per head . So that means a family of three getting 35 kg a month will get 15 kg grain . Is this a Food Security Bill or a Food Scarcity Bill ? 2) In every state the current pla n provides sugar , cer...

After all of the learning to set up a basic html5 page, we suddenly are now going to tell the browser that we are using html5 by using the " doctype element ". The doctype * as the name suggest specifies the document type . Being an everyday evolving language, html has several versions and associated technologies and every individual has open options to use any of them according to their preference. The doctype defines information like which version of the html is used to write the document etc. But as of this course of time html5 is the new common among developers and it greatly simplifies the doctype of the html document and shrinks it down to just a simple statement against the old long and terrifying DTD and Xhtml declarations (if you don't know what they are, don't worry; you don't need to). The doctype is defined at the very beginning of the document even before the html element in the webpage. Now since, the doctype is a special element which is j...

Now that we have a page setup, the final touch to the structure of the webpage is to make the browser aware of the character set* it should use to recognize the characters. Technically, t he charset attribute is used to specify the character encoding of the html document . The new standard for the charset used most commonly is the "UTF-8" encoding. The unicode character set is a collection of all the characters represented in a unicode format and UTF-8 is the encodind that corresponds to it. The encoding of the document is information about the document and such information is called the Meta Informaion and hence a "meta" element is used for the purpose.  Metadata* is data (information) about data . The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be parsable or can be understood by the machine . Meta elements are typically used to specify page description, keywords, author of the d...

The head element being discussed in brief now its time that we go to the next section; the " body " element; again with a pair of opening and closing tags <body></body> . <Body> tag is the chief/main display board of the web page . Whatever you wis h to display on your webpage has to be contained within the <body> element. Apart from the graphical enhancements or presentation based and the other few important elements which will be discussed later, all the basic content managing elements are encapsulated within the body element . Whatever text, blocks, sectors, segments, columns etc. are displayed in the web page are to be a part of body element . Test code : ( Use this code to display the content in main content area of the webpage ) <html> <head>  <title> My page still has a title within head tag </title> </head> <body> I can see my text appearing in the main...

Next in our list comes the 'head' element which is the child of  the 'html' element . The head element is a container for all the information about the document . Elements inside <head></head> can include scripts, instruct the browser where to find style sheets, provide meta information, and much more . The following tags can be added to the head section which will be discussed in detail later: 1.<title> 2.<base> 3.<link> 4.<meta> ... 5.<script> 6.<style>. etc.   Now as we can see the title element is actually a part of head element . The head element is also similar to the html element pertaining to an opening and closing tag like <head></head> . Therefore, the previous code can be modified as: Test code:(Use this code to see if title bar displays the title)   <html> <head> <title> My page still has a title within head tag </title> </head> <htm...