Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

A basic tutorial of HTML.

Published in: Technology
  • Be the first to like this


  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="">T his is a link</a>
  11. 11. Making your first simple web page <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> <html> <head> <title>My First HTML Page</title> </head> <body> My text goes here. </body> </html>
  12. 12. References http://www.web- anguage ges