HTML Tutorial

Contains lessons for html tutorial.

HTML Iframe

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 syntax In 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 …

HTML Iframe Read More »

HTML Layout Using Grid

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. …

HTML Layout Using Grid Read More »

HTML Layout using Flexbox

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 …

HTML Layout using Flexbox Read More »

HTML Layout

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 HTML Earlier we do not have meaning to HTML tags that identify themselves with …

HTML Layout Read More »

HTML Projects : Personal Portfolio

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 …

HTML Projects : Personal Portfolio Read More »

HTML Projects: Technical Document

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: …

HTML Projects: Technical Document Read More »

HTML Projects : Survey Form

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, …

HTML Projects : Survey Form Read More »

HTML Label

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. <label> …

HTML Label Read More »