Follow us on :  

Lessons for HTML

Lesson 11: Links in HTML

Hyperlinks Links are found on almost all the websites on the Internet. They are the feature that makes HTML  web pages different from normal pages from a book or a newspaper. In the case of traditional print-based media, we are only able to navigate from one page to another in a linear manner. We cannot ...


Lesson 12: Cascading Style Sheets

Methods for including CSS Cascading Style Sheets(CSS) is a stylesheet language that is used for providing presentational or stylistic information on HTML elements. The browser uses the CSS rules defined by the web page author for displaying the elements. There are three ways for including CSS rules in HTML pages. Using the style attribute Using ...


Lesson 13: Style attribute

Need for CSS In the early days of the World Wide Web(WWW), web pages were created using only HTML. Hence HTML used to have different tags for both structuring and presenting content. Elements like font were used to change the <font> properties and <center> was used to change the text alignment to center. As the ...


Lesson 14: Formatting elements

In spite of the HTML language being split into CSS and HTML, there remain some presentational elements in HTML. Most of these elements have been given some new meaning. There were many formatting elements other than these elements. They were deprecated and forgotten by developers over time. Bold and Strong elements The bold element is ...


Lesson 15: Making a List

There are three types of lists in HTML: Ordered lists Unordered lists Definition lists Ordered lists Ordered lists are used in situations where the ordering of the list items is essential. In some cases like when the list is a sequence of directions or steps of instructions, the lists have a clear order of arrangement. ...


Lesson 16: Viewing Source and comments

Viewing Source Code It is possible to view the HTML code that powers all the web pages on the web. Almost every browser supports an option for viewing the source code for any web page on the web. If you right click on a page and choose the “View Page Source” option, the entire HTML ...


Lesson 17: Quotations and Citations

Simple Quotations The <q> element is used for defining short quotations in web pages. By default, the content enclosed within the quotation element will be surrounded by double quotes. Blockquotes In some cases, we may need to quote a block of text from another source. In this case, the blockquote element is useful for defining ...


Lesson 18: White Spaces

No place for extra space If you had experimented with making HTML pages, you would have noticed that HTML treats white spaces i.e., spaces, tabs, and line breaks differently. HTML ignores additional white spaces. It combines consecutive whitespace characters into a single space character. There are no tabs and line breaks require the element. If ...


Lesson 19: Images

Pictures are worth a thousand words At the beginning of the web, there was only text. Entirely text-based web pages were boring to look at. Then images were introduced. Images make the web pages more pleasing to the eye. They make pages seem more interesting. The tag is used to add images to a web ...


Lesson 20: Computer Code Elements

Keyboard Inputs The <kbd> element is used for marking up user inputs like keyboard inputs. By default, this element is displayed in a monospace font that makes each character the same width. Variables The <var> element is used for specifying any mathematical or programming variables in the web page. By default, this element is italicized ...