By: Miguel A. MartínezCourse: Principios Tecnológicos
Table of Contents What is HTML? What is the difference between a  programming language and a  markup language? How does...
What is HTML? HTML stands   for Hyper Text Markup  Language It is a computer language that is used to  create web sites....
 HyperText   is the method by which  you move around on the web —  by clicking on special text  called hyperlinks which b...
 Markup    is what HTML  tags do to the text inside  them. They mark it as a  certain type of text  (italicized text, for...
What is the difference betweena programming language and amarkup language? Markup  language by its definition “is a moder...
 Programming  language is designed to communicate instructions to a computer. So the main difference is that programming ...
How does HTML work? The   HTML documents known by the  file type .html or .htm are composed  of its elements. These are i...
Tags and Attributes HTML tags   come in pairs, their  opening tags and their closing tags,  like so: <p> </p>. The start...
 Attributes  provide additional  information about the element. They are specified in the start tag  with a name and its...
Making your first simple web    page   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML    4.01 Transitional//EN"    "http://www.w...
References   http://en.wikipedia.org/wiki/HTML#Markup   http://www.w3schools.com   http://www.yourhtmlsource.com   htt...
HTML
Upcoming SlideShare
Loading in …5
×

HTML

738 views
719 views

Published on

A basic tutorial of HTML.

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
738
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
41
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

HTML

  1. 1. By: Miguel A. MartínezCourse: Principios Tecnológicos
  2. 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. 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. 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. 5.  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.
  6. 6. What is the difference betweena programming language and amarkup 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.
  7. 7.  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 its marking up, hence the term Markup Language.
  8. 8. 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>.
  9. 9. 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>.
  10. 10.  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>
  11. 11. 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>
  12. 12. 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

×