CREATIVITY PRESENTATION

Craft Knowlege

Introducation to HTML

start

Objectives

Introduction to html

How does HTML work?

Brief history of HTML

HTML structure

Basic syntax of HTML

Introduction to html

HTML stands for Hypertext Markup Language

Standard markup language used to create web pages.

HTML is a fundamental language for web development

HTML provides a way to define the layout and design of a web page

Without HTML internet would not exist

How does HTML work?

• HTML tags are used to describe the various parts of a web page
• Tags are identified by angle brackets (< and >)
• Tags are arranged in a hierarchical structure, with some tags nested within others, to create the overall layout of the page.
• A Browser loads HTML file, it reads the file and interprets the tags to display the content

How does HTML work?

• Tags tell the browser what kind of content to display, such as headings, paragraphs, lists, images, links, and more
• HTML documents are structured using a hierarchy of elements
• HTML documents must also include a doctype declaration, which tells the browser the version of HTML being used
• browser reads the HTML code and interprets it to display the content in the desired format.

Brief history of HTML

• 1989: Tim Berners-Lee creates the first web browser and proposes the concept of hypertext
• 1990: Berners-Lee creates the first version of HTML
• 1993: HTML version 2.0 is released, adding support for tables
• 1997: HTML version 4.0 is released
• 1998: The World Wide Web Consortium (W3C) is established
• 2014: HTML5 is officially adopted as a web standard by the W3C

HTML structure

• Document Type Declaration (DOCTYPE)
• HTML element
• Head element
• Body element
• Heading elements (h1-h6)
• Paragraph element (p)
• Image element (img)
• List elements (ul, ol, li)
• Form element (form)
• Input element (input)

HTML structure

• HTML tags are enclosed in angle brackets, like this: <tagname>
• HTML tags can have attributes
• HTML documents must have a root element
• The head section contains metadata about the page
• The body section contains the visible content of the page
• The structure of the page is created using a hierarchy of nested tags
• HTML tags can be self-closing, meaning that they don't require a closing tag

Text formatting elements

<b><i><u><strong><em><small><sup><sub><code><pre>

• <blockquote>
• <cite>
• <q>
• <abbr>
• <address>
• <time>
• <mark>
• <del>
• <ins>

Craft Knowledge

Thanks

contact