search

HTML

This section contains few concepts related to HTML language and example files to explore the possibilities of HTML tags usage.

ARPANET - Genesis of Internet

hashtag
Web Browser

A web browser, or simply "browser," is an application used to access and view websites. Common web browsers include Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, and Apple Safari. The primary function of a web browser is to render HTML, the code used to design or "mark up" webpages.

Illustration on how a Website works!

When a user launches a Universal Resource Locator (URL) on a browser, it hits the respective domain web server and launches the web pages which are required by the user. The below image illustrates the workflow of the launch of the website.

hashtag
HTML - HyperText Markup Language

  • HyperText Markup Language -lingua franca for publishing hypertext

  • A simple text format to create web pages

  • Specify structure, presentation and content of a web page

  • Define tags <html> <head> <body> ....etc

  • Allow to embed other scripting languages to manipulate design layout, text and graphics

  • Platform independent

  • No special software required. They are by default part of Internet browser application like Chrome, IE, Safari, Mozilla FireFox

  • The below image illustrates how a basic HTML code is reflected on a browser page

Image illustrates a basic HTML code on a browser

  • Consider headers carefully, it helps to identify your page

  • The title of a Web page determines its ranking in certain search engines

  • The title will also appear on Favorite lists, History lists, and Bookmark lists to identify your page

  • HTML Contents include paragraph, headings, hyperlinks, images, media, lists, tables, form

  • HTML Tags are considered as markup to specify the structure and style

  • An opening tag and closing tag, Sometimes no closing tag Can have the attributes to specify extra info

  • HTML Validator: http://validator.w3.orgarrow-up-right

  • Checks your HTML page for errors

  • Like a compiler checks for errors in your program•Always write valid HTML pages even if the wrong HTML page “works”.

Basic Strcuture of an HTML file

hashtag
Managing Headings and Text in HTML

Heading tags with degree of change in their size
Text formating in HTML

hashtag
Lists in HTML (Ordered and Unordered)

Unordered List in HTML
Ordered List in HTML

hashtag
Hyperlinks in HTML

Hyperlink to URL re-direction

hashtag
Images in HTML

Image tag in HTML

hashtag
Tables in HTML

Table in HTML
Tables in HTML in detail

hashtag
Additional Resources

  1. Complete list of HTML tags - https://html.com/tags/arrow-up-right

  2. End to End HTML Guide by Mozilla Foundation - https://developer.mozilla.org/en-US/docs/Web/HTMLarrow-up-right

  3. Use below attached Sample File to understand the above examples

file-archive
2MB
HTML_SampleFile.zip
archive
arrow-up-right-from-squareOpen
SampleFile_forHTML

PreviousPractice QuestionsNextCSS

Last updated