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:
- Radio buttons
- Check boxes
- Text entry fields like for emails or phone numbers or names
- A range
- A colour picker
- A date or date and time picker
- 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!