HYPER TEXT MARKUP LANGUAGE BASIC LESSONS

Apr 4, 2024Download as pptx, pdf0 likes25 views

The document provides an introduction to HTML, explaining that it is used to create web pages and is a markup language that uses tags to describe web page elements. It describes how to start creating HTML documents using a text editor like Notepad and viewing the pages in a web browser. It outlines the basic HTML page structure using <html>, <head>, <title>, and <body> tags and provides examples of simple HTML code to create a web page.

2
AN INTRODUCTION HTML
• With HTML you can create your own
Web site.
• HTML stands for Hyper Text Markup
Language.
• HTML is not a programming language, it
is a Markup Language.
• A markup language is a set of markup
tags.
• HTML uses markup tags to describe
web pages.

HOW TO START
• Write html code in notepad.
• A text editor like “Notepad” to create and
save the HTML documents.
• A Web browser to view and test the HTML
documents.
• Web Browsers: It is a client software that
allows users to display and interact with a
hypertext document. Browsers interpret
code.
• The most popular web browsers that are
used today are Mozilla Firefox, Google
3

HTML Elements and
Tags
• The basic structure of an HTML
document is simple with the entire
document bound by a pair of
<html> and </html> tags. This has
two sections:
• Header – that appears on top of
the window.
• The <head>….</head> tags
make the header of the document.
• Body – that appears in the 4

HTML Tags
• HTML tags are keywords
surrounded by angle brackets (<
>).
• HTML tags normally come in pairs
like <html> and </html>.
• The first tag in a pair is called
start tag, and the second tag is
the end tag(closing tag).
• The text between the start and
end tags is the element content.
• HTML tags are not case sensitive.5

Explanation
–<HTML> - Describe HTML web
page that is to be viewed by a web
browser.
–<HEAD> - This defines the header
section of the page.
–<TITLE> - This shows a caption in
the title bar of the page.
–<BODY> - This tag show contents
of the web page will be displayed. 6

Code With HTML
<HTML>
<HEAD>
<TITLE>
MY FIRST PAGE
</TITLE>
</HEAD>
<BODY>
GLOBAL INFORMATION CHANNEL
</BODY>
</HTML>
7

8
Exercise1:
Exercise1:
<html>
<head>
<title>Home Page</title>
</head>
<body>This is my homepage.
</body>
</html>
Save the file as "mypage.htm".

The document provides an introduction to HTML and describes some basic HTML elements and tags. It explains that HTML stands for Hypertext Markup Language and is used to create web pages. It lists common tags like <html>, <head>, <title>, and <body> and explains what they are used for. It also describes how to write basic HTML code and view it in a web browser. Finally, it discusses some text formatting tags, lists, and how to change background and text colors.

215077679 introduction to HTMLXolani Madlopha

HTML 5 TutorialTahasin Chowdhury

1. html introductionMuhammad Toqeer

What is htmlEVA Mokwena

This document provides an introduction to HTML by defining what HTML is, explaining that it uses tags to structure and present content on webpages. It gives examples of common HTML tags like <html>, <head>, <title>, <body> that define the overall page and structure. Additional tags are described that format text elements like headings, bold, italics and underlining. The document concludes by instructing the reader to create a simple HTML file with the School Info Page template as an example.

Html - Tutorialadelaticleanu

This document provides an introduction to HTML (Hypertext Markup Language) and describes the basic structure and tags used in an HTML document. It explains that HTML documents use markup tags to define headings, paragraphs, lists and other elements. The key tags are <html> to define an HTML document, <head> for page header info like the <title>, and <body> for the visible page content. It provides examples of basic HTML documents and describes common tags like <p> for paragraphs and <h1> for headings.

An-Introduction-to-HTMLHatemMagdyMohamed

The document provides an introduction to HTML, including what HTML is, how to create HTML pages using text or visual editors, the basic HTML structure using tags within opening and closing elements, how to format HTML code for readability, and examples of a simple first HTML page and common tags for hyperlinks, images, and text formatting. It also discusses HTML tags having attributes to specify properties and behaviors.

Introduction to HTML for my Special Class300179

UNIT 2 presentation for the subject ITWS-01.pptxMarkAnthonyArenasGio

Class1slidesAlexis Goldstein

This class covers basic HTML tags and terminology. The instructor introduces common HTML tags like <html>, <head>, <title>, <body>, <p>, <h1-h6>, <strong>, and <a> and explains how they are used. Students learn about HTML elements, self-closing tags, and attributes. The goal is for students to understand basic HTML terms and structure, know common tags, and be able to build a simple HTML page by the end of the class.

Html introductionRanjithaM32

HtmlNoha Sayed

Handout1 intro to htmlNadine Guevarra

2. HTML Basic unit2 fundamentals of computertravelwithlifezindgi

Html (hypertext markup language)Resty Jay Galdo

HTML is the language used to create websites. It provides a logical structure for content using markup tags. Documents must begin with <!DOCTYPE html> to indicate HTML and <html> tags to enclose the content. The <head> contains metadata not displayed, including the <title>. The visible content goes in the <body> between its opening and closing tags. Some elements like <br /> are self-closing single tags. HTML organizes elements in a nested parent-child relationship structure.

Grade 7_HTML.pptxshilpak0307

Unit 7 introduces HTML (Hypertext Markup Language), which is used to structure and present content for the web. HTML has two main components: hypertext, which allows users to navigate between pages by clicking links, and markup, which involves using tags to structure text. Some key advantages of HTML are that it is easy to learn and use, free, supported by most browsers, easy to edit without special tools, and integrates well with other languages. The basic structure of an HTML document involves tags like <html>, <head>, <title>, and <body>. HTML editors can be either text-based or WYSIWYG (What You See Is What You Get) and allow writing and viewing HTML code.

WEB PROGRAMMING- Web page creation using HTML Tagsjananisairam

This document provides an introduction to HTML (Hypertext Markup Language) and covers various HTML tags for formatting text and creating lists. It discusses common HTML terminology like tags, paired tags, and unpaired tags. It describes the basic structure of an HTML document using <html>, <head>, <title>, and <body> tags. Formatting tags covered include <b>, <i>, <sub>, <sup>, <small>, <big>, and <u>. The <marquee> tag is introduced for scrolling text. Headings from <h1> to <h6> are explained. Finally, the document demonstrates how to create unordered lists using <ul> and <li> tags and ordered lists using

WEB PROGRAMMING.Introduction to HTML Heading Tags Formatting TagsSABITHARASSISTANTPRO

Introduction to HTMLdilanie77

Internship HTML_Day-1 for beggineers.ppttestvarun21

html and css- 23091 3154 458-5d4341a0.pptahoveida

HTML & CSS.pptvaseemshaik21

The document provides an overview of full stack web development, including front-end technologies like HTML, CSS, JavaScript and back-end technologies like PHP, Java, and Python. It discusses how websites are structured and hosted, how web pages are built using HTML, and how text editors can be used to write HTML code. It also covers common web development terms like protocols, URLs, and how CSS is used to style web pages.

HTML Programming, Html tags, Html tools,Mtnc BCA DEPARTMENT

2a web technology html basics 1Jyoti Yadav

The document provides information about HTML (Hypertext Markup Language). It discusses that HTML is the standard markup language used to create web pages. It consists of elements that tell browsers how to display content. The document also describes common HTML tags like headings, paragraphs, links, lists, and attributes that can provide additional information to elements. It explains the structure of an HTML document and provides examples of basic HTML code.

introdution-to-html(Hypertext Markup Language).pptcatliegay

Lecture 2 introduction to html basicsAliMUSSA3

This document provides an introduction to HTML and covers key topics such as: - The structure of an HTML document which includes elements like <html>, <head>, <title>, and <body> - Common HTML elements for formatting text such as headings, paragraphs, and bold/italic tags - How to add colors to text using hexadecimal codes, RGB values, or color names - Other tags like <hr> for horizontal rules and <font> for fonts, though <font> is not recommended for HTML5

Html5.pptxdharajagad

Coding Class #1 PowerPoint Slideshow for Beginnersdemagistrisrock

This document provides an introduction to basic HTML tags and structure. It explains that HTML uses tags to define how content should be formatted and displayed in a web browser. Every HTML document requires an opening <!DOCTYPE html> tag and consists of a <head> and <body> section. The <head> contains metadata like the <title> tag, while the <body> is where visible content like paragraphs defined with <p> tags can be placed.

What is the Philosophy of Statistics? (and how I was drawn to it)jemille6

What is the Philosophy of Statistics? (and how I was drawn to it) Deborah G Mayo At Dept of Philosophy, Virginia Tech April 30, 2025 ABSTRACT: I give an introductory discussion of two key philosophical controversies in statistics in relation to today’s "replication crisis" in science: the role of probability, and the nature of evidence, in error-prone inference. I begin with a simple principle: We don’t have evidence for a claim C if little, if anything, has been done that would have found C false (or specifically flawed), even if it is. Along the way, I’ll sprinkle in some autobiographical reflections.

Ancient Stone Sculptures of India: As a Source of Indian HistoryVirag Sontakke

This Presentation is prepared for Graduate Students. A presentation that provides basic information about the topic. Students should seek further information from the recommended books and articles. This presentation is only for students and purely for academic purposes. I took/copied the pictures/maps included in the presentation are from the internet. The presenter is thankful to them and herewith courtesy is given to all. This presentation is only for academic purposes.

More Related Content

Similar to HYPER TEXT MARKUP LANGUAGE BASIC LESSONS (20)

UNIT 2 presentation for the subject ITWS-01.pptxMarkAnthonyArenasGio

Class1slidesAlexis Goldstein

Html introductionRanjithaM32

HtmlNoha Sayed

Handout1 intro to htmlNadine Guevarra

2. HTML Basic unit2 fundamentals of computertravelwithlifezindgi

Html (hypertext markup language)Resty Jay Galdo

Grade 7_HTML.pptxshilpak0307

WEB PROGRAMMING- Web page creation using HTML Tagsjananisairam

WEB PROGRAMMING.Introduction to HTML Heading Tags Formatting TagsSABITHARASSISTANTPRO

Introduction to HTMLdilanie77

Internship HTML_Day-1 for beggineers.ppttestvarun21

html and css- 23091 3154 458-5d4341a0.pptahoveida

HTML & CSS.pptvaseemshaik21

HTML Programming, Html tags, Html tools,Mtnc BCA DEPARTMENT

2a web technology html basics 1Jyoti Yadav

introdution-to-html(Hypertext Markup Language).pptcatliegay

Lecture 2 introduction to html basicsAliMUSSA3

Html5.pptxdharajagad

Coding Class #1 PowerPoint Slideshow for Beginnersdemagistrisrock

UNIT 2 presentation for the subject ITWS-01.pptxMarkAnthonyArenasGio

Class1slidesAlexis Goldstein

Html introductionRanjithaM32

HtmlNoha Sayed

Handout1 intro to htmlNadine Guevarra

2. HTML Basic unit2 fundamentals of computertravelwithlifezindgi

Html (hypertext markup language)Resty Jay Galdo

Grade 7_HTML.pptxshilpak0307

WEB PROGRAMMING- Web page creation using HTML Tagsjananisairam

WEB PROGRAMMING.Introduction to HTML Heading Tags Formatting TagsSABITHARASSISTANTPRO

Introduction to HTMLdilanie77

Internship HTML_Day-1 for beggineers.ppttestvarun21

html and css- 23091 3154 458-5d4341a0.pptahoveida

HTML & CSS.pptvaseemshaik21

HTML Programming, Html tags, Html tools,Mtnc BCA DEPARTMENT

2a web technology html basics 1Jyoti Yadav

introdution-to-html(Hypertext Markup Language).pptcatliegay

Lecture 2 introduction to html basicsAliMUSSA3

Html5.pptxdharajagad

Coding Class #1 PowerPoint Slideshow for Beginnersdemagistrisrock

Recently uploaded (20)

What is the Philosophy of Statistics? (and how I was drawn to it)jemille6

Ancient Stone Sculptures of India: As a Source of Indian HistoryVirag Sontakke

PHYSIOLOGY MCQS By DR. NASIR MUSTAFA (PHYSIOLOGY)Dr. Nasir Mustafa

Origin of Brahmi script: A breaking down of various theoriesPrachiSontakke5

Drugs in Anaesthesia and Intensive Care,.pdfcrewot855

Chemotherapy of Malignancy -Anticancer.pptxMayuri Chavan

UPMVLE migration to ARAL. A step- by- step guideabmerca

How to Manage Amounts in Local Currency in Odoo 18 PurchaseCeline George

Overview Well-Being and Creative CareersUniversity of Amsterdam

Slides to support presentations and the publication of my book Well-Being and Creative Careers: What Makes You Happy Can Also Make You Sick, out in September 2025 with Intellect Books in the UK and worldwide, distributed in the US by The University of Chicago Press. In this book and presentation, I investigate the systemic issues that make creative work both exhilarating and unsustainable. Drawing on extensive research and in-depth interviews with media professionals, the hidden downsides of doing what you love get documented, analyzing how workplace structures, high workloads, and perceived injustices contribute to mental and physical distress. All of this is not just about what’s broken; it’s about what can be done. The talk concludes with providing a roadmap for rethinking the culture of creative industries and offers strategies for balancing passion with sustainability. With this book and presentation I hope to challenge us to imagine a healthier future for the labor of love that a creative career is.

The History of Kashmir Karkota Dynasty NEP.pptxArya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

This slide is an exercise for the inquisitive students preparing for the competitive examinations of the undergraduate and postgraduate students. An attempt is being made to present the slide keeping in mind the New Education Policy (NEP). An attempt has been made to give the references of the facts at the end of the slide. If new facts are discovered in the near future, this slide will be revised. This presentation is related to the brief History of Kashmir (Part-I) with special reference to Karkota Dynasty. In the seventh century a person named Durlabhvardhan founded the Karkot dynasty in Kashmir. He was a functionary of Baladitya, the last king of the Gonanda dynasty. This dynasty ruled Kashmir before the Karkot dynasty. He was a powerful king. Huansang tells us that in his time Taxila, Singhpur, Ursha, Punch and Rajputana were parts of the Kashmir state.

