tools = require('../js/tools'); tools.init()multimedia¶
find out more on these by yourselves
graphics and <svg>¶
SVG is a complete subsystem to deal with vector graphics
and much more on css-tricks
(very advanced, including animations)
svg example¶
form-oriented¶
for building forms :
<input>for entering data<button>for validating data<form>to group user-provided input
out of scope for this course though, as it involves a backend
sectioning¶
<h1>..<h6>are only meaningful for the title linebut are too poor to actually convey sectioning information
so in addition to these, there are also
<section><nav>
sectioning example¶
miscell others¶
in a jumble :
<br>to insert a linebreak<hr>to insert a horizontal line<iframe>to insert another web page<canvas>is a more recent alternative to SVG for graphics,
see more on css-tricks
practice¶
before you start, make sure to read next section on vs-code tricks
and then, as a conclusion of this first basic course, write your complete resume; you should have 2 files
resume.htmlresume.css
at this point, you may think of it as (if it were) a word document
with a header that has your details and photo
and the 4 well structured sections,
again Experience, Education, Skills and Languages
try to print it in a PDF file, to evaluate how it fits with respect to an A4 page