What does HTML stand for?
Hyper Text Markup Language
What is HTML used for?
Creating Web pages
In what does HTML consist?
Of a series of elements
What do elements do?
Tell the browser how to display the content
In what pieces do elements consist? (2)
- Tags
- Content
What do attributes do?
They give ADDITIONAL information about a tag to a browser
E.g., For example: <a>To Another Century of expanding minds</a> : Tags?
<a> </a> are tags
E.g., For example: <a>To Another Century of expanding minds</a> : Content?
To Another Century of expanding minds
E.g., For example: <a>To Another Century of expanding minds</a> : Attributes?
href
What does inner HTML refer to?
To the content itself
E.g., For example: <a>To Another Century of expanding minds</a> : inner HTML?
To Another Century of expanding minds
Tags used in this course? (12)
- <html></html>
- <head></head>
- <title></title>
- <body></body>
- <h1></h1>, <h2></h2>, etc.
- <p></p>
- <a></a>
- <img></img>
- <div></div>
- <br></br>
- <link></link>
- <style></style>
What tag to put on top of page?
<!DOCTYPE html>
What is typical tag order (not a hard rule)? (9)
- <!DOCTYPE html>
- <html>
</html> - <head>
</head> - <title> </title>
- </head>
- <body>
</body> - CONTENT
- </body>
- </html>
What do tags do?
Identify the way that content needs to be shown
What is a nested element?
An element that is part of the content of another element
Are attributes mandatory or optional?
Some are necessary (anchor tag), some are optional (width for an image)
<img></img> : What attributes mandatory?
- src
<img></img> : What attributes optional?
- width
- height
What is heading tag (not def, show me)?
<h1>Heading 1</h1>
<h2>heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
What is paragraph tag?
<p>This is a paragraph.</p>
How would you link a “Click me” text to the McGill website?
<a href=“https://mcgill.ca”>Click me!</a>
How would you link insert an image with text instead if issue with image?
<img></img>
