HTML stands for Hypertext Markup Language. HTML 5 is the type of HTML that we use. Here is a List of tags used. There are many more but these are the basics and the ones I mostly use. Start Each page with < DOCTYPE! html >. From there use you tags to amke any site you want. Make sure each tag is placed with in < and > signs. This is the start of a tag. You must close the tag with < / "tag name" >. This closes the tag and ends its rendering. With out that the site will have many bugs and can screw up what you are doing.
Name of Tag
How, when and why to use it
Picture of Code
Picture of render (some don't render)
HTML tag
The Html tag is the first and last tag you use on a Webpage. It tells the computer when to start reading the code and rendering it in a web browser.
Img tag
The "Img" or image tag is use to put pictures on the screen. Have the photo saved and call it. You can size within the tag by using Width="#px" and Height="#px"
Paragraph tag
The "p" or paragraph tag is use to put text on your page. It can be styled seperatley with CSS and using classes. The text is default black and does NOT render "Enters" in the code. In other words the "p" tag won't start the next line until the one above is full.
Head tag
The "Head" tag does not render anything on the page. It is a tag that tells the page to read or call the tags specified in it first. Use it to call CSS pages. Like all pages there is a "Head", "Body" and "Footer". The Head is read first.
Title tag
The Title tag is used to change the name of the website on the tabs of the browser. If not changed it will just be a line of useless numbers or the URL. Use this to give your website more depth and make it more clear.
Div tag
The Divider or "Div" tag is a empty block. The purpose of this is to divide your webpage so that you individually style each section. Use it to move thing around the page or simply use it to organize your code.
Body tag
The Body tag which comes after the head tag conatains all other tags. It is the main section of your webpage and msut be added. The footer is after but i usually dont use a footer.
Heading tags
The Header tags are basically just diferent sized text. They are on a range of h3 to H6. h3 is the biggest and is used for section headings or title of the page. The others can be used for sub-headings. Note: H6 is smaller tthan the defualt text.
Lists
Lists are made up of three tags. Unordered list or "ul" and ordered list or "ol". Use those to start your list. between the start and end tag add "li" tags to add data. List are useful and can be manipulated using CSS.
Page Breaks
The "Hr" tag makes a page break with a Horizontal line(Note:"<br />" is just a page break. No line is drawn). The "Hr" tag is a self closing tag or it can look like this: <hr />. Use it to make clear sections.
Tables
Tables are the hardest to master. They have for tags:"table" "tr" "th" and "td". "Table" tag starts and ends the table and it must be included. "tr" or table row adds a row to the table and should be used withing the "table" tags."th" and "td" are used to imput data into the row. these go between the "tr" tags and make columns. "th" is table heading and has a bolder font while "td" is table data and is default text.
Span tag
The Span tag is the most usefull tag when working with CSS. Like div it is an empty tag. You can call classes to the span to individually style anything. You can style on character to a whole page. It is the most usefull tag out there.
