PART 2
1. <!DOCTYPE html>
The <!DOCTYPE html> at the beginning of the file tells the browser:
“This document is HTML5, interpret it using modern and standard rules.”
2. <html>______</html>
<!DOCTYPE html>
<html>
_____________
_____________
</html>
Anything between the opening <html> and closing </html> tags will be interpreted as
HTML code. Without these tags, it’s possible that browsers could incorrectly interpret
your HTML code.
3. <head>______</head>
The <head> element contains the metadata for a web page. Metadata is information
about the page that isn’t displayed directly on the web page. Unlike the information
inside of the <body> tag, the metadata in the head is information about the page itself.
4 y 5 <title>______</title>
A browser’s tab displays the title specified in the
<title>
Preview: Docs Contains and can display the specified information about the element it belongs to.
tag. The <title> tag is always inside of the <head>.
<!DOCTYPE html>
<html>
<head>
<title>Brown Bears</title>
</head>
<body>
6.<a>This Is A Link To Wikipedia</a> LINK
<a href="https://www.wikipedia.org/">This Is A Link To Wikipedia</a>
When we click on the text “This Is A Link To Wikipedia”, it will send us to the page
https://www.wikipedia.org/
7. Target attribute
<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">The Brown Bear</a>
The target attribute specifies how a link should open.
For a link to open in a new window, the target attribute requires a value of _blank. The target
attribute can be added directly to the opening tag of the anchor element, just like the href
attribute.
8. Link to internal webpage
<a href="./contact.html">Contact</a>
9. Link - Using an image
<a href="https://en.wikipedia.org/wiki/Opuntia" target="_blank"><img
src="https://www.Prickly_Pear_Closeup.jpg" alt="A red prickly pear fruit"/></a>
Basically, instead uf puting a text that will redirect us to another page, will write the img
link using the img element.
10.Linking to the same page
<p id="top">This is the top of the page!</p>
<h1 id="bottom">This is the bottom! </h1>
<ol>
<li><a href="#top">Top</a></li>
<li><a href="#bottom">Bottom</a></li>
</ol>
We need to use the attribute id. Then we will point the attribute balue using the id value in
href structure.
11. 12. Indentation and white spaces
White spaces are ignored and indentation is used to make the code easy to read
13.Comments <!-- -->
<!-- This is the body -->
