HTML

An iframe is a special HTML element that display one webpage inside another web page. There are some additional property that makes iframe very useful.Iframe syntaxIn the syntax above the src attribute points to the source of another web page. A source could be absolute address – https:// or a relative address such as /web/product.html’.Example … Read more

In the previous article, you have learned about flex-box layout. You can create a grid like structure in HTML page using flex-box. In a grid like structure all blocks would be equal sized. But that involves adjusting each box using flex. The HTML and CSS has a different display property just for a grid layout. … Read more

In the previous article, you learned about the CSS float and CSS clear to create a layout for web page. In this article, we are going to introduce you to HTML layout using CSS flex box. The CSS flex-box is responsive container that solve the problem of floating and positioning the HTML inline and block … Read more

In the previous article, you have learned about the HTML layout basic such as semantic HTML tags and so on. In this lesson,we begin with different techniques to design page using CSS. The aim is not too teach you CSS, but to make you understand be basic idea that goes behind making a layout using … Read more

Websites are made of many kinds of HTML pages and each of the page serves a different purpose. Depending on what a page does , the layout and design of the page changes. A simple layout is the best strategy.Semantic HTMLEarlier we do not have meaning to HTML tags that identify themselves with the different … Read more

A personal portfolio is required to tell other people about you work as a professional. In this article, you will create a personal portfolio page with dummy content. The project has following things A banner displaying your name Navigation link that when clicked will open to different section of the page. A grid view of … Read more

In this article, you will learn to create an HTML page for technical documentation. The technical documents usually have two columns and left or right columns have links to other section of the main document or another page. The links in the sidebar when clicked will open in a section of the document.Program Code: Technical … Read more

In this article, you will learn to make survey form using HTML and CSS. The survey form will no do anything, however, you will be able to use HTML elements to create a form and style it with CSS. This survey form is a feedback for a school.The survey form will ask following questions: Name, … Read more

In this exercise, we will create a simple product page using CSS <mark style=”background-color:rgba(0, 0, 0, 0);color:#a61919″ class=”has-inline-color”>flex </mark>box. The product page has following features listed below. Logo and fixed header A form to subscribe using email address Product detail section. Product description section. Product video. Finally, a section with 3 product feature box. HTML … Read more

HTML form elements are very useful in collecting information from users, but the a textbox or a radio button is useless without a proper label. The HTML label clear the intention for each form control element. In this article, you will learn about positioning labels, and how to use labels in an HTML form.HTML Label … Read more