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
- BuiltWith Technology Profiler - Use this to scan what tech a website is using
- JSON Viewer Awesome - Use this to format json to make it more readable
_________________________________________________________________________________________________________________
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
- 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
Welcome to the University Wiki Service! Please use your IID (yourEID@eid.utexas.edu) when prompted for your email address during login or click here to enter your EID. If you are experiencing any issues loading content on pages, please try these steps to clear your browser cache.