Structure of HTML

Every document starts with DOCTYPE html

html acts as the parent of everything in the document except DOCTYPE

The head contains things that people will not see such as, charset and title

The body is the main part of the project and is what people will primarily be looking at

HTML Elements

attributes provide additional information about HTML elements and are used to modify their behavior or appearance.

Lists are made with ul for bullets and ol for numbers, and you can add line breaks with br or section dividers with <hr>

HTML lists help organize items using either bullets or numbers. Use <ul> for unordered (bulleted) lists and <ol> for ordered (numbered) lists, with each item inside an <li> tag.

Links in HTML are created using the a tag, which stands for "anchor." You add the href attribute to set the destination URL

Textual elements

Headings provide a hierarchical structure for content, while sectioning elements group related content together, creating a well-organized and semantic layout.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

heading 6

text is added using tags like <p> paragraphs and h1 to h6 for headings. You can style text with tags like

• <b> This tag makes the text it is used on appear bold
• <i>Italic
• <u>This tag simply underlines the text it is used on
• <em>The emphasised tag is very similar to the italic tag but it is a little more modern

The <blockquote> element in HTML is used to display long quotations from external sources, typically shown as indented text and can include a <cite> attribute for the source URL.

"I think, therfore I am"

The <cite> element is used to reference the title of a creative work and is usually written in Italic The great Gatsby

Semantic HTML

Semantic html basically adds meaning to the code and makes everything more organized.

Navigation in HTML is made using the <nav> tag, which groups links that help users move between pages or sections. Inside <nav>, you usually place a tags (links) to create menus or navigation bars.

Tables in HTML are created using the table tag to organize data into rows and columns. Inside the table, use <tr> for rows, <th> for headers, and <td> for data cells.

Forms in HTML are made with the form tag to collect user input. Inside the form, you use elements like input, textarea, label, and button to create fields and submit data.