HTML Tutorial

HTML stands for Hyper Text Markup Language. With HTML, you can create your own Website. It describes the structure of Web pages using markup.

Complete HTML Guide

Open Graph Meta Tags

Open Graph meta tags are snippets of code that control how URLs are displayed when shared on social media. They are part of Facebook’s Open Graph protocol and are also used by other social media sites, including LinkedIn and Twitter (if Twitter Cards are absent).

Introduction to HTML

With the knowledge of HTML, you can create websites. HTML stands for Hyper Text Markup Language. A markup language is a set of markup tags that describe document content. HTML documents contain HTML tags and plain text. HTML documents are also called web pages.

Document Type Declaration (Doctype)

Web browsers can display several types of documents, not just HTML. So. when creating a web document the first thing you do is tell the browser what type of document is coming. You declare the type of document with a special line of HTML at the top of the document.

HTML Headings

Most documents have headings in one form or another. In longer pieces of text, headings can also help structure a document. HTML offers six levels of headings, which use the elements: <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. Browsers display the <h1> element as the largest of the six and <h6> as the smallest.

HTML Comments

You can put comments between any tags in your HTML documents. Comments are not displayed by the browser, but they can help document your HTML. There is an exclamation point (!) in the opening tag, but not in the closing tag.

HTML Paragraphs and Line Breaks

Paragraphs are defined with the <p> tag. Browsers automatically add an empty line before and after a paragraph.

HTML Formatting

Formatting tags are used to change the format of text in the output. All formatting tags have start tag and end tag. These elements affect only the presentation of a document. You can also achieve a similar appearance using CSS.

HTML Lists

There are three types of lists. Unordered lists contain bullet points. They are used when the order of elements in the list is not important. Ordered lists have some kind of numeric counter preceding each list item, and definition lists contain terms and their definitions.

HTML Hyperlinks

What really distinguishes the Web from other mediums is the way in which a web page can contain links or hyperlinks that you can click on to be taken from one page to another page.

HTML Images

Images, such as photos or graphics, enhance the visual appeal of a web page. Images are defined with the <img> tag. It is empty, contains attributes only, and does not have a closing tag.

HTML Tables

Tables are matrix of rows and columns. Tables are defined with the <table> tag. Tables are divided into a number of table rows with the <tr> tag and rows are divided into table data with the <td> tag.

HTML Web Forms

With web forms, you can collect information from users. Web forms can collect anything like name, email address, message, images, files from your computer, and so on.

HTML Video and Audio

The abundance of audio and video material on the internet grew over time as bandwidth improved and storage space became cheaper and ubiquitous. HTML5 has added both audio and video tags to make it easier to integrate media into web pages.

HTML Markup Validation

When you create a web page with HTML, there are certain rules to follow in order to make sure that web browsers can read and display the page correctly. The current version of the HTML specification is HTML version 5, known simply as HTML5.

New HTML5 Semantic Markup

Semantic elements describe their meaning or purpose to the browser and to the developer. HTML5 has new semantically rich elements that can convey the purpose of the element to both developers and browsers.

HTML Page and Text Layout

In order to add content to your page, set up your file with some basic structure. First, use tags to identify information about where parts of your page start and end. Use first set of tags, <html> and </html>. The act of placing a set of tags around content and other code is often referred to as wrapping what is between the tags.

HTML and Microdata

Microdata is a standardized way to provide additional semantics in your web pages. Microdata consists of a group of name-value pairs. The groups are called items, and each name-value pair is a property.