# 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.