Wednesday, July 10, 2019

Learn basic concepts of HTML and HTML5 | html chart sheet

In this post, you will learn about HTML and HTML5 from beginning to advance. this is also a chart sheet of the HTML language.
advance html and html chart sheet, project for computer science
html chart sheet

HTML language

it's hypertext markup language. it's used to make web pages and web applications. it's developed by Berners-Lee in 1989. 

HTML5

it's the fifth version of HTML language which is currently working and used to make web pages and web applications.

Basic concepts and tag list of HTML language.


<!-- text -->
This tag is used to insert a comment in the HTML source code. and this is not displayed in the web browser. 

<!DOCTYPE>
This tag is not an HTML code. it's an instruction to the web browser to what type of version of HTML is you are using for coding. it's an html5 declaration type and declare at the top of the HTML page. 

<a> 
This is an HTML tag which is used to define a hyperlink. it's used to add one HTML page to another HTML page.  
                   
<abbr>
This is an HTML tag which is used to define an acronym. which is shown when you hover the text. 

<address>
This tag is used inside the body tag and used to print the address of the author when you post an article.         
  
<area>
This tag is used to define area inside an image. 

<article>
This is an HTML5 tag. which is used to define self-contained content. 

<aside>
This is an HTML5 tag. which is used to define content aside from the other content.        

<audio>
This is an HTML5 tag. which is used to add sound in the web page. 

<b>
This tag is used to make the text bold.

<base>

This tag is used in the head tag. it's used to specify base URL for all the URL's presence on the web page. 


<bdi>
This tag is used to add different types of texts in different languages.


<bdo>
This tag is used to change the direction of the text.


<blockquote>
This tag is used to show a section which is taken from the outer source.


<body>
All the HTML which you want to show to the users and want that browser can print is written in between the body text. we define the body part of the document in between these tags.


<br>
This tag is used to take a single line break. 


<button>
This tag is used to define a clickable button.


<canvas>
This tag is used to add graphics in the HTML file.


<caption>
This tag is used to define or add a caption for the table.


<cite>
This tag is used to define the title of the paragraph or title of the section.


<code>
This tag is used to write the computer code.


<col>
This tag is used to define the specific properties for the more than one columns in a table.


<colgroup>
This tag is used to make a group of one or more columns in a table. 


<data>
This tag is used to add machine-readable data for the specific data. 


<datalist>
This tag is used to specifies the pre-defined data list for the input field.


<dd>
This tag is used to define the value in the description list.


<del>
This tag is used to define a text which is deleted.


<details>
This tag is used to define the hide/view text. 


<dfn>
This tag is used to define the instance of any term or text in HTML.


<dialog>
This tag is used to define a dialog window. 


<div>
This tag is used to define the section in the HTML.


<dl>
This tag is used to define the description list.


<dt>
This tag is used to describe the name of the description in the description list.


<em>
This tag is used to define the emphasized text.


<embed>
This tag is used to make a container for the external files.


<fieldset>
This tag is used to define the group of the related fields in the form tag.


<figcaption>
This tag is used to define the caption for a figure or an image.


<figure>
This tag is used to define a content which is self-contained. 


<footer> 
This tag is used to define a footer section for the document.


<form>
This tag is used to define a form for the input fields.


<h1> to <h6>
These tags are used to define headings in the HTML file. 


<head>
In this tag, all the css work for the HTML file is done and all the other files which we used in the HTML file is included using HTML tags. 


<header>
This tag is used to define a header for a document.


<hr>
This tag is used to define a horizontal line in the HTML document. 


<html>
This tag is used to define the root element of the html page of the file.


<i>
This tag is used to make the text italic.


<iframe>
This tag is used to define a framework for the video or for another document.


<img>
This tag is used to add an image in the html file. 


<input>
This tag is used to define an input field to take information from the user.


<ins>
This tag is used to highlight a text that has been added to the text.


<kbd>
This tag is used to define a keyboard input.


<label>
This tag is used to define a label for the input form.


<legend>
This tag is used to define a label for the input element.


<li>
This tag is used to define a list of items.


<link>
This tag is used in the header section. which is used to adding the external sheets in the html file.  


<main>
This tag is used to define the main content of the document.


<map>
This tag is used to define a map on an html element.


<mark>
This tag is used to make a mark element.


<meta>
This tag is used to define meta tags of the html pages.

<meter>
This tag is used to define a scale measure between the given range.


<nav>
This tag is used to define the navigation links.


<object>
This tag is used to define an external object.


<ol>
This tag is used to define an order list.


<optgroup>
This tag is used to make the groups in the dropdown list.


<option>
This tag is used to define the options for the dropdown list.


<output>
This tag is used to add the output of the given equation.


<p>
This tag is used to define a paragraph.


<param>
This tag is used to define the parameter of the object.


<pictures>
This tag is used to define the container of multiple images.


<pre>
This tag is used to define a text which is pre-formatted.


<progress>
This tag is used to define a progress bar.


<q>
This tag is used to define a short quotation.


<rp>
This tag is used to define the parentheses around the ruby text.


<rt>
This tag defines the explanation of the text.


<ruby>
This tag is used to define a ruby notation.


<s>
This tag is used to mark a text which is not true.


<samp>
This tag is used to print the sample output of the computing program.


<section>
This tag is used to define the section in the document.


<select>
This tag is used to define the drop-down list.


<small>
This tag is used to define the smaller text.


<source>
This tag is used to define the source of the audio or video files.


<span>
This tag is used to define the specific styles for a specific text. it's also used to group inline elements. 


<strong>
This tag is used to define the strong text.


<sub>
This tag is used to define the subscript of the text.


<summary>
This tag is used to define the visible text for the hide/view element.


<sup>
This tag is used to define the superscript of the text.


<svg>
This tag is used to define the container for the graphics.


<table>
This tag is used to define a table with rows and columns.


<tbody>
This tag is used to define the body of the table.


<td>
This tag is used to define the data of the table.


<template>
This tag is used to define the invisible content. all the things in between the template tag are not shown in the browser.


<textarea>
This tag is used to define the multi-line input area.


<tfoot>
This tag is used to define the footer of the table.


<th>
This tag is used to define the table header for the table content.


<thead>
This tag is used to group the table header. 


<time>
This tag is used to define the time in the html file.


<title>
This tag is used in the head section. this tag is used to define the title of the page which is shown in the browser tab when the file load. 

<tr>
This tag is used to define the rows of the table.

<track>
This tag is used to define the tracks for the audio files.

<u>
This tag is used to underline a text.

<ul>
This tag is used to define the unordered list.

<Var>
This tag is used to define the variable in the html file. 


<video>
This tag is used to add the video file. 


<wbr>
This tag is used to define the line break in the paragraph.

Download file: 





0 comments: