HTML5 Intro: Elements, Tags, Links

•Download as PPT, PDF•

0 likes•20 views

M

Maneesha Caldera

HTML5 is a markup language used to structure and present content on the web. It uses tags to define elements like headings, paragraphs, and links. Some key tags include <html> and </html> to define an HTML document, <body> and </body> to contain the visible page content, and <a> to create hyperlinks to other web pages. Tags can have opening and closing parts or be self-closing like <br/> and <hr/>.

Introducing HTML5

• HTML is an acronym for Hypertext Markup
Language,
• An element is composed of a beginning
tag, an ending tag, and the content
between the tags.

Tags
• What is a tag
• Opening and closing tag

• <html> </html>
• <body> </body>
• <b> </b>
• <i>
• <u>
• <h1> <h6>

Without closing tag
• <br/>
• <hr/>

linking web pages
• <a> Hyperlink

linking web pages
• <a> Hyperlink

More Related Content

What's hot

Week 5 LectureKatherine McCurdy-Lapierre, R.G.D.

BDD vs BehatThe Software House

Khoa dang (kay)

Khoa dang (kay)

Khoa dang (kay)halfofdemon

Web technology P B Jadhav

Web technology P B Jadhav

Web technology P B JadhavPRASHANT JADHAV

Lecture1: HTML and JavaScript

Lecture1: HTML and JavaScript

Lecture1: HTML and JavaScriptomarshehab

Web forms and html lecture Number 2

Web forms and html lecture Number 2

Web forms and html lecture Number 2Mudasir Syed

Lesson 2: Getting To Know HTML

Lesson 2: Getting To Know HTML

Lesson 2: Getting To Know HTMLOlivia Moran

HTML 101Eric Rasch

HtmlKamlesh Mitawa

Html 5ch samaram

Web development Training in Ambala ! Batra Computer Centre

Web development Training in Ambala ! Batra Computer Centre

Web development Training in Ambala ! Batra Computer Centrejatin batra

HTML & XHTML Basics

HTML & XHTML Basics

HTML & XHTML BasicsHossein Zahed

#1 HTML [know-how]

#1 HTML [know-how]

#1 HTML [know-how]Dalibor Gogic

Base HTML & CSS

Base HTML & CSS

Base HTML & CSSNick Chan

Web Design L1 - Untagling the Web

Web Design L1 - Untagling the Web

Web Design L1 - Untagling the Webmykella

Docing in-and-out: Markdown introduction

Docing in-and-out: Markdown introduction

Docing in-and-out: Markdown introductionAllan Sun

Web design 101Rozell Sneede

Pemrograman Web - HTML

Pemrograman Web - HTML

Pemrograman Web - HTMLNur Fadli Utomo

Html Introduction part 1

Html Introduction part 1

Html Introduction part 1lokenra

What's hot (20)

Week 5 Lecture

BDD vs Behat

Khoa dang (kay)

Khoa dang (kay)

Khoa dang (kay)

Web technology P B Jadhav

Web technology P B Jadhav

Web technology P B Jadhav

Lecture1: HTML and JavaScript

Lecture1: HTML and JavaScript

Lecture1: HTML and JavaScript

Web forms and html lecture Number 2

Web forms and html lecture Number 2

Web forms and html lecture Number 2

Lesson 2: Getting To Know HTML

Lesson 2: Getting To Know HTML

Lesson 2: Getting To Know HTML

HTML 101

Html

Html 5

Web development Training in Ambala ! Batra Computer Centre

Web development Training in Ambala ! Batra Computer Centre

Web development Training in Ambala ! Batra Computer Centre

HTML & XHTML Basics

HTML & XHTML Basics

HTML & XHTML Basics

#1 HTML [know-how]

#1 HTML [know-how]

#1 HTML [know-how]

Base HTML & CSS

Base HTML & CSS

Base HTML & CSS

Web Design L1 - Untagling the Web

Web Design L1 - Untagling the Web

Web Design L1 - Untagling the Web

Docing in-and-out: Markdown introduction

Docing in-and-out: Markdown introduction

Docing in-and-out: Markdown introduction

Web design 101

Pemrograman Web - HTML

Pemrograman Web - HTML

Pemrograman Web - HTML

HTML5

Html Introduction part 1

Html Introduction part 1

Html Introduction part 1

More from Maneesha Caldera

An Overview of Social media analatics

An Overview of Social media analatics

An Overview of Social media analaticsManeesha Caldera

What is the programming language you need to learn

What is the programming language you need to learn

What is the programming language you need to learnManeesha Caldera

PresentationManeesha Caldera

Java if else condition - powerpoint persentation

Java if else condition - powerpoint persentation

Java if else condition - powerpoint persentationManeesha Caldera

Mobile cloud computing - Introduction

Mobile cloud computing - Introduction

Mobile cloud computing - IntroductionManeesha Caldera

Android - Listview with source code

Android - Listview with source code

Android - Listview with source codeManeesha Caldera

Java arraysManeesha Caldera

React js Introduction

React js Introduction

React js IntroductionManeesha Caldera

Android - Values folder

Android - Values folder

Android - Values folderManeesha Caldera

Machine Learning - Supervised learning

Machine Learning - Supervised learning

Machine Learning - Supervised learningManeesha Caldera

C# - Windows Forms - Creating exe file

