What I've learnt

In no particular order, these are the HTML5 things I can do:

• Make and use a HTML boiler plate base, including understanding what each component does
• Use headings of various sizes
• Make text bold and use italics
• Create emphasis for people reading on screen readers, or make text sound strong on those same screen readers
• Create hyperlinks, both to online webpages and locally, including in different folders, such as my home page and even to different parts of pages
• Create links that bring up phone numbers or email addresses
• Insert images, like my cat on my home page
• Create tables of data like this here
• Create both ordered and unordered lists
• Insert form elements (along with various attributes to each, such as default values and placeholder text) as demonstrated here:
  1. Radio buttons
  2. Check boxes
  3. Text entry fields like for emails or phone numbers or names
  4. A range
  5. A colour picker
  6. A date or date and time picker
  7. A submit button (that is present but not connected to anything because I don't know how to yet!)

And these are the CSS things I can do if I look at my notes:

• Create and use a CSS file
• Understand and take advantage of the cascading hierarchy of the way CSS elements are prioritised and implemented
• Add a background colour or image to the whole page or just to specific elements
• Blend background images and/or colours together, including transparencies
• Load fonts from both local and online sources
• Change the font family
• Change the font size
• Change the font colour
• Align text
• Create margins and padding of various amounts of px, em, rem and percentages of the page width
• Create borders of various widths and colours and styles
• Remove default margins and text decorations (such as HTML underlines)
• Change background colour of input fields depending on if they're valid or not
• Change the border radius to create slightly curved corners to completely circular items
• Change the behavior of items when the user hovers over or clicks on them
• Create shadows
• Create flexboxes
• Create grids
• Create websites that utilise responsive design

That's all I can think of at the moment but I'm sure I'll learn more soon!