SlideShare a Scribd company logo
1 of 20
HTML
HTML is a computer language used to describe what is to appear on a web
page.
HTML stands for Hyper Text Markup Language.
You can view the HTML that makes up any web page by right-clicking on the
pages and selecting view source.
HTML
This is a sample HTML page
Head and Body
An HTML document is split into:
ï‚—head element (not displayed on the web page)
ï‚—body element (displayed on the web page)
Elements and Tags
An HTML page is made up of elements.
Each element has a start tag and an end tag with content in between
Elements and Tags
An HTML page is made up of elements.
Each element has a start tag and an end tag with content in between
Elements and Tags
An HTML page is made up of elements.
Each element has a start tag and an end tag with content in between
Attributes
Elements can also contain attributes. These provide additional information
about the element.
The <img> tag below uses attributes to provide more information about the
image element:
src – the source file location and name
width – the width the image should be displayed at
height – the height the image should be displayed at
HTML
Heading tag
ï‚—<h1> to <h6>
ï‚—<h1> largest heading, <h6> smallest
ï‚—Search engines will use headings to index the web page
HTML
Paragraph tag
ï‚—<p> defines a new paragraph
Line break tag
ï‚—<br> used to define a line break
HTML
Bold tag
ï‚—<b> defines bold text
Italics tag
ï‚—<i> defines italic text
HTML
Hyperlinks
ï‚—The world wide web is built around the concept of hyperlinks, an idea
conceived by Sir Tim Berners Lee in 1989.
ï‚—Hyperlinks allow the user to navigate from one web page to another.
ï‚—The <a> tag defines a hyperlink
ï‚—The href attribute defines the target web page
ï‚—The content will be shown as a hyperlink
HTML
External hyperlinks
ï‚—An external hyperlink links to a page on another website
Internal hyperlinks
ï‚—An internal hyperlink links to a page on the same website
HTML
Anchor
ï‚—The anchor element tag is <a>. It can be used with a hyperlink, a link to
another part of the page or even a link to an email.
HTML
Images
ï‚—The <img> tag is used to define an image
ï‚—Use the src attribute to set the image file location and name
ï‚—Use the width attribute to set the image width
ï‚—Use the height attribute to set the image height
ï‚—Use the alt attribute to provide alternate text for an image
The alt text will be displayed if the image could not be loaded
The alt text can be read by an image reader (accessibility)
HTML
Images as hyperlinks
ï‚—An image can be used as a hyperlink
ï‚—Use the <a> tag with href attribute to set up the link
ï‚—Use the image element as content
HTML
Lists
ï‚—HTML can be either ordered (e.g. numbered items) or unordered (e.g.
bulleted items)
ï‚—The <ol> tag defines an ordered list
ï‚—The <ul> tag defines an unordered list
ï‚—The <li> tag defines a list item
ï‚—The type attribute can be used with an ordered list to define the list marker
(e.g. numbers, letters, Roman numerals)
ï‚—The style attribute can be used with an unordered list to define the list marker
(e.g. bullets, circles, squares)
HTML
Lists
HTML
div
ï‚—The <div> tag defines a division or a section in an HTML document.
ï‚—The <div> tag is used to group block-elements to format them with CSS.
HTML
Audio and video
ï‚—The HTML5 <video> and <audio> elements specify a standard ways to
embed a video and audio in a web page.

More Related Content

What's hot

Html images syntax
Html images syntaxHtml images syntax
Html images syntaxJayjZens
 
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...Nuzhat Memon
 
Xhtml
XhtmlXhtml
XhtmlCLI-IE
 
Std 10 Computer Chapter 1 introduction to HTML (Part 1)
Std 10 Computer Chapter 1  introduction to HTML (Part 1)Std 10 Computer Chapter 1  introduction to HTML (Part 1)
Std 10 Computer Chapter 1 introduction to HTML (Part 1)Nuzhat Memon
 
Internet workshop
Internet workshopInternet workshop
Internet workshopmaria9102
 
HTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsHTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsGrayzon Gonzales, LPT
 
Html links
Html linksHtml links
Html linksJayjZens
 
