<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
Most developers will space their code out and use tabbing to help offset the tags. Tabs are not individual spaces. These should be either IDE driven or by using your tab functionality.
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>Paragraph tags </p>
Add some paragraph tags to your html code on your web page.
Experiment with the tags and see what happens.
note: there is an open tag <p> and a close tag </p>
Paragraph tags make the dom render the spacing for the graphs. What is the dom?
The dom is the document object model. We will talk more about the dom when we discuss javascript.
<a href="https://www.lubbockisd.org/cavazos">This is a link</a>
<img src="Logos/Cavazos.png" alt=https://www.lubbockisd.org/cavazos" width="104" height="142">
<img src="Logos/Cavazos.png" alt="https://www.lubbockisd.org/cavazos" width="104" height="142">
<a href="https://www.lubbockisd.org/cavazos" target="_blank">cavazos</a>
Adding a link
Use the <a> tag to create your href to link.
Adding an image
Use the <img src> tag which links the image to its source.
Adding the height and width to an image
Control how large the image is rendered to the end user. Be careful as this can change the size of the image and possibly can stretch and leave you with undesirable results to the end user.
Alt
Alt text is for our users with disabilities. Users that cannot see, can have text read to them from the alt location or even through a braille display.
There are several options when linking,
The target attribute can have one of the following values:
_self - Default. Opens the document in the same window/tab as it was clicked
_blank - Opens the document in a new window or tab
_parent - Opens the document in the parent frame
_top - Opens the document in the full body of the window