1 / 9

Introduction to Markup

Introduction to Markup. Session 10. Intro to Markup. What is a markup language? What are the benefits of using markup? Hypertext markup language Homework. What is a markup language?. Comprises content and a description of how to display the content

aliya
Download Presentation

Introduction to Markup

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Markup Session 10

  2. Intro to Markup • What is a markup language? • What are the benefits of using markup? • Hypertext markup language • Homework

  3. What is a markup language? • Comprises content and a description of how to display the content • Depends on a program to interpret the instructions and display the content • Basics are defined by international standards • Can be extended with custom styles • Examples: HTML and XML

  4. Benefits • Smaller files • Easier and faster to transmit • Consistent styling across platforms • Easy to change the appearance by modifying the styles

  5. HTML • "Hypertext" is text that contains links to other content, such as text, pictures, and audio • Hypertext markup language (HTML) is the default markup language of the Web • Tags defines both the structure and the style for the content

  6. Tags • Tags mark the beginning and end of a section • Tags can be nested inside other tags • Examples: • <body> </body> • <h1> </h1> • <p> </p> • Tags should always be "closed"

  7. Attributes • HTML elements often use attributes to add more information • Attributes always come in a name="value" pairing • For example: • href="http://10minutetech.com" • class="paragraph" • style="text-align:center"

  8. Styles • Styles control and modify the way your content is displayed on the virtual page • Styles can be defined inline in your HTML code, or they can be listed in a separate stylesheet • If they are listed in an external stylesheet, your pages can be changed just by switching the stylesheet or modifying the settings in the stylesheet

  9. Homework • Read through the online HTML course at: http://www.w3schools.com/html/default.asp • Experiment on your own using their editor

More Related