Chapter 31: SVG

SVG stands for Scalable Vector Graphics. SVG is used to define graphics for the Web

The HTML <svg> element is a container for SVG graphics.

SVG has several methods for drawing paths, boxes, circles, text, and graphic images.

Inline SVG

SVG can be written directly into a HTML document. Inline SVG can be styled and manipulated using CSS and

Read More

Chapter 30: Content Languages

Base Document Language

It’s a good practice to declare the primary language of the document in the html element:

<html lang="en">

If no other lang attribute is specified in the document, it means that everything (i.e., element content and attribute
text values) is in that language.

If the document contains parts in other languages, these parts should get their own lang attributes to “overwrite”
the language declaration.

Read More

Chapter 29: IFrames

nameSets the element’s name, to be used with an a tag to change the iframe’s src.
widthSets the element’s width in pixels.
heightSets the element’s height in pixels.
srcSpecifies the page that will be displayed in the frame.
srcdocSpecifies the content that will be displayed in the frame, assuming the browser supports it. The
content must be valid HTML.
sandboxWhen set, the contents of the iframe is treated as being from a unique origin and features
including scripts, plugins, forms and popups will be disabled. Restrictions can be selectively
relaxed by adding a space separated list of values. See the table in Remarks for possible values.
allowfullscreenWhether to allow the iframe’s contents to use requestFullscreen( )

Read More

Chapter 27: Selection Menu Controls

Select Menu

The <select> element generates a drop-down menu from which the user can choose an option.

<select name="">
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
 <option value="4">Four</option>

Changing the Size

You can change the size of the selection menu with the size attribute. A size of 0 or 1 displays the standard dropdown style menu. A size greater than 1 will convert the drop-down into a box displaying that many lines, with one
option per line and a scrollbar in order to scroll through the available options.

Read More

Chapter 25: Media Elements

widthSets the element’s width in pixels.
heightSets the element’s height in pixels.
<source>Defines resources of the audio or video files
trackDefines the text track for media elements
controlsDisplays controls
autoplayAutomatically start playing the media
loopPlays the media in a repeated cycle
mutedPlays the media without sound
posterAssigns an image to display until a video is loaded

Read More

Chapter 23: Output Element

GlobalAttributes that are available to any HTML5 element. For comprehensive documentation of these
attributes see: MDN Global attributes
nameA string representing the name of an output. As a form element, output can be referenced by it’s name
using the document.forms property. This attribute is also used for collecting values on a form submit.
forA space separated list of form element ids (e.g. <inputs id=“inp1”> for value is “inp1”) that the output is meant to display calculations for.
formA string representing the <form> that is associated to the output. If the output is actually outside the , <form> this attribute will ensure that the output still belongs to the <form> and subject to collections and submits of said <form>.

Read More

Pin It on Pinterest