Tag Archives: Approach

HTML5 Elements

In the previous chapter we have discussed about some of the basic HTML 4 elements. Apart form those HTML 5 has introduced some other useful elements and tags and also some of the old elements removed in HTML 5. Let’s discuss those in detail. HTML 5 New Elements <canvas> <details> <datagrid> <menu> <summary> Defines a visible heading… 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 Width/ Device Width

Responsive Web Design Media Width Viewport Size The Following table shows screen resolution for different devices. For more detail please visit wikipedia. It is always better to write your media query in your CSS file for the following resolutions. 320px, 480px, 600px, 800px, 960px, 1024px and 1280px+. Click here to know how to crate a css file for responsive web design. Device Name With Resolution Company Model Diagonal… Read More »