SlideShare a Scribd company logo
By: Miguel A. Martínez
Course: Principios Tecnológicos
Table of Contents
 What is HTML?
 What is the difference between a
  programming language and a
  markup language?
 How does HTML work?
 Tags and Attributes
 Making your first simple web page
What is HTML?

 HTML stands   for Hyper Text Markup
  Language
 It is a computer language that is used to
  create web sites.
 A web site is created by many lines of
  short codes using this language.
 With a web browser, the .html document
  can be seen as the web site that was
  formed by the numerous line of code.
 HyperText   is the method by which
  you move around on the web —
  by clicking on special text
  called hyperlinks which bring
  you to the next page.
 Click Here
 Markup    is what HTML
  tags do to the text inside
  them. They mark it as a
  certain type of text
  (italicized text, for example).
 HTML is a Language, as it
  has code-words and syntax
  like any other language.
What is the difference between
a programming language and a
markup language?
 Markup  language by its definition “is
 a modern system for annotating a
 text in a way that is syntactically
 distinguishable from that text." For
 example, in HTML, you have your
 text. Then you have your Hyper Text
 Markup Language which defines
 how that text should look.
 Programming  language is designed
 to communicate instructions to a
 computer. So the main difference is
 that programming languages are
 designed to write programs and
 software. A markup language is
 designed to manipulate the content
 it's marking up, hence the term
 Markup Language.
How does HTML work?
 The   HTML documents known by the
  file type .html or .htm are composed
  of its elements. These are its tags
  and its plain text.
 Tags are what separate normal text
  from HTML text.
 These tags are keywords
  surrounded by angle brackets like
  so: <html>.
Tags and Attributes
 HTML tags   come in pairs, their
  opening tags and their closing tags,
  like so: <p> </p>.
 The start and end tags are what
  define a certain effect on the web
  page, and what is written between
  them is what the start and end tags
  make an effect on.
 Exception: Only has opening tags:
  some can only be like so: <br>.
 Attributes  provide additional
  information about the element.
 They are specified in the start tag
  with a name and its value, like so:
  <a
  href="http://www.w3schools.com">T
  his is a link</a>
Making your first simple web
    page
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
    4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
      <title>My First HTML Page</title>
    </head>
    <body>
      My text goes here.
    </body>
    </html>
References
   http://en.wikipedia.org/wiki/HTML#Markup
   http://www.w3schools.com
   http://www.yourhtmlsource.com
   http://www.web-
    source.net/html_codes_chart.htm
   http://en.wikipedia.org/wiki/Programming_l
    anguage
   http://en.wikipedia.org/wiki/Markup_langua
    ges

More Related Content

What's hot

Basic knowledge on html and dhtml
 Basic knowledge on html and dhtml Basic knowledge on html and dhtml
Basic knowledge on html and dhtml
Suryakanta Behera
 
Html tag
Html tagHtml tag
Html tag
Ashiana21
 
The Difference between HTML, XHTML & HTML5 for Beginners
The Difference between HTML, XHTML & HTML5 for BeginnersThe Difference between HTML, XHTML & HTML5 for Beginners
The Difference between HTML, XHTML & HTML5 for Beginners
Rasin Bekkevold
 
Html lecture1
Html lecture1Html lecture1
Html lecture1
MuhammadFarooque11
 
Lecture 2 introduction to html basics
Lecture 2 introduction to html basicsLecture 2 introduction to html basics
Lecture 2 introduction to html basics
AliMUSSA3
 
Html basic
Html basicHtml basic
Html basic
Charitha Bandara
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
bwire sedrick
 
HTML and DHTML
HTML and DHTMLHTML and DHTML
HTML and DHTML
SURBHI SAROHA
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
Eric Marilag
 
Html
HtmlHtml
HTML- Hyper Text Markup Language
HTML- Hyper Text Markup LanguageHTML- Hyper Text Markup Language
HTML- Hyper Text Markup Language
Trinity Dwarka
 
Html for beginners part I
Html for beginners part IHtml for beginners part I
Html for beginners part I
Unaib Aslam
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
actanimation
 