C# - Windows Forms - Creating exe file

C# - Windows Forms - Creating exe fileManeesha Caldera

C# Memory management

C# Memory management

C# Memory managementManeesha Caldera

C# StringsManeesha Caldera

C# - Windows forms - lesson 2

C# - Windows forms - lesson 2

C# - Windows forms - lesson 2Maneesha Caldera

C# session 01Maneesha Caldera

NodeManeesha Caldera

Lesson 2Maneesha Caldera

Lesson 1Maneesha Caldera

Html 1Maneesha Caldera

Java arraysManeesha Caldera

More from Maneesha Caldera (20)

An Overview of Social media analatics

An Overview of Social media analatics

An Overview of Social media analatics

What is the programming language you need to learn

What is the programming language you need to learn

What is the programming language you need to learn

Presentation

Java if else condition - powerpoint persentation

Java if else condition - powerpoint persentation

Java if else condition - powerpoint persentation

Mobile cloud computing - Introduction

Mobile cloud computing - Introduction

Mobile cloud computing - Introduction

Android - Listview with source code

Android - Listview with source code

Android - Listview with source code

Java arrays

React js Introduction

React js Introduction

React js Introduction

Android - Values folder

Android - Values folder

Android - Values folder

Machine Learning - Supervised learning

Machine Learning - Supervised learning

Machine Learning - Supervised learning

C# - Windows Forms - Creating exe file

C# - Windows Forms - Creating exe file

C# - Windows Forms - Creating exe file

C# Memory management

C# Memory management

C# Memory management

C# Strings

C# - Windows forms - lesson 2

C# - Windows forms - lesson 2

C# - Windows forms - lesson 2

C# session 01

Node

Lesson 2

Lesson 1

Html 1

Java arrays

Recently uploaded

AI as an Interface for Commercial Buildings

AI as an Interface for Commercial Buildings

AI as an Interface for Commercial BuildingsMemoori

Human Factors of XR: Using Human Factors to Design XR Systems

Human Factors of XR: Using Human Factors to Design XR Systems

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

The transition to renewables in India.pdf

The transition to renewables in India.pdf

The transition to renewables in India.pdfCompetition Advisory Services (India) LLP

Scanning the Internet for External Cloud Exposures via SSL Certs

Scanning the Internet for External Cloud Exposures via SSL Certs

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

Understanding the Laravel MVC Architecture

Understanding the Laravel MVC Architecture

Understanding the Laravel MVC ArchitecturePixlogix Infotech

Artificial intelligence in the post-deep learning era

Artificial intelligence in the post-deep learning era

Artificial intelligence in the post-deep learning eraDeakin University

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group

CloudStudio User manual (basic edition):

CloudStudio User manual (basic edition):

CloudStudio User manual (basic edition):comworks

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

Pigging Solutions Piggable Sweeping Elbows

Pigging Solutions Piggable Sweeping Elbows

Pigging Solutions Piggable Sweeping ElbowsPigging Solutions

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays

Build your next Gen AI Breakthrough - April 2024

Build your next Gen AI Breakthrough - April 2024

Build your next Gen AI Breakthrough - April 2024Neo4j

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

SQL Database Design For Developers at php[tek] 2024

SQL Database Design For Developers at php[tek] 2024

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada

Recently uploaded (20)

AI as an Interface for Commercial Buildings

AI as an Interface for Commercial Buildings

AI as an Interface for Commercial Buildings

Human Factors of XR: Using Human Factors to Design XR Systems

Human Factors of XR: Using Human Factors to Design XR Systems

Human Factors of XR: Using Human Factors to Design XR Systems

The transition to renewables in India.pdf

The transition to renewables in India.pdf

The transition to renewables in India.pdf

Scanning the Internet for External Cloud Exposures via SSL Certs

Scanning the Internet for External Cloud Exposures via SSL Certs

Scanning the Internet for External Cloud Exposures via SSL Certs

Understanding the Laravel MVC Architecture

Understanding the Laravel MVC Architecture

Understanding the Laravel MVC Architecture

Artificial intelligence in the post-deep learning era

Artificial intelligence in the post-deep learning era

Artificial intelligence in the post-deep learning era

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

CloudStudio User manual (basic edition):

CloudStudio User manual (basic edition):

CloudStudio User manual (basic edition):

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Pigging Solutions Piggable Sweeping Elbows

Pigging Solutions Piggable Sweeping Elbows

Pigging Solutions Piggable Sweeping Elbows

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

Build your next Gen AI Breakthrough - April 2024

Build your next Gen AI Breakthrough - April 2024

Build your next Gen AI Breakthrough - April 2024

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

SQL Database Design For Developers at php[tek] 2024

SQL Database Design For Developers at php[tek] 2024

SQL Database Design For Developers at php[tek] 2024

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

HTML5 Intro: Elements, Tags, Links

1. Introducing HTML5

2. • HTML is an acronym for Hypertext Markup Language, • An element is composed of a beginning tag, an ending tag, and the content between the tags.

3. Tags • What is a tag • Opening and closing tag

4. • <html> </html> • <body> </body> • <b> </b> • <i> • <u> • <h1> <h6>

5. Without closing tag • <br/> • <hr/>

6. linking web pages • <a> Hyperlink

7. linking web pages • <a> Hyperlink