Skip to main content

Start with Basics!

Now that we have got everything ready lets start with our part! An html page is just like another document that you keep in your official files packed and stuffed! And having said that, it also consists of defined elements to describe the structure of the document like, it has a heading, a page title, few paragraphs, etc.
I HOPE YOU GOT THE IDEA. Now likewise, these elements form the layout of the page in an HTML document also and they have a fixed syntax on HOW and WHERE they need to be placed.

The html elements are always written with the angle brackets "<" and ">" for the web browser to understand and distinguish between html elements and the text wrapped in them. In html terminology these angle bracketed elements are called TAGS*


Most of the times these tags exist in pairs, i.e. opening and closing tags to be specific. The content is wrapped between these pair of tags in order to apply the properties and behaviour of that specific element. For e.g. : A paragraph starts with a new line, a header text is bold and bigger than normal text etc.

These opening tag and closing tag just differs by a single "slash '/ ' " before the tag name in the closing tag like this pair : <tag></tag>. The super tag of all that defines a page is html is the "html tag" itself. It's written like <html>...</html> and almost everything in html is written between these html tags.

It is advised that every time you start with html, you type both the opening and closing tag for each element first and then type the content or other html tags between them in order to avoid complications.
Write the opening and closing tags : <html></html>
then write the content between them : <html> .... .... .... </html>



NOTE: The html tags are not case sensitive. If you write a tag with Capslock ON by mistake or pressing Shift intentionally it wouldn't make a difference. e.g. : <HTML></HTML> and <html></html> are the same. but don't try experimenting like <hTmL>, <htmL> etc. although it will work but the best practise is to use all lower case characters while writting tags.

Just open you favourite text editor and write the opening and closing html tags. Feels to less of a work! Just preparing the boat. The journey to the sea is still to start.

Comments

Popular posts from this blog

Turn your Linux into a wifi hotspot for Android and Windows phones! (Ubuntu and Linux Mint)

This is one of the biggest problem linux users face i.e. to share your ethernet connection over wifi for your android or windows mobile device. Here is a simple step process to easily set up a hotspot on your laptop to connect your mobile devices to surf on the go! 1. We need to install 2 additional tools to make our hotspot work: hostapd(hotspot server)   dnsmasq(dns dhcp server) Open the terminal (Ctrl+alt+T) and type:  sudo apt-get install hostapd dnsmasq and press enter. Wait for them to install.   2. Stop these services and prevent them from starting on system start up. To do that; open a terminal and type each command per line and press enter: sudo service hostapd stop sudo service dnsmasq stop sudo update-rc.d hostapd disable sudo update-rc.d dnsmasq disable   3. Now we need to set the configuration files for both the installed tools. To open the config file of dnsmasq ; open a terminal (Ctrl+alt+T) and type sudo gedit /etc/dnsmasq.con...

How to program pyramids using loops

While programming, beginners do come up with some form of pyramid to be printed using any kind of loops in most programming languages. This video presentation clarifies the basic concept behind coding these pyramids in any programming language and explains how these loops can be created and manipulated to obtain different outputs. If you visualize properly, these pyramids are mere TABLES, combination of rows and columns. Having said that, we can understand that there needs to be a logic to control both rows and columns of the table and do that in such a way that the desired pattern is obtained. For doing so, we use two loops in case of a simple pyramid , one for the rows and other for the columns. Since, the general convention is to represent the rows prior to columns , assuming the same, the outer loop tracks the rows and the inner loop tracks the columns. The outer loop is fairly simple and is defined starting from 0 or 1 depending on your preference in most of the cases ...

How to program pyramids using loops - 2

In this video tutorial, two of the more patterns have been discussed that relates to the similar pattern problems. What's different about these are that they also include spaces before the stars as a part of the pattern to be printed. Having this extra sub pattern to track spaces  in the desired pattern requires an extra loop to track and control it . For a brief review, We discussed that these patterns if observed carefully are just representation of tables i.e. a combination of rows and columns . And few of the cells in that table are populated with some data according to a logically programmed algorithm with represents a pattern. In these cases, the red triangles shows us the spaces represented by "sp" and therefore unlike the previous pattern these need to be managed by the loop as they occur before the stars in the pattern. So, taking the same approach of rows and columns managing loops, we will have an outer loop that tracks the rows which will start at 0...