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.
Introduction to HTML
HTML is used to create websites. HTML stands for Hyper Text Markup Language. A markup language is a set of markup tags that describe document content. HTML documents are also called web pages.
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).
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.
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.
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 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.
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 Web Forms
With web forms, you can collect information from users. Web forms can collect any information like name, email address, message, images, files from your computer, and so on.
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 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 tag, contains attributes only, and does not have a closing tag.
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 Lists
There are three types of lists - Unordered, Ordered and Definition. 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 Formatting
Formatting tags are used to change the format of text (like underline, bold) 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 Paragraphs and Line Breaks
Paragraphs are defined with the <p> tag. Browsers automatically add an empty line before and after a paragraph.
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.
Document Type Declaration (Doctype)
Web browsers can display several types of documents, not just HTML. So. when creating a web document, the first thing 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.