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

Pin It on Pinterest