HTML basics and tags

HTML stands for HyperText Markup Language. It's what sets the structure of a webpage

Almost every HTML item has an opening tag - <tag> and an ending tag - </tag>

Some tags instead have a syntax that lets them start and end in a single tag like this - < tag INFORMATION GOES HERE />

General text tags

• The tags in this section are used for general bodies of text

• Paragraphs - <p> Here is where your paragraph will go </p>

• Bold - <b> Here is where your bold text goes </b>
• Italics - <i> Here is where your italic text goes </i>

Image and Anchor tags

• These tags let you insert something into your webpage, very useful for making your site that much cooler
• Here is how you would put in an image tag - <img src="This is the image source or place in the directory where your image is" />

• Here is how you would put in an anchor tag - <a href="This is where you put another webpage URL or file name from our directory" > We can make our text in here! You click this! </a>

Headers

• Headers go from 1 to 6, with 1 being the largest and 6 being the smallest header size. These are great for titles and, well, headers for a section of text!

• Header # - <h#> Your text goes here </h#>

• This is header 1

• This is header 2

• This is header 3

• This is header 4

• This is header 5

• This is header 6

Organizational tags

• We will talk about lists (ordered and unordered) and divs
• Divs don't display things by themselves, but they help group together tags and elements to make adding CSS or other logic much easier! - <div> Here goes your HTML elements like paragraphs. </div>
• List items are the elements in a list. Whether you do an ordered or unordered list, whenever you put something in a list you'll want to use this tag - <li> Here goes your information </>
• Ordered lists have each list item as a number or letter, depending on how you set things up. - <ol> Here goes your opening and closing list item tags </ol>
• Unordered lists do not denote each list item with a number or letter, but instead just have a bullet point for each. -