Important HTML Notes

What is HTML?

HTML is a markup language for describing web documents (web pages).
  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content


Features of HTML?

  • HTML is easy to use and understand
  • All browsers support HTML
  • HTML and XML syntax is very similar
  • HTML is free
  • Most development tools support HTML
  • HTML is most search engine friendly
  • In most cases, HTML is all you need


History of HTML

First developed by Tim Berners-Lee in 1990, HTML is short for Hypertext Markup Language. HTML is used to create electronic documents (called pages) that are displayed on the World Wide Web. Each page contains a series of connections to other pages called hyperlinks. Every web page you see on the Internet is written using one version of HTML code or another.

HTML code ensures the proper formatting of text and images for your Internet browser. Without HTML, a browser would not know how to display text as elements or load images or other elements. HTML also provides a basic structure of the page, upon which Cascading Style Sheets are overlaid to change its appearance. One could think of HTML as the bones (structure) of a web page, and CSS as its skin (appearance).

HTML Basic Tags

  • The DOCTYPE declaration defines the document type to be HTML
  • The text between < html > and < /html > describes an HTML document
  • The text between < head > and < /head > provides information about the document
  • The text between < title > and < /title > provides a title for the document
  • The text between < body > and < /body > describes the visible page content
  • The text between < h1 > and < /h1 > describes a heading
  • The text between < p > and < /p > describes a paragraph


W W W

World Wide Web, which is also known as a Web, is a collection of websites or web pages stored in web servers and connected to local computers through the internet. These websites contain text pages, digital images, audios, videos, etc. Users can access the content of these sites from any part of the world over the internet using their devices such as computers, laptops, cell phones, etc. The WWW, along with internet, enables the retrieval and display of text and media to your device.

Website

A website is a collection of publicly accessible, interlinked Web pages that share a single domain name. Websites can be created and maintained by an individual, group, business or organization to serve a variety of purposes. Together, all publicly accessible websites constitute the World Wide Web.
A website is also known as a web presence.

Types of Website

  • Static Website
  • Dynamic Website
  • Responsive Website


Web Page

A web page or webpage is a document, commonly written in HTML, that is viewed in an Internet browser. A web page can be accessed by entering a URL address into a browser's address bar. A web page may contain text, graphics, and hyperlinks to other web pages and files.

A web page is often used to provide information to viewers, including pictures or videos to help illustrate important topics. A web page may also be used as a method to sell products or services to viewers. Multiple web pages make up a website, like our Computer Hope website.

When you click a link provided by a search engine, you are accessing a web page. The Internet consists of millions of web pages, with more being added every day.

Types of Web Page

  • Front End Page
  • Front End Page


HTML Important Tags

Tag Description
< !--.. .-- > Describe a comment text in the source code
< !doctype> Defines a document type
< a > Specific a anchor (Hyperlink)
/Use for link in internal/external web documents.
< address > Describes an address information
< applet > Embedding an applet in HTML document
< area > Defines an area in an image map
< article > Defines an article
< audio > Specific audio content
< b > Specific text weight bold
< big > Defines a big text
< blockquote > Specifies a long quotation
< body > Defines a main section(body) part in HTML document
< br / > Specific a single line break
< button > Specifies a press/push button
< canvas > Specifies the display graphics on HTML web documment
< caption > Define a table caption
< center > Specifies a text is display in center align
< code > Specifies computer code text
< dialog > Define a chat conversation between one or more person
< dir > Define a directory list
< div > Define a division part
< dl > Define a definition list
< em > Define a text is emphasize format
< embed > Define a embedding external application using a relative plug-in
< figure > Represents self-contained content corresponding with a < figcaption > element
< font > Defines a font size, font face and font color for its text
< footer > Defines a footer section containing details about the author, copyright, contact us, sitemap, or links to related documents.
< form > Defines a form section that having interactive input controls to submit form information to a server.
< frame > Defines frame window.
< frameset > Used to holds one or more < frame > elements.
< h1 > to < h6 > Defines a Headings level from 1 to 6 different sizes.
< head > Defines header section of HTML document.
< hr / > Represent a thematic break between paragraph-level tags. It is typically draw horizontal line.
< html > Define a document is a HTML markup language
< i > Defines a italic format text
< iframe > Defines a inline frame that embedded external content into current web document.
< img > Used to insert image into a web document.
< input > Define a get information in selected input
< label > Used to caption a text label with a form < input > element.
< li > Define a list item either ordered list or unordered list.
< link > Used to load an external stylesheets into HTML document.
< map > Defines an clickable image map.
< mark > Used to highlighted (marked) specific text.
< menu > Used to display a unordered list of items/menu of commands.
< meta > Used to provide structured metadata about a web page.
< nav > Used to defines group of navigation links.
< object > Used to embedded objects such as images, audio, videos, Java applets, and Flash animations.
< ol > Defines an ordered list of items.
< option > Represents option items within a < select >, < optgroup > or < datalist > element.
< p > Used to represents a paragraph text.
< param > Provides parameters for embedded object element.
< pre > Used to represents preformatted text.
< progress > Represents the progress of a task.
< script > Defines client-side JavaScript
< section > Used to divide a document into number of different generic section.
< select > Used to create a drop-down list.
< small > Used to makes the text one size smaller.
< source > Used to specifies multiple media resources.
< span > Used to grouping and applying styles to inline elements.
< strike > Represents strikethrough text.
< stron g> Represents strong emphasis greater important text.
< style > Used to add CSS style to an HTML document.
< sub > Represents inline subscript text.
< sup > Represents inline superscript text.
< table > Used to defines a table in an HTML document.
< tbody > Used for grouping table rows.
< td > Used for creates standard data cell in HTML table.
< textarea > Create multi-line text input.
< tfoot > Used to adding a footer to a table that containing summary of the table data.
< th > Used for creates header of a group of cell in HTML table.
< thead > Used to adding a header to a table that containing header information of the table.
< time > Represents the date and/or time in an HTML document.
< title > Represents title to an HTML document.
< tr > Defines a row of cells in a table.
< track > Represents text tracks for both the < audio > and < video > tags.
< u > Represents underlined text.
< ul > Defines an unordered list of items.
< video> Used to embed video content.
Contact Fee Courses in Rishieksh