SVG site of the day from .
Today’s topics are the XML/SVG, exam preview, and posibly time to work on final revised website.Google's developer site has a lot that you might need to know. Not surprisingly, the Custom Search code is made in XML. And here is my Prezi on markup languages, my RSS demo (RSS is made of XML), and an SVG file I wrote (see Pike's tutorial) and placed in an HTML page with <img>, plus one from DART430 that embeds with <svg> (and it's 3-D CSS).
Also remember what defines the “X” version of HTML (XHTML). XHTML is HTML written to XML standards.
- Tags, attributes, values must be lowercase (in XML they are case-sensitive but uppercase can be used)
- Tags must be properly nested
- All “non-empty tags” must be closed (e.g. <p> needs </p>). An example of an HTML “empty tag” is <br>
- (Optional) All empty tags in XHTML are written with a trailing slash: <br /> or <img src=.... />
- Values of attributes need "" e.g. <img ... alt="Photo of our cat, Larry" >
- (Optional) All attributes need values, e.g. required="required"
- Plus always start files with a doctype declaration, i. e.
<!DOCTYPE html> for HTML5.
Final test on Thursday, May 13 at noon in Canvas.
Final test in Canvas may include:
Last set of readings are: from HTML & CSS, chapters 7, 14, 9 and (review) 15, 18, 19. Also the DOM handout.
- Making corrections to a page of HTML and CSS coding
- Design elements and principles, and being able to apply them (see February 25)
- Comparisons between CSS and JavaScript
- Typography
- Color codes and theory
- Flexbox and grid; how they function
- Write some code for forms, flexbox or grid
Site maintained by John Beatty