Tag Archives: chrome extension

HTML Elements

What is HTML Elements? Elements are the basic structure for HTML markup. Elements have two basic properties: attributes and content. Each attribute and each element’s content has certain restrictions that must be followed for an HTML document to be considered valid. An element usually has a start tag (e.g. <element-name>) and an end tag (e.g. </element-name>). The element’s attributes are contained in… Read More »

Introduction to HTML5

HTML stands for Hyper Text Markup Language. HTML is an application of the Standard Generalized Markup Language (SGML) which is the International Standard (ISO 8879) for text markup. As you know HTML is not a programming language, it is a markup language and it is a set of markup tags. Thelatest version on HTML is know as HTML5.… Read More »

Responsive Table Design

Responsive HTML Table Lets create our first responsive table. Here we will discuss about two type of table design, one is when the screen width reduce the scroll bar will display and another one is the table will increase row wise. The following image shows how it change on resolution change. We have used bootstrap.css to designthe table. Table With… Read More »

Responsive Webpage Layout

Responsive Webpage Layout Design Lets create our first responsive web page. As we discuss before our layout should auto resize in different screen resolution and should work fine in different device like computers, iPads and phones. Click here to view list of devise and screen resolution in pixels. HTML Code: <body> <div> <!– Heasder Starts Here –> <header> <div> <!– Head section goes… Read More »

Media Queries

How to create media queries in Responsive Web We need to write our media query for the following resolutions in our css file.  320px,  480px,  600px,  800px,  960px, 1024px and 1280px+.  So @media will from 320px to 479px,  480px to 599px, 600px to 767px,  768px to 959px,  960px to 1023px, 1024px to 1279px and lastly the default css which… Read More »