Rock Art As a Source of Ancient Indian HistoryVirag Sontakke

puzzle Irregular Verbs- Simple Past TenseOlgaLeonorTorresSnch

How to Manage Upselling in Odoo 18 SalesCeline George

How to Configure Public Holidays & Mandatory Days in Odoo 18Celine George

APGAR SCORE BY sweety Tamanna Mahapatra MSc PediatricSweetytamannaMohapat

ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptxMayuri Chavan

How to Create Kanban View in Odoo 18 - Odoo SlidesCeline George

Bridging the Transit Gap: Equity Drive Feeder Bus Design for Southeast Brooklyni4jd41bk

MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)Dr. Nasir Mustafa

Ajanta Paintings: Study as a Source of HistoryVirag Sontakke

What is the Philosophy of Statistics? (and how I was drawn to it)jemille6

Ancient Stone Sculptures of India: As a Source of Indian HistoryVirag Sontakke

PHYSIOLOGY MCQS By DR. NASIR MUSTAFA (PHYSIOLOGY)Dr. Nasir Mustafa

Origin of Brahmi script: A breaking down of various theoriesPrachiSontakke5

Drugs in Anaesthesia and Intensive Care,.pdfcrewot855

Chemotherapy of Malignancy -Anticancer.pptxMayuri Chavan

UPMVLE migration to ARAL. A step- by- step guideabmerca

How to Manage Amounts in Local Currency in Odoo 18 PurchaseCeline George

Overview Well-Being and Creative CareersUniversity of Amsterdam

The History of Kashmir Karkota Dynasty NEP.pptxArya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

Rock Art As a Source of Ancient Indian HistoryVirag Sontakke

puzzle Irregular Verbs- Simple Past TenseOlgaLeonorTorresSnch

How to Manage Upselling in Odoo 18 SalesCeline George

How to Configure Public Holidays & Mandatory Days in Odoo 18Celine George

APGAR SCORE BY sweety Tamanna Mahapatra MSc PediatricSweetytamannaMohapat

ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptxMayuri Chavan

How to Create Kanban View in Odoo 18 - Odoo SlidesCeline George

Bridging the Transit Gap: Equity Drive Feeder Bus Design for Southeast Brooklyni4jd41bk

MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)Dr. Nasir Mustafa

Ajanta Paintings: Study as a Source of HistoryVirag Sontakke

HYPER TEXT MARKUP LANGUAGE BASIC LESSONS

1. DIVYA JOHN INDIAN SCHOOL AL GHUBRA

2. 2 AN INTRODUCTION HTML • With HTML you can create your own Web site. • HTML stands for Hyper Text Markup Language. • HTML is not a programming language, it is a Markup Language. • A markup language is a set of markup tags. • HTML uses markup tags to describe web pages.

3. HOW TO START • Write html code in notepad. • A text editor like “Notepad” to create and save the HTML documents. • A Web browser to view and test the HTML documents. • Web Browsers: It is a client software that allows users to display and interact with a hypertext document. Browsers interpret code. • The most popular web browsers that are used today are Mozilla Firefox, Google 3

4. HTML Elements and Tags • The basic structure of an HTML document is simple with the entire document bound by a pair of <html> and </html> tags. This has two sections: • Header – that appears on top of the window. • The <head>….</head> tags make the header of the document. • Body – that appears in the 4

5. HTML Tags • HTML tags are keywords surrounded by angle brackets (< >). • HTML tags normally come in pairs like <html> and </html>. • The first tag in a pair is called start tag, and the second tag is the end tag(closing tag). • The text between the start and end tags is the element content. • HTML tags are not case sensitive.5

6. Explanation –<HTML> - Describe HTML web page that is to be viewed by a web browser. –<HEAD> - This defines the header section of the page. –<TITLE> - This shows a caption in the title bar of the page. –<BODY> - This tag show contents of the web page will be displayed. 6

7. Code With HTML <HTML> <HEAD> <TITLE> MY FIRST PAGE </TITLE> </HEAD> <BODY> GLOBAL INFORMATION CHANNEL </BODY> </HTML> 7

8. 8 Exercise1: Exercise1: <html> <head> <title>Home Page</title> </head> <body>This is my homepage. </body> </html> Save the file as "mypage.htm".

HYPER TEXT MARKUP LANGUAGE BASIC LESSONS

Recommended

More Related Content

Similar to HYPER TEXT MARKUP LANGUAGE BASIC LESSONS (20)

Recently uploaded (20)

HYPER TEXT MARKUP LANGUAGE BASIC LESSONS