Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
137 Cards in this Set
- Front
- Back
Defines a comment |
<!-- ... --> i.e. <!--This is a comment. Comments are not displayed in the browser--> |
|
Defines the document type
|
<!DOCTYPE> i.e. <!DOCTYPE html> |
|
Defines a hyperlink, which is used to link from one page to another. |
<a> i.e. <a href="http://www.w3schools.com">Visit W3Schools.com!</a> |
|
Attribute specifies that the target will be downloaded when a user clicks on the hyperlink. |
<a download="filename">
<a href="/images/myw3schoolsimage.jpg" download>
|
|
Attribute specifies the URL of the page the link goes to. |
<a href="URL">
<a href="http://www.w3schools.com">Visit W3Schools</a> |
|
Attribute specifies what media/device the linked document is optimized for. |
<a media="value">
<a href="att_a_media.asp?output=print" |
|
Attribute specifies the relationship between the current document and the linked document. |
<a rel="value">
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a> |
|
Attribute specifies where to open the linked document. |
<a target="_blank|_self|_parent|_top|framename">
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a> |
|
Attribute specifies the Internet media type (formerly known as MIME type) of the linked document. |
<a type="media_type">
<a href="http://www.w3schools.com" type="text/html">W3Schools</a> |
|
Defines an abbreviation or an acronym, like "Mr.", "Dec.", "ASAP", "ATM". |
<abbr>
i.e. The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. |
|
Defines the contact information for the author/owner of a document or an article. |
<address>
<address> Address,City, Zip, State<br> |
|
Defines an area inside an image-map (an image-map is an image with clickable areas). |
<area>
<img src="planets.gif" width="145" height="126" alt="Planets" |
|
Attribute specifies an alternate text for an area, if the image cannot be displayed. |
<area alt="text">
Text: Specifies the alternate text for the area, if the image cannot be displayed |
|
Attribute specifies the coordinates of an area in an image-map. |
<area coords="value">
Specifies the coordinates |
|
Attribute specifies that the target will be downloaded when a user clicks on the hyperlink. |
<area download="filename">
Filename: Optional. Specifies the new filename for the downloaded file |
|
Attribute specifies the hyperlink target for the area. |
<area href="URL">
URL: Specifies the hyperlink target for the area. |
|
Attribute specifies what media/device the target URL is optimized for. |
<area media="value"> |
|
Attribute specifies the shape of an area. |
<area shape="default|rect|circle|poly"> |
|
Attribute specifies the Internet media type (formerly known as MIME type) of the target URL. |
<area type="media_type">
media_type: The Internet media type of the linked document. |
|
Specifies independent, self-contained content. |
<article> An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
sources for the <article> element: * Forum post |
|
Defines some content aside from the content it is placed in. |
<aside> The aside content should be related to the surrounding content. |
|
Defines sound, such as music or other audio streams. |
<audio> There are 3 supported file formats for the <audio> element: MP3, Wav, and Ogg |
|
Specifies the base URL/target for all relative URLs in a document. |
<base>
i.e. <head> |
|
This tag isolates a part of text that might be formatted in a different direction from other text outside it. |
<bdi>
i.e. <ul> |
|
This tag is used to override the current text direction. |
<bdo>
i.e. <bdo dir="rtl"> |
|
This tag specifies a section that is quoted from another source. |
<blockquote>
i.e. <blockquote cite="http://www.worldwildlife.org/who/index.html"> |
|
This tag defines the document's body. |
<body>
i.e. <html> |
|
This tag inserts a single line break. |
<br> or strict <br /> i.e. This text contains<br>a line break. |
|
This tag defines a clickable button. |
<button> i.e. <button type="button">Click Me!</button> |
|
This attribute specifies that a button should automatically get focus when the page loads. |
<button type="button" autofocus> i.e. <button type="button" autofocus>Click Me!</button> |
|
This attribute specifies that the button should be disabled. |
<button disabled>
i.e. <button type="button" disabled>Click Me!</button>
:( |
|
This attribute specifies one or more forms the button belongs to. |
<button form="form_id">
i.e. <form action="demo_form.asp" method="get" id="form1"> |
|
This attribute specifies where to send the form-data when a form is submitted. |
<button type="submit" formaction="URL">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies how form-data should be encoded before sending it to a server. |
<button type="submit" formenctype="value">
i.e. <form action="demo_post_enctype.asp" method="post"> |
|
This attribute specifies which HTTP method to use when sending the form-data. |
<button type="submit" formmethod="get|post">
i.e. <form action="demo_form.asp" method="get"> |
|
This specifies that the form-data should not be validated on submission. |
<button type="submit" formnovalidate>
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies where to display the response after submitting the form. |
<button type="submit" formtarget="_blank|_self|_parent|_top|framename">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute is used to reference form-data after the form has been submitted, or to reference the element in a JavaScript. |
<button name="name">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies the type of button. |
<button type="button|submit|reset">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies the initial value for a <button> in a <form>. |
<button value="value">
i.e. <form action="demo_form.asp" method="get"> |
|
This tag is used to draw graphics, on the fly, via scripting (usually JavaScript). |
<canvas>
i.e. <canvas id="myCanvas"></canvas> |
|
This tag defines a table caption. |
<caption>
i.e. <table> |
|
This tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.). |
<cite>
i.e. <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p> |
|
This tag is a phrase tag. It defines a piece of computer code. |
<code>
i.e. <code>A piece of computer code</code> |
|
This tag specifies column properties for each column within a <colgroup> element. |
<col>
i.e. <table> |
|
This tag specifies a group of one or more columns in a table for formatting. |
<colgroup>
i.e. <table> |
|
This tag specifies a list of pre-defined options for an <input> element. Also, is used to provide an "autocomplete" feature on <input> elements. |
<datalist>
<input list="browsers"> |
|
This tag is used to describe a term/name in a description list. |
<dd>
i.e. <dl> |
|
This tag defines text that has been deleted from a document. |
<del>
i.e. <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> |
|
This tag specifies additional details that the user can view or hide on demand. |
<details>
i.e. <details> |
|
This attribute specifies that the details should be visible (open) to the user. |
<details open>
i.e. <details open> |
|
This tag represents the defining instance of a term in HTML. |
<dfn>
i.e. <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>
|
|
This tag defines a dialog box or window. |
<dialog>
i.e. <table> |
|
This tag defines a division or a section in an HTML document. |
<div>
i.e. <div style="color:#0000FF"> |
|
This tag defines a description list. |
<dl>
i.e. <dl> |
|
This tag defines a term/name in a description list. |
<dt>
i.e. <dl> |
|
This tag is a phrase tag. It renders as emphasized text. |
<em>
i.e. <em>Emphasized text</em> |
|
This tag defines a container for an external application or interactive content (a plug-in). |
<embed>
i.e. <embed src="helloworld.swf">
|
|
This attribute specifies the height of the embedded content, in pixels. |
<embed height="pixels">
i.e. <embed src="helloworld.swf" width="200" height="200"> |
|
This attribute specifies the address of the external file to embed. |
<embed src="URL">
i.e. <embed src="helloworld.swf"> |
|
This attribute specifies the Internet media type (formerly known as MIME type) of the embedded content. |
<embed type="media_type">
i.e. <embed src="helloworld.swf" type="application/vnd.adobe.flash-movie"> |
|
This attribute specifies the width of the embedded content, in pixels. |
<embed width="pixels">
<embed src="helloworld.swf" width="200" height="200"> |
|
This tag is used to group related elements in a form. |
<fieldset>
i.e. <form> |
|
This attribute specifies that a group of related form elements (a fieldset) should be disabled. |
<fieldset disabled>
i.e. <fieldset disabled> |
|
This attribute specifies one or more forms the fieldset belongs to. |
<fieldset form="form_id">
<form action="demo_form.asp" method="get" id="form1"> |
|
This attribute specifies a name for a fieldset. |
<fieldset name="text">
i.e. <fieldset name="personalia">
|
|
This tag defines a caption for a <figure> element. |
<figcaption>
i.e. <figure> |
|
This tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. |
<figure>
i.e. <figure> |
|
This tag defines a footer for a document or section. |
<footer>
i.e. <footer>
A <footer> element typically contains: * authorship information* copyright information * contact information * sitemap * back to top links * related documents |
|
This tag is used to create an HTML form for user input. |
<form>
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies the character encodings that are to be used for the form submission. |
<form accept-charset="character_set">
i.e. <form action="demo_form.asp" accept-charset="ISO-8859-1"> |
|
This attribute specifies where to send the form-data when a form is submitted. |
<form action="URL">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies whether a form should have autocomplete on or off. |
<form autocomplete="on|off">
i.e. <form action="demo_form.asp" method="get" autocomplete="on"> |
|
This attribute specifies how the form-data should be encoded when submitting it to the server. |
<form enctype="value">
i.e. <form action="demo_post_enctype.asp" |
|
This attribute specifies how to send form-data (the form-data is sent to the page specified in the action attribute). |
<form method="get|post">
i.e. <form action="demo_form.asp" method="get"> |
|
This attribute specifies the name of a form. |
<form name="text">
i.e. <form action="form_action.asp" method="get" name="myForm"> |
|
This specifies that the form-data (input) should not be validated when submitted. |
<form novalidate>
i.e. <form action="demo_form.asp" novalidate> |
|
This attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form. |
<form target="_blank|_self|_parent|_top|framename">
i.e. <form action="demo_form.asp" method="get" target="_blank"> |
|
These tags are used to define HTML headings. |
<h1> to <h6>
i.e. <h1>This is heading 1</h1> etc.... |
|
This element is a container for all the head elements. |
<head>
i.e. <!DOCTYPE html> |
|
This element represents a container for introductory content or a set of navigational links. |
<header>
i.e. <article> <header>
A <header> element typically contains: * one or more heading elements (<h1> - <h6>)* logo or icon * authorship information |
|
This tag defines a thematic break in an HTML page (e.g. a shift of topic). |
<hr>
i.e. <h1>HTML</h1> |
|
This tag tells the browser that this is an HTML document. |
<html>
i.e. <!DOCTYPE HTML> |
|
This tag defines a part of text in an alternate voice or mood. |
<i>
i.e. <p>He named his car <i>The lightning</i>, because it was very fast.</p> |
|
This tag specifies an inline frame. |
<iframe>
i.e. <iframe src="http://www.w3schools.com"></iframe> |
|
This attribute specifies the height of an <iframe>, in pixels. |
<iframe height="pixels">
i.e. <iframe src="/default.asp" width="200" height="200"> |
|
This attribute specifies a name for the <iframe>. |
<iframe name="name">
i.e. <iframe src="demo_iframe.htm" name="iframe_a"></iframe> |
|
This attribute enables an extra set of restrictions for the content in the iframe. |
<iframe sandbox="value">
i.e. <iframe src="demo_iframe_sandbox.htm" sandbox></iframe>
When the sandbox attribute is present, and it will: * treat the content as being from a unique origin* block form submission * block script execution * disable APIs * prevent links from targeting other browsing contexts * prevent content from using plugins (through <embed>, <object>, <applet>, or other) * prevent the content to navigate its top-level browsing context * block automatically triggered features (such as automatically playing a video or automatically focusing a form control) |
|
This attribute specifies that the <iframe> should look like it is a part of the containing document (no borders or scrollbars). |
<iframe seamless>
i.e. <iframe src="demo_iframe.htm" seamless></iframe> |
|
This attribute specifies the address of the document to embed in the <iframe>. |
<iframe src="URL">
i.e. <iframe src="/default.asp"></iframe> |
|
This attribute specifies the HTML content of the page to show in the inline frame. |
<iframe srcdoc="HTML_code">
i.e. <iframe srcdoc="<p>Hello world!</p>" src="demo_iframe_srcdoc.htm"></iframe> |
|
This attribute specifies the width of an <iframe>, in pixels. |
<iframe width="pixels">
i.e. <iframe src="/default.asp" width="200" height="200"></iframe>
|
|
This tag defines an image in an HTML page. |
<img>
i.e. <img src="smiley.gif" alt="Smiley face" height="42" width="42"> |
|
This attribute specifies an alternate text for an image, if the image cannot be displayed. |
<img alt="text">
i.e. <img src="smiley.gif" alt="Smiley face"> |
|
This attribute specifies the height of an image, in pixels. |
<img height="pixels">
i.e. <img src="smiley.gif" alt="Smiley face" height="42" width="42">
|
|
This attribute specifies that the image is part of a server-side image-map (an image-map is an image with clickable areas). |
<img ismap>
i.e. <a href="demo_form.asp"> |
|
This attribute specifies the URL of the image. |
<img src="URL">
i.e. <img src="smiley.gif" alt="Smiley face"> |
|
This attribute specifies an image as a client-side image-map (an image-map is an image with clickable areas). |
<img usemap="#mapname">
i.e. <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> |
|
This attribute specifies the width of an image, in pixels. |
<img width="pixels">
i.e. <img src="smiley.gif" alt="Smiley face" height="42" width="42">
|
|
This tag specifies an input field where the user can enter data. |
<input>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the types of files that the server accepts (that can be submitted through a file upload). |
<input accept="file_extension|audio/*|video/*|image/*|media_type">
i.e. <form action="demo_form.asp">
|
|
This attribute provides an alternate text for the user, if he/she for some reason cannot view the image (because of slow connection, an error in the src attribute, or if the user uses a screen reader). |
<input alt="text">
i.e. <form action="demo_form.asp">
|
|
This attribute specifies whether or not an input field should have autocomplete enabled. |
<input autocomplete="on|off">
i.e. <form action="demo_form.asp" autocomplete="on"> |
|
This attribute specifies that an <input> element should automatically get focus when the page loads. |
<input autofocus>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies that an <input> element should be pre-selected (checked) when the page loads. |
<input checked>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies that the <input> element should be disabled. |
<input disabled>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies one or more forms the <input> element belongs to. |
<input form="form_id">
i.e. <form action="demo_form.asp" id="form1"> |
|
This attribute specifies the URL of the file that will process the input control when the form is submitted. |
<input formaction="URL">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies how the form-data should be encoded when submitting it to the server (only for forms with method="post") |
<input formenctype="value">
i.e. <form action="demo_post_enctype.asp" method="post"> |
|
This attribute defines the HTTP method for sending form-data to the action URL. |
<input formmethod="get|post">
i.e.<form action="demo_form.asp" method="get"> |
|
This attribute specifies that the <input> element should not be validated when submitted. |
<input formnovalidate="formnovalidate">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form. |
<input formtarget="_blank|_self|_parent|_top|framename">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the height of the <input> element. |
<input height="pixels">
i.e. <form action="demo_form.asp"> |
|
This attribute refers to a <datalist> element that contains pre-defined options for an <input> element. |
<input list="datalist_id">
i.e. <input list="browsers"> |
|
This attribute specifies the maximum value for an <input> element. |
<input max="number|date">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the maximum number of characters allowed in the <input> element. |
<input maxlength="number">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the minimum value for an <input> element. |
<input min="number|date">
i.e.<form action="demo_form.asp"> |
|
This attribute specifies that the user is allowed to enter more than one value in the <input> element. |
<input multiple>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the name of an <input> element. |
<input name="text">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies a regular expression that the <input> element's value is checked against. |
<input pattern="regexp">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format). |
<input placeholder="text">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies that an input field is read-only. |
<input readonly>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies that an input field must be filled out before submitting the form. |
<input required>
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the visible width, in characters, of an <input> element. |
<input size="number">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the URL of the image to use as a submit button. |
<input src="URL">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the legal number intervals for an <input> element. |
<input step="number">
i.e. <form action="demo_form.asp"> |
|
This attribute specifies the type of <input> element to display. |
<input type="value">
i.e. <form action="demo_form.asp">
|
|
This attribute specifies the value of an <input> element. |
<input value="text">
i.e. <form action="demo_form.asp"> |
|
This attribute is used only with <input type="image">. |
<input width="pixels">
i.e. <form action="demo_form.asp"> |
|
This tag defines a text that has been inserted into a document. |
<ins>
i.e. <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> |
|
This tag is a phrase tag. It defines keyboard input. |
<kbd>
<kbd>Keyboard input</kbd> |
|
This tag specifies a key-pair generator field used for forms. |
<keygen>
i.e. <form action="demo_keygen.asp" method="get"> |
|
This attribute specifies that the <keygen> element should automatically get focus when the page loads. |
<keygen autofocus>
i.e. <form action="demo_keygen.asp" method="get"> |
|
This attribute specifies that a <keygen> element should be disabled. A disabled field is unusable and un-editable. |
<keygen disabled>
i.e. <form action="demo_keygen.asp" method="get"> |
|
This attribute specifies that the value of the <keygen> element should be challenged when submitted |
<keygen challenge> |
|
This attribute specifies one or more forms the <keygen> element belongs to. |
<keygen form="form_id">
i.e. <form action="demo_keygen.asp" method="get" id="secureform"> |
|
This attribute specifies a key type to be used. |
<keygen keytype="rsa|dsa|ec">
i.e. <form action="demo_keygen.asp" method="get"> |