[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags
Hyejin Oh
 
What Is Html
What Is HtmlWhat Is Html
Html
HtmlHtml
Class2
Class2Class2
Class2
Jiyeon Lee
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
patelpriyank01
 
Hyper Text Mark-up Language
Hyper Text Mark-up Language Hyper Text Mark-up Language
Hyper Text Mark-up Language
Fritz Earlin Therese Lapitaje Pondantes
 
HTML
HTMLHTML

What's hot (20)

Basic knowledge on html and dhtml
 Basic knowledge on html and dhtml Basic knowledge on html and dhtml
Basic knowledge on html and dhtml
 
Html tag
Html tagHtml tag
Html tag
 
The Difference between HTML, XHTML & HTML5 for Beginners
The Difference between HTML, XHTML & HTML5 for BeginnersThe Difference between HTML, XHTML & HTML5 for Beginners
The Difference between HTML, XHTML & HTML5 for Beginners
 
Html lecture1
Html lecture1Html lecture1
Html lecture1
 
Lecture 2 introduction to html basics
Lecture 2 introduction to html basicsLecture 2 introduction to html basics
Lecture 2 introduction to html basics
 
Html basic
Html basicHtml basic
Html basic
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
 
HTML and DHTML
HTML and DHTMLHTML and DHTML
HTML and DHTML
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html
HtmlHtml
Html
 
HTML- Hyper Text Markup Language
HTML- Hyper Text Markup LanguageHTML- Hyper Text Markup Language
HTML- Hyper Text Markup Language
 
Html for beginners part I
Html for beginners part IHtml for beginners part I
Html for beginners part I
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags
 
What Is Html
What Is HtmlWhat Is Html
What Is Html
 
Html
HtmlHtml
Html
 
Class2
Class2Class2
Class2
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
 
Hyper Text Mark-up Language
Hyper Text Mark-up Language Hyper Text Mark-up Language
Hyper Text Mark-up Language
 
HTML
HTMLHTML
HTML
 

Viewers also liked

1989 -como interpretar un plano
1989  -como interpretar un plano1989  -como interpretar un plano
1989 -como interpretar un plano
Luis Soza
 
时尚品分享社区调研分析
时尚品分享社区调研分析时尚品分享社区调研分析
时尚品分享社区调研分析carol.lyt
 
Tieng anh chuyen_nganh_cntt_-_ly_thuyet
Tieng anh chuyen_nganh_cntt_-_ly_thuyetTieng anh chuyen_nganh_cntt_-_ly_thuyet
Tieng anh chuyen_nganh_cntt_-_ly_thuyetTrang Nguyen
 
Proyecto
ProyectoProyecto
Proyecto
jhaninelizbeth
 
Green presentation complate
Green presentation complate Green presentation complate
Green presentation complate
green_global
 
шаблон презентации результатов работы
шаблон презентации результатов работышаблон презентации результатов работы
шаблон презентации результатов работы
natal28077
 
100 cau gioi_tu_dap_an_9373(1)
100 cau gioi_tu_dap_an_9373(1)100 cau gioi_tu_dap_an_9373(1)
100 cau gioi_tu_dap_an_9373(1)
Trang Nguyen
 
Cèsar Manjarrez
Cèsar ManjarrezCèsar Manjarrez
Cèsar Manjarrez
Fabricio Arévalo
 
To be print_all
To be print_allTo be print_all
To be print_all
Trang Nguyen
 
Omni Intro
Omni IntroOmni Intro
Omni Intro
bosea
 
Fabricio Arèvalo
Fabricio ArèvaloFabricio Arèvalo
Fabricio Arèvalo
Fabricio Arévalo
 
шаблон презентации результатов работы
шаблон презентации результатов работышаблон презентации результатов работы
шаблон презентации результатов работыnatal28077
 
The Present Perfect Tense
The Present Perfect TenseThe Present Perfect Tense
The Present Perfect Tense
José Francisco Chavira Corona
 
Leer es mi cuento
Leer es mi cuentoLeer es mi cuento
Leer es mi cuento
German Enrique Suarez
 
Causatives
CausativesCausatives
Cayley Aerospace Inc USA
Cayley Aerospace Inc USACayley Aerospace Inc USA
historia-de-enfermeria
 historia-de-enfermeria historia-de-enfermeria
historia-de-enfermeria
Brenda Raquel Gonzalez Mendez
 
The verb be in the past (was and were)
The verb be in the past (was and were)The verb be in the past (was and were)
The verb be in the past (was and were)
José Francisco Chavira Corona
 
NRF 2017 : Compte-rendu et analyse signés Niji
NRF 2017 : Compte-rendu et analyse signés Niji NRF 2017 : Compte-rendu et analyse signés Niji
NRF 2017 : Compte-rendu et analyse signés Niji
Niji
 

Viewers also liked (19)

1989 -como interpretar un plano
1989  -como interpretar un plano1989  -como interpretar un plano
1989 -como interpretar un plano
 
时尚品分享社区调研分析
时尚品分享社区调研分析时尚品分享社区调研分析
时尚品分享社区调研分析
 
Tieng anh chuyen_nganh_cntt_-_ly_thuyet
Tieng anh chuyen_nganh_cntt_-_ly_thuyetTieng anh chuyen_nganh_cntt_-_ly_thuyet
Tieng anh chuyen_nganh_cntt_-_ly_thuyet
 
Proyecto
ProyectoProyecto
Proyecto
 
Green presentation complate
Green presentation complate Green presentation complate
Green presentation complate
 
шаблон презентации результатов работы
шаблон презентации результатов работышаблон презентации результатов работы
шаблон презентации результатов работы
 
100 cau gioi_tu_dap_an_9373(1)
100 cau gioi_tu_dap_an_9373(1)100 cau gioi_tu_dap_an_9373(1)
100 cau gioi_tu_dap_an_9373(1)
 
Cèsar Manjarrez
Cèsar ManjarrezCèsar Manjarrez
Cèsar Manjarrez
 
To be print_all
To be print_allTo be print_all
To be print_all
 
Omni Intro
Omni IntroOmni Intro
Omni Intro
 
Fabricio Arèvalo
Fabricio ArèvaloFabricio Arèvalo
Fabricio Arèvalo
 
шаблон презентации результатов работы
шаблон презентации результатов работышаблон презентации результатов работы
шаблон презентации результатов работы
 
The Present Perfect Tense
The Present Perfect TenseThe Present Perfect Tense
The Present Perfect Tense
 
Leer es mi cuento
Leer es mi cuentoLeer es mi cuento
Leer es mi cuento
 
Causatives
CausativesCausatives
Causatives
 
Cayley Aerospace Inc USA
Cayley Aerospace Inc USACayley Aerospace Inc USA
Cayley Aerospace Inc USA
 
historia-de-enfermeria
 historia-de-enfermeria historia-de-enfermeria
historia-de-enfermeria
 
The verb be in the past (was and were)
The verb be in the past (was and were)The verb be in the past (was and were)
The verb be in the past (was and were)
 
NRF 2017 : Compte-rendu et analyse signés Niji
NRF 2017 : Compte-rendu et analyse signés Niji NRF 2017 : Compte-rendu et analyse signés Niji
NRF 2017 : Compte-rendu et analyse signés Niji
 

Similar to HTML

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
MayaLisa
 
Html
HtmlHtml
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
ssuser6478a8
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
Nitesh Gupta
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
Manoj kumar Deswal
 
Html for Beginners
Html for BeginnersHtml for Beginners
Html for Beginners
Sriram Raj
 
Web Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV SyllabusWeb Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
Leo Mark Villar
 
Web Designing
Web DesigningWeb Designing
Web Designing
Ram Dutt Shukla
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
adelaticleanu
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
Durgadevi palani
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
myrajendra
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
Satishkumar722293
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
Satishkumar722293
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
Satishkumar722293
 
Over view of html
Over view of htmlOver view of html
Over view of html
Keith Borgonia Manatad
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
VaibhavSingh887876
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3
inshu1890
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
RiyaSharma334318
 

Similar to HTML (20)

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html
HtmlHtml
Html
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
Html for Beginners
Html for BeginnersHtml for Beginners
Html for Beginners
 
Web Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV SyllabusWeb Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV Syllabus
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Web Designing
Web DesigningWeb Designing
Web Designing
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
Over view of html
Over view of htmlOver view of html
Over view of html
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 

Recently uploaded

Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Safe Software
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Zilliz
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 

Recently uploaded (20)

Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 

HTML

  • 1. By: Miguel A. Martínez Course: Principios Tecnológicos
  • 2. Table of Contents  What is HTML?  What is the difference between a programming language and a markup language?  How does HTML work?  Tags and Attributes  Making your first simple web page
  • 3. What is HTML?  HTML stands for Hyper Text Markup Language  It is a computer language that is used to create web sites.  A web site is created by many lines of short codes using this language.  With a web browser, the .html document can be seen as the web site that was formed by the numerous line of code.
  • 4.  HyperText is the method by which you move around on the web — by clicking on special text called hyperlinks which bring you to the next page.  Click Here
  • 5.
  • 6.  Markup is what HTML tags do to the text inside them. They mark it as a certain type of text (italicized text, for example).  HTML is a Language, as it has code-words and syntax like any other language.
  • 7. What is the difference between a programming language and a markup language?  Markup language by its definition “is a modern system for annotating a text in a way that is syntactically distinguishable from that text." For example, in HTML, you have your text. Then you have your Hyper Text Markup Language which defines how that text should look.
  • 8.  Programming language is designed to communicate instructions to a computer. So the main difference is that programming languages are designed to write programs and software. A markup language is designed to manipulate the content it's marking up, hence the term Markup Language.
  • 9. How does HTML work?  The HTML documents known by the file type .html or .htm are composed of its elements. These are its tags and its plain text.  Tags are what separate normal text from HTML text.  These tags are keywords surrounded by angle brackets like so: <html>.
  • 10. Tags and Attributes  HTML tags come in pairs, their opening tags and their closing tags, like so: <p> </p>.  The start and end tags are what define a certain effect on the web page, and what is written between them is what the start and end tags make an effect on.  Exception: Only has opening tags: some can only be like so: <br>.
  • 11.  Attributes provide additional information about the element.  They are specified in the start tag with a name and its value, like so: <a href="http://www.w3schools.com">T his is a link</a>
  • 12. Making your first simple web page  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>My First HTML Page</title> </head> <body> My text goes here. </body> </html>
  • 13. References  http://en.wikipedia.org/wiki/HTML#Markup  http://www.w3schools.com  http://www.yourhtmlsource.com  http://www.web- source.net/html_codes_chart.htm  http://en.wikipedia.org/wiki/Programming_l anguage  http://en.wikipedia.org/wiki/Markup_langua ges