1. HTML MIS 2402 Jeremy Shafer Department of MIS Fox School of Business
Temple University

2. Learning Objectives

3. The components of an HTTP URL used by the Internet
URL is short for “Uniform Resource Locator”

4. Three ways to call an HTML page on the Internet

5. Request and response The URL you asked for …
The response you got back.

6. What’s in the response?
A successful response will return at least one text file. (Really, usually more than one… but let’s start here!)
In the HTTP response you are likely to find all three of these languages in a single text file. HTML and CSS are special purpose languages, while JavaScript is a general purpose programming language.
HTML
CSS
JavaScript
Each language is interpreted by the browser and each language has a job to do.

7. Why three languages?
Each language is interpreted by the browser and each language has a job to do.
HTML provides us with the structure of a document.
HTML structure should convey some meaning, like the outline to term paper.
Fun fact: HTML is short for: HyperText Markup Language
HTML
CSS is used to control the visual appearance (or style) of the HTML document
CSS is analogous to how your term paper looks. (Choice of font, margins, etc.)
Fun fact: CSS is short for Cascading Style Sheet
CSS
JavaScript is is used to manipulate the HTML document in response to one or more events.
JavaScript

8. Our focus for today …
HTML
CSS
JavaScript
HTML is our focus for today

9. The primary HTML5 semantic elements
You can read more at:

10. How does that last example look in HTML?

11. Another page that’s structured with HTML5 elements

12. The HTML in a web browser

13. The div and span elements

14. Consider this HTML <article>
The planet Mars, I scarcely need remind the reader, revolves about the sun at a mean distance of <div id="fancytext">140,000,000</div> miles, and the
light and heat it receives from the sun is barely half of that received by this world. It must be, if the nebular hypothesis has any truth,
older than our world; and long before this earth ceased to be molten, life upon its surface must have begun its course. The fact that
it is scarcely one seventh of the volume of the earth must have accelerated its cooling to the temperature at
which life could begin. It has air and water and all that is necessary for the support of animated existence.
</article>

15. It has this effect:
That’s not quite what we wanted! We used a <div> tag instead of a <span> tag. The <div> tag is used to contain other elements. It allows used to group other tags into blocks. So, when we used it, we got a line break after 140,000,000. That’s because the block ended.

16. Now consider this HTML <article>
The planet Mars, I scarcely need remind the reader, revolves about the sun at a mean distance of <span id="fancytext">140,000,000</span> miles, and the
light and heat it receives from the sun is barely half of that received by this world. It must be, if the nebular hypothesis has any truth,
older than our world; and long before this earth ceased to be molten, life upon its surface must have begun its course. The fact that
it is scarcely one seventh of the volume of the earth must have accelerated its cooling to the temperature at
which life could begin. It has air and water and all that is necessary for the support of animated existence.
</article>

17. It has this effect:
Ah! That’s better. The span tag is only used to apply some formatting to the text inside the span. Which, in this case, is what we wanted.

18. The basic HTML attributes
Attributes give us a way to attach extra significance or meaning to a tag.
The attributes go inside the less than / greater than symbols that make up the tag.
So if we have <tagname> then the attribute id would appear as follows:
<tagname id="the_tag_id">

19. HTML that uses these attributes

20. The HTML in a web browser with a tooltip displayed for the text box

21. A word about HTML 5
HTML 5 is a markup language used for structuring and presenting content on the World Wide Web. It is the version of HTML that we will use in this course.
HTML 5 is the current major version of the HTML standard. It may be the last version as well, because it is a living standard (that is, it is designed to constantly evolve and change.)
It was published in October 2014 by the World Wide Web Consortium (W3C). It is important to remember that it is a standard, and different browsers implement the standard with some variation.

22. The HTML5 ratings of current browsers

23. Let’s get some exercise...