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

Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

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.

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.

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.

You can put comments between any tags in your HTML documents. Comment tags are used to insert comments in HTML. 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.

Paragraphs

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

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

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.

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. The link can be a word, phrase, or image. The power of HTML lies in hyperlinks or links. Links allow you to click on any element and navigate from page to page. A hyperlink can be put on text or image that you can click on, and jump to another document.

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.

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.

With web forms, you can collect information from users. Web forms can collect anything like name, e-mail address, message, images, files from your computer, and so on. When you fill out a form, the information is sent to the web server. What exactly the web server does with the information is up to the programs running on the server.

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.

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.

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.

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.

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.