Web Dev Basics

Web Dev Basics

Some basic tags used in HTML

  1. Heading Tags from <h1> to <h5>

  2. Paragraph tags for text <p>

  3. Image Tags for images <img src="sample.png" />. It's a self-closing tag.

  4. Input Tags to get user input. Depending on the "type" attribute, it can be used to input different data:

    type = "text"

    type = "password"

    type = "date"

    type = "time"

    type = "color"

    type = "file" (for uploading image files)

  5. Divider Tag or Container tags <div>

  6. Anchor Tags for adding hyperlinks: <a href="google.com" target="_blank">Open Google</a>

  7. Button Tag for adding buttons: <button>.

  8. Document Structure of an HTML page:

    <!doctype html> - tells the browser that we are using HTML 5 and not lower versions

    <html><head>{metadata- styles, title, scripts goes here}</head><body>{content tag goes here}</body</html>

  9. Lists: <ol><li></li></ol> - Ordered List

    <ul><li></li></ul> - Unordered List

I will update this list as I learn more tags in my front-end learning path.