HTML

Try these two great sites to reference syntax reference, especially HTML:

_________________________________________________________________________________________________________________

When parsing data from the website 

  • Understand how attributes of html tags, how tags are nested within each other using HTML Tree Generator

  • Understand how images are stored and referenced in the html

  • Work with navigating the tags for Beautiful Soup or front end development  

_________________________________________________________________________________________________________________

Chrome Add-ons

_________________________________________________________________________________________________________________

Tips:

Use when creating a website’s structure and content

  • Learning HTMLis absolutely key to designing any website, so click on the link to go through a solid tutorial. 
  • Below are tools that will help you construct HTML quicklyâ—‹
    • Use Boilerplate text: HTML documents will need the same fundamental tags to set up a website page. Save yourself time and download a boilerplate, which are sections of code that have to be included in many places with little change
      • Note: Visual Studio Code environment has a marketplace for this functionality. If you use VSCode, this would be the recommended way to implement this. 
      • Utilize Google fonts: for customizing the font of a website, Google Fonts offers a free way to embed fonts into your website. 
    • Below are other good tips to remember when creating HTML:
      • Avoid Inline Styles: The main purpose of HTML and CSS is separating concerns between website structure and styling. If an element needs to be styled a certain way, creating a CSS id or class is best 
      • Always have the alt attribute for image tags: it helps the web crawler index your website content better and helps a user decide if a picture is important
      • Don’t use multiple line breaks: While it may be easy to implement multiple <br> tags to separate content, the best practice is to either split the text into separate paragraphs, or adjust the margin styled by CSS