HTML Coding
HTML CodingHTML Coding
HTML Codingselcukca84
 
Web Design & Development - Session 4
Web Design & Development - Session 4Web Design & Development - Session 4
Web Design & Development - Session 4Shahrzad Peyman
 
Web Development 2 (HTML & CSS)
Web Development 2 (HTML & CSS)Web Development 2 (HTML & CSS)
Web Development 2 (HTML & CSS)ghayour abbas
 
Web Design & Development - Session 2
Web Design & Development - Session 2Web Design & Development - Session 2
Web Design & Development - Session 2Shahrzad Peyman
 
Web Design & Development - Session 3
Web Design & Development - Session 3Web Design & Development - Session 3
Web Design & Development - Session 3Shahrzad Peyman
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTMLAarti P
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introductioneceklu
 

What's hot (20)

Html images syntax
Html images syntaxHtml images syntax
Html images syntax
 
HTML Tags
HTML Tags HTML Tags
HTML Tags
 
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
 
Xhtml
XhtmlXhtml
Xhtml
 
Std 10 Computer Chapter 1 introduction to HTML (Part 1)
Std 10 Computer Chapter 1  introduction to HTML (Part 1)Std 10 Computer Chapter 1  introduction to HTML (Part 1)
Std 10 Computer Chapter 1 introduction to HTML (Part 1)
 
Internet workshop
Internet workshopInternet workshop
Internet workshop
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsHTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchors
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html links
Html linksHtml links
Html links
 
HTML Coding
HTML CodingHTML Coding
HTML Coding
 
Html
HtmlHtml
Html
 
Web Design & Development - Session 4
Web Design & Development - Session 4Web Design & Development - Session 4
Web Design & Development - Session 4
 
Web Development 2 (HTML & CSS)
Web Development 2 (HTML & CSS)Web Development 2 (HTML & CSS)
Web Development 2 (HTML & CSS)
 
Web Design & Development - Session 2
Web Design & Development - Session 2Web Design & Development - Session 2
Web Design & Development - Session 2
 
Web Design & Development - Session 3
Web Design & Development - Session 3Web Design & Development - Session 3
Web Design & Development - Session 3
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTML
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Lecture 5
Lecture 5Lecture 5
Lecture 5
 

Viewers also liked

Viewers also liked (20)

Economic Impact of Computing Science
Economic Impact of Computing ScienceEconomic Impact of Computing Science
Economic Impact of Computing Science
 
ISDD - Security Risks
ISDD - Security RisksISDD - Security Risks
ISDD - Security Risks
 
ISDD Back Up Strategies
ISDD Back Up StrategiesISDD Back Up Strategies
ISDD Back Up Strategies
 
ISDD Media Types - File Compression
ISDD Media Types - File CompressionISDD Media Types - File Compression
ISDD Media Types - File Compression
 
Searching and Sorting
Searching and SortingSearching and Sorting
Searching and Sorting
 
Other web page aspects
Other web page aspectsOther web page aspects
Other web page aspects
 
Backing Storage
Backing StorageBacking Storage
Backing Storage
 
Technical Implementation: Software
Technical Implementation: SoftwareTechnical Implementation: Software
Technical Implementation: Software
 
Scripting Languages
Scripting LanguagesScripting Languages
Scripting Languages
 
Sound & Video File Sizes
Sound & Video File SizesSound & Video File Sizes
Sound & Video File Sizes
 
ISDD Cloud and Internet Services
ISDD Cloud and Internet ServicesISDD Cloud and Internet Services
ISDD Cloud and Internet Services
 
Entities and attributes
Entities and attributesEntities and attributes
Entities and attributes
 
ISDD Hacking and Viruses
ISDD Hacking and VirusesISDD Hacking and Viruses
ISDD Hacking and Viruses
 
ISDD Security Precautions
ISDD Security PrecautionsISDD Security Precautions
ISDD Security Precautions
 
ISDD Environmental Impact
ISDD Environmental ImpactISDD Environmental Impact
ISDD Environmental Impact
 
ISDD Standard File Formats
ISDD Standard File FormatsISDD Standard File Formats
ISDD Standard File Formats
 
