Web Workshop day 02
HTML
- Basic structure
- Emmet
- Basic HTML elements (define elements, tags, attribs)
- Let's build a portfolio
- Make sure these tags are covered:
headings, paragraphs, bold/italic/underline, ul, ol, a tag, img, video, br, hr, span and div, button, code and pre semantic tags: main, section, header, footer, article etc resource: https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf
Assignments
- read about video tag from MDN
- code a recipe website Include a main page where you list some recipes. Each listing should link to a new webpage where you have described your recipe. Have at least 3 recipes.
- code a portfolio website Have a main page where you give a short introduction about yourself (try not to use dummy text and put actual content for us to read). Add an about page (linked in the main page) where you mention your education background and your extra academic activities.
I have skipped some elements like <table> and <form>. Read about these in your free time.