---
# System prepended metadata

title: HTML

---

# HTML
- i wrote this up to summarize what we went over together last time!
- here is a resource i used : https://html.com/
- this html.com website will probaly help you with your first assignment
- more information on different types of tags , and also uses can be found all over the interwebs.
- EXTRA CREDIT TUTORIALS: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML

## TAG

Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is

```
<div></div>
```

## ATTRIBUTE

Attributes contain additional pieces of information. Attributes are assigned to with a space and an equal sign. the value on the right has "quotations"

```
<img src="mydog.jpg" class="dogphoto">
```


IMPORTANT THINGS:

- tags must be opened (<tag>) and closed (</tag>) with the element information such as a title or text resting between the tags.
- indent to show nested arrangements
- `<script>` tags are used for inserting javascript into an html document
- `<style>` tags are used for inserting css into a html document
- `<head>` tags are used inserting <title> tags or <meta> tags
- `<body>` tags are used for inserting dom elements into the HTML document


More things important to cover:

- how to create an image?
  > Images in HTML are elements that can be placed on the DOM (document object model). To add an image, use the <img> tag along with the `src` attribute to specify the location of the image.

- how to create a <link>
  > A link ("anchor") is a small span of text that will direct you to a different section in the page, or to a different page. To create a link, you will need to specify where you would like the user to be directed to when the link is clicked by specifying the href attribute.

- how to create an ordered/unordered list
  > HTML provides a way to create both an ordered list (with elements counting up, 1, 2, 3...) and an unordered list with bullets instead of numbers. Lists are a good way to formalize a list of items and let the HTML styling do the work for you.