Database - reports, forms, calculations
Database - reports, forms, calculationsDatabase - reports, forms, calculations
Database - reports, forms, calculations
 
Audio Compression
Audio CompressionAudio Compression
Audio Compression
 
Web Pages
Web PagesWeb Pages
Web Pages
 
ISDD Networking & Connectivity
ISDD Networking & ConnectivityISDD Networking & Connectivity
ISDD Networking & Connectivity
 

Similar to N5 Computing Science HTML

HTML 5 Topic 2
HTML 5 Topic 2HTML 5 Topic 2
HTML 5 Topic 2Juvywen
 
HTML - part 1
HTML - part 1HTML - part 1
HTML - part 1Fahad Masood
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptxasdfhgjh1
 
HTML Training Part1
HTML Training Part1HTML Training Part1
HTML Training Part1than sare
 
Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratchAhmad Al-ammar
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentationsurajsutar467
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2Leo Mark Villar
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLDer Lo
 
2. html attributes
2. html attributes2. html attributes
2. html attributesMuhammad Toqeer
 
Learn html elements and structure cheatsheet codecademy
Learn html  elements and structure cheatsheet   codecademyLearn html  elements and structure cheatsheet   codecademy
Learn html elements and structure cheatsheet codecademynirmalamanjunath
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centrejatin batra
 
web designing blogger html codes
web designing blogger html codesweb designing blogger html codes
web designing blogger html codesVENGADESHA3
 
HTML Basic Tags
HTML Basic Tags HTML Basic Tags
HTML Basic Tags Nisa Soomro
 
Presentation html
Presentation   htmlPresentation   html
Presentation htmlBilly Tierra
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxpanoosha2
 
Html basics
Html basicsHtml basics
Html basicswakeel132
 

Similar to N5 Computing Science HTML (20)

HTML 5 Topic 2
HTML 5 Topic 2HTML 5 Topic 2
HTML 5 Topic 2
 
HTML - part 1
HTML - part 1HTML - part 1
HTML - part 1
 
Html
HtmlHtml
Html
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
HTML Training Part1
HTML Training Part1HTML Training Part1
HTML Training Part1
 
Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratch
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentation
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
 
Html basic
Html basicHtml basic
Html basic
 
2. html attributes
2. html attributes2. html attributes
2. html attributes
 
2 INTRO TO HTML.pptx
2 INTRO TO HTML.pptx2 INTRO TO HTML.pptx
2 INTRO TO HTML.pptx
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Learn html elements and structure cheatsheet codecademy
Learn html  elements and structure cheatsheet   codecademyLearn html  elements and structure cheatsheet   codecademy
Learn html elements and structure cheatsheet codecademy
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
 
web designing blogger html codes
web designing blogger html codesweb designing blogger html codes
web designing blogger html codes
 
HTML Basic Tags
HTML Basic Tags HTML Basic Tags
HTML Basic Tags
 
Presentation html
Presentation   htmlPresentation   html
Presentation html
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
 
Html basics
Html basicsHtml basics
Html basics
 

More from Forrester High School (20)

Program Design
Program DesignProgram Design
Program Design
 
Database Evaluation
Database EvaluationDatabase Evaluation
Database Evaluation
 
Testing SQL
Testing SQLTesting SQL
Testing SQL
 
SQL
SQLSQL
SQL
 
Database Query Design
Database Query DesignDatabase Query Design
Database Query Design
 
Data Dictionary
Data DictionaryData Dictionary
Data Dictionary
 
Compound Keys
Compound KeysCompound Keys
Compound Keys
 
Entity Occurrence Diagrams
Entity Occurrence DiagramsEntity Occurrence Diagrams
Entity Occurrence Diagrams
 
Entity Relationship Diagrams
Entity Relationship DiagramsEntity Relationship Diagrams
Entity Relationship Diagrams
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Software Evaluation
Software EvaluationSoftware Evaluation
Software Evaluation
 
Software Testing
Software TestingSoftware Testing
Software Testing
 
Standard Algorithms
Standard AlgorithmsStandard Algorithms
Standard Algorithms
 
