📙
Workbook - Introduction to Software Systems
  • About - Workbook
  • Introduction
  • Software Engineering
    • Software Systems
    • Software Product Development
    • Networking
  • TERMINAL PROGRAMMING
    • LINUX - SHELL
    • Practice Questions
  • Web Technologies
    • HTML
    • CSS
    • JavaScript
  • Databases
    • Database Systems
    • SQL - CURD Operations
  • Object Oriented Programming
    • Python
  • Lab Activities
    • Understanding GIT - Lab 1
    • SHELL - Lab 2
      • Class Quiz (15/6/2021)
      • Class Test Script
      • SHELL Lab Activity Task
      • SHELL Lab Activity Solution
  • ASSIGNMENTS
    • Assignment-1 SHELL Solutions
Powered by GitBook
On this page
  • Web Browser
  • HTML - HyperText Markup Language
  • Managing Headings and Text in HTML
  • Lists in HTML (Ordered and Unordered)
  • Hyperlinks in HTML
  • Images in HTML
  • Tables in HTML
  • Additional Resources

Was this helpful?

  1. Web Technologies

HTML

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

PreviousPractice QuestionsNextCSS

Last updated 3 years ago

Was this helpful?

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.

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.

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

  • 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

  • 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”.

Managing Headings and Text in HTML

Lists in HTML (Ordered and Unordered)

Hyperlinks in HTML

Images in HTML

Tables in HTML

Additional Resources

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

HTML Validator:

Complete list of HTML tags -

End to End HTML Guide by Mozilla Foundation -

http://validator.w3.org
https://html.com/tags/
https://developer.mozilla.org/en-US/docs/Web/HTML
2MB
HTML_SampleFile.zip
archive
SampleFile_forHTML
ARPANET - Genesis of Internet
Illustration on how a Website works!
Image illustrates a basic HTML code on a browser
Basic Strcuture of an HTML file
Heading tags with degree of change in their size
Text formating in HTML
Unordered List in HTML
Ordered List in HTML
Hyperlink to URL re-direction
Image tag in HTML
Table in HTML
Tables in HTML in detail