HTML Basics

HTML Tags

• HTML tags are used to define elements in an HTML document
• Tags consist of a start tag and an end tag, with the content in between
• Start tag: `` (e.g. <p>)
• End tag: </p> (e.g. ``)
• Tags can have attributes, which provide additional information about the element
• Examples of HTML tags:
  • Headings: , , ``, etc.
  • Paragraphs: <p>
  • Links: <a>
  • Images: ``
  • Lists: </a></p><a>, </a><a>, ``

Semantic Elements

• Semantic elements are HTML tags that provide meaning to the structure of a web page
• They help search engines and screen readers understand the content and layout of a page
• Examples of semantic elements:
  • Headers: ``
  • Navbars: ``
  • Main content: ``
  • Footers: ``
  • Sections: ``
  • Articles: ``
  • Asides: ``
  • Figures: ``
  • Captions: ``

HTML Forms

• HTML forms are used to collect user input and send it to a server for processing
• Forms consist of form controls, such as text fields, checkboxes, and buttons
• The `` element is used to define a form
• Attributes of the `` element:
  • action: specifies the URL of the server-side script that will process the form data
  • method: specifies the HTTP method to use when submitting the form (e.g. GET or POST)
• Examples of form controls:
  • Text fields: ``
  • Checkboxes: ``
  • Radio buttons: ``
  • Buttons: ``
  • Textareas: ``
  • Select menus: ``

HTML Basics

• HTML documents are structured with HTML tags, which consist of a start tag and an end tag, with content in between
• Tags can have attributes that provide additional information about the element
• Examples of HTML tags include headings (h1-h6), paragraphs (p), links (a), images (img), and lists (ul, ol, li)

Semantic Elements

• Semantic elements provide meaning to a web page's structure, making it easier for search engines and screen readers to understand the content and layout
• Examples of semantic elements include headers (header), navbars (nav), main content (main), footers (footer), sections (section), articles (article), asides (aside), figures (figure), and captions (figcaption)

HTML Forms

• HTML forms are used to collect user input and send it to a server for processing
• The form element is used to define a form, with attributes including action (specifies the URL of the server-side script) and method (specifies the HTTP method, e.g. GET or POST)
• Form controls include text fields (input), checkboxes (input[type="checkbox"]), radio buttons (input[type="radio"]), buttons (input[type="submit"]), textareas (textarea), and select menus (select)