File Handling
File HandlingFile Handling
File Handling
 
Python Predefined Functions
Python Predefined FunctionsPython Predefined Functions
Python Predefined Functions
 
Python Substrings
Python SubstringsPython Substrings
Python Substrings
 
Variable Scope
Variable ScopeVariable Scope
Variable Scope
 
Sub-programs
Sub-programsSub-programs
Sub-programs
 
Records in Python
Records in PythonRecords in Python
Records in Python
 
Parallel arrays in python
Parallel arrays in pythonParallel arrays in python
Parallel arrays in python
 

Recently uploaded

Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxShobhayan Kirtania
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...anjaliyadav012327
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...Pooja Nehwal
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Recently uploaded (20)

Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 

N5 Computing Science HTML

  • 1.
  • 2. HTML HTML is a computer language used to describe what is to appear on a web page. HTML stands for Hyper Text Markup Language. You can view the HTML that makes up any web page by right-clicking on the pages and selecting view source.
  • 3. HTML This is a sample HTML page
  • 4. Head and Body An HTML document is split into: ï‚—head element (not displayed on the web page) ï‚—body element (displayed on the web page)
  • 5. Elements and Tags An HTML page is made up of elements. Each element has a start tag and an end tag with content in between
  • 6. Elements and Tags An HTML page is made up of elements. Each element has a start tag and an end tag with content in between
  • 7. Elements and Tags An HTML page is made up of elements. Each element has a start tag and an end tag with content in between
  • 8. Attributes Elements can also contain attributes. These provide additional information about the element. The <img> tag below uses attributes to provide more information about the image element: ï‚—src – the source file location and name ï‚—width – the width the image should be displayed at ï‚—height – the height the image should be displayed at
  • 9. HTML Heading tag ï‚—<h1> to <h6> ï‚—<h1> largest heading, <h6> smallest ï‚—Search engines will use headings to index the web page
  • 10. HTML Paragraph tag ï‚—<p> defines a new paragraph Line break tag ï‚—<br> used to define a line break
  • 11. HTML Bold tag ï‚—<b> defines bold text Italics tag ï‚—<i> defines italic text
  • 12. HTML Hyperlinks ï‚—The world wide web is built around the concept of hyperlinks, an idea conceived by Sir Tim Berners Lee in 1989. ï‚—Hyperlinks allow the user to navigate from one web page to another. ï‚—The <a> tag defines a hyperlink ï‚—The href attribute defines the target web page ï‚—The content will be shown as a hyperlink
  • 13. HTML External hyperlinks ï‚—An external hyperlink links to a page on another website Internal hyperlinks ï‚—An internal hyperlink links to a page on the same website
  • 14. HTML Anchor ï‚—The anchor element tag is <a>. It can be used with a hyperlink, a link to another part of the page or even a link to an email.
  • 15. HTML Images ï‚—The <img> tag is used to define an image ï‚—Use the src attribute to set the image file location and name ï‚—Use the width attribute to set the image width ï‚—Use the height attribute to set the image height ï‚—Use the alt attribute to provide alternate text for an image The alt text will be displayed if the image could not be loaded The alt text can be read by an image reader (accessibility)
  • 16. HTML Images as hyperlinks ï‚—An image can be used as a hyperlink ï‚—Use the <a> tag with href attribute to set up the link ï‚—Use the image element as content
  • 17. HTML Lists ï‚—HTML can be either ordered (e.g. numbered items) or unordered (e.g. bulleted items) ï‚—The <ol> tag defines an ordered list ï‚—The <ul> tag defines an unordered list ï‚—The <li> tag defines a list item ï‚—The type attribute can be used with an ordered list to define the list marker (e.g. numbers, letters, Roman numerals) ï‚—The style attribute can be used with an unordered list to define the list marker (e.g. bullets, circles, squares)
  • 19. HTML div ï‚—The <div> tag defines a division or a section in an HTML document. ï‚—The <div> tag is used to group block-elements to format them with CSS.
  • 20. HTML Audio and video ï‚—The HTML5 <video> and <audio> elements specify a standard ways to embed a video and audio in a web page.