Making Sense of HTML and CSS-from 10,000 Feet Above
If you call your Web Browser a common communication interface, or more aptly a Universal Client, then Hyper Text Markup Language or HTML would essentially be the Universal Language to communicate. A markup language such as HTML combines markup with regular text to make it easier to understand and differentiate between the two. In other words it embeds some comments or annotations to syntax-wise make sense of the regular text.
To delve a little deeper, HTML consists of a cluster of elements arranged in a particular order based on hierarchy. Some elements originated from common usage in 1960s. For instance, the angle bracket tags arose from SGML or Standard Generalized Markup Language, which was a codified standard of IBM's General Markup Language. It was developed for encoding computer-readable project documents. These groups of elements, each consists of an opening tag
usually followed by regular content, and finally a closing tag such as. Many a time opening tags without content also contain attributes such as
, which is normally written for a line break to clear both left and right margins.
You might do well to note that recently, in popular cyber diction, there has been confusion in terminology regarding HTML. This has arisen due to the fact that HTML 5 includes features of both of its ancestors HTML versions 1 to 4 as well as XHTML or Extended Hyper Text Markup Language, which is a subset of XML that is used to represent data and on the other hand to describe different markup languages. Significantly speaking, you need to remember that the HTML tag attributes, id and class are deeply connected with linking the HTML structure of any page with its graphical representation or visual appearance.
CSS, the acronym of Cascading Style Sheets, is a style sheet language used to describe the presentation semantics of a document or visual representation, written in a markup language. CSS allows us to associate graphically stylized instructions along with HTML elements by using the elements' classes and IDs. It is particularly useful for designers who can primarily use it to align content on a page rather than execute it manually by using HTML tables.