CPHQ (Certified Professional In Health-Care Quality)

Get Certificate Of Completion

You Can Attend The On-line Preparation Workshop and Get Certificate Of Completion for each Topic and Workshop at www.mazenz.com or contact CPHQ@mazenz.com . This Application is considered as a reference and guide for Total Quality Management Roles and Concepts and The National Association for Health-care Quality is the official institution for the only accredited certification in the field of healthcare quality, the Certified Professional in Healthcare Quality® (CPHQ).This Application Developed By Mazenz.com Thank You!

Introduction to CPHQ

Quality Leadership and Structure

Performance Measurement and Process Improvement

Information Management

Patient Safety

Exams

About

CPHQ STUDY GROUP

Home




Notice
You only can hear the instructor when he is online Please Check Mazenz.com for events

Basic Concepts Of HealthCare Quality

Home

Notice
You only can hear the instructor when he is on-line Please Check Mazenz.com for events

Address

Home

Represents the contact information for its enclosing section. If it is a child of the body element, then it applies to the document as a whole.


See the code in action.
<address>5555 N. Broad St. Philadelphia, PA</address>

Area

Home

The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.

If the area element has no href attribute, then the area represented by the element cannot be selected, and the alt attribute must be omitted.


See the code in action.
<img src="floorplan.png" usemap="#rooms" alt="1 bedroom, a kitchen, lounge and bathroom">
<map name="rooms">
<area shape="rect" coords="20,20,140,140" href="bedroom.html" alt="Bedroom">
<area shape="rect" coords="20,140,140,280" href="lounge.html" alt="Lounge">
<area shape="poly" coords="140,140,140,280,280,140" href="kitchen.html" alt="Kitchen">
<area shape="rect" coords="140,20,280,140" href="bathroom.html" alt="Bathroom">
</map>

Article

Home

Represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.


See the code in action.
<article>
<header>
<h4><a href="#comment-2" rel="bookmark">Comment #2</a>
by <a href="http://example.com/">Jack Osborne</a></h4>
<time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
</article>

Aside

Home

Represents a section of a page consisting of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.


See the code in action.
<aside>
<h2>Blogroll</h2>
<ul>
<li><a href="#">My Friend</a></li>
<li><a href="#">My Other Friend</a></li>
<li><a href="#">My Best Friend</a></li>
</ul>
</aside>

Audio

Home

Represents a sound or audio stream.

Content can be nested inside the audio element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy audio plugin or to inform the user of how to access the audio content.

Supported audio codecs:


See the code in action.
<audio src="music.oga" controls>
<a href="music.oga">Download song</a>
</audio>

Quality Leadership and Structure

Home
MazenSalama is on Mixlr

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

Healthcare Leadership and Organization

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com .

Successful Leadership

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

Strategic Planning

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

Change Management

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

body

Home

The body element represents the main content of the document.


See the code in action.
<body id="index">
<p>content</p>
</body>

br

Home

The br element represents a line break. br elements must be used only for line breaks that are actually part of the content, as in poems or addresses. br elements must not be used for separating thematic groups in a paragraph.


See the code in action.
<br />

button

Home

The button element represents a button. If the element is not disabled, then the user agent should allow the user to activate the button.


See the code in action.
<button>Do something!</button>

Performance Improvement Plan (PIP) Structure

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

The Organization's Approach(es) to Performance improvement

Home

Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

Six Sigma

Home

Quality, Risk, Utilization, and Patient Safety Plans

Home

Role of the Quality Professional in Organizational Preparation for Quality Management/Performance Improvement

Home

Measurement/Performance Improvement Process

Home

Structure, Process and Outcome Measures

Home

command

Home

The command element represents a command that the user can invoke. A command can be part of a context menu or toolbar, using the menu element, or can be put anywhere else in the page, to define a keyboard shortcut.


See the code in action.
<menu type="toolbar"><command type="radio" radiogroup="alignment" checked="checked" label="Left" icon="left.png" onclick="setAlign('left')" /> </menu>

Performance Measurement and Process Improvement

Home

Coming Soon


Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com .

dd

Home

The dd element represents the description, definition, or value, part of a term-description group in a description list (dl element).


See the code in action.
<dl>
<dt>address</dt>
<dd>The address element represents the contact information for the section it applies to. If it applies to the body element, then it instead applies to the document as a whole. </dd>
<dt>article</dt>
<dd>The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.</dd>
</dl>
<dt>/article</dt>

del

Home

The del element represents a removal from the document. The del elements should not cross implied paragraph boundaries.


See the code in action.
<p>My favourite colour is <del datetime="2010-10-11T01:25-07:00">blue</del> <ins datetime="2010-10-11T01:25-07:01">red</ins>, but I also like green and yellow.</p>

details

Home

The details element represents a disclosure widget from which the user can obtain additional information or controls. However, the details element is not appropriate for footnotes.


See the code in action.
<details>
<summary>Name & Extension:</summary>

<p><input type=text name=fn value="Pillar Magazine.pdf">
<p><label><input type=checkbox name=ext checked> Hide extension</label>
</details>

dfn

Home

The dfn element represents the defining instance of a term. The paragraph, description list group, or section that is the nearest ancestor of the dfn element must also contain the definition(s) for the term given by the dfn element.


See the code in action.
<p>While they're essential reading material for our job, the <dfn><abbr title="World Wide Web Consortium">W3C</abbr></dfn> specifications are not exactly George R. R. Martin-level reading material.</p>

div

Home

The div element has no special meaning at all. It represents its children. It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements.


See the code in action.
<div>
<p>content</p>
</div>

dl

Home

Represents a description list consisting of zero or more name-value groups. Each group must consist of one or more names (dt elements) each followed by one or more values (dd elements).

Name-value groups may be terms and definitions, metadata topics and values, or any other groups of name-value data. The values within a group are alternatives; multiple paragraphs forming part of the same value must all be given within the same dd element.


See the code in action.
<dl>
<dt>address</dt>

<dd>The address element represents the contact information for the section it applies to. If it applies to the body element, then it instead applies to the document as a whole.</dd>
<dt>article</dt>
<dd>The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.</dd>
</dl>

dt

Home

The dt element represents the term, or name, part of a term-description group in a description list (dl element).


See the code in action.
<dl>
<dt>address</dt>
<dd>The address element represents the contact information for the section it applies to. If it applies to the body element, then it instead applies to the document as a whole.</dd>

<dt>article</dt>
<dd>The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.</dd>
</dl>

doctype

Home

A DOCTYPE is a required preamble and must consist of the following characters, in this order:

  1. A string that is an ASCII case-insensitive match for the string "<!DOCTYPE>".
  2. One or more space characters.
  3. A string that is an ASCII case-insensitive match for the string "html".
  4. Optionally, a DOCTYPE legacy string or an obsolete permitted DOCTYPE string (defined below).
  5. Zero or more space characters.
  6. A U+003E GREATER-THAN SIGN character (>).

See the code in action.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Doctor | Element Index</title>
<link rel="stylesheet" href="style.css" />
</head>

<body id="home">
<p>Some really good content goes here.</p>
</body>
</html>

em

Home

Represents stress emphasis of its contents. The level of emphasis that a particular piece of content has is given by its number of ancestor em elements. The 'stress' being referred to is linguistic. If spoken, this stress would be emphasised pronunciation on a word that can change the nuance of a sentence.


See the code in action.
<p>Call a doctor <em>now</em>!</p>

embed

Home

Represents an integration point for an external(typically non-HTML) application or interactive content.

The optional src attribute specifies the URL of the resource being embedded.

The optional type attribute specifies the MIME type of the plugin to instantiate. The value must be a valid MIME type, optionally with parameters. If both the type attribute and the src attribute are present, then the type attribute must specify the same MIME type as the explicit Content-Type metadata of the resource given by the src attribute.


See the code in action.
<embed src="movieclip.mov">

fieldset

Home

The fieldset element is expected to establish a new block formatting context.

If the fieldset element has a child that matches the conditions in the list below, then the first such child is the fieldset element's rendered legend:


See the code in action.
<form id="app-login" action="process.php">
<fieldset>
<legend>Login Details</legend>
<div>
<label for="user-name">Username:</label>

<input name="user-name" type="email" placeholder="Your username is your email address" required autofocus>
</div>
<div>
<label for="password">Password:</label>
<input name="password" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>

figcaption

Home

The figcaption element represents a caption or legend for the rest of the contents of the figcaption element's parent figure element, if any.


See the code in action.
<figure>
<img ... > (or video, table etc)
<figcaption>A rabid unicorn goring a fairy.</figcaption>
</figure>

figure

Home

The figure element represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document.

The figure element can be used to annotate illustrations, diagrams, photos, code listings, etc., that are referenced in the main content of the document, but that could, without affecting the flow of the document, be moved away from that primary content — e.g., to the side of the page, to dedicated pages, or to an appendix.


See the code in action.
<figure>
<img ... > (or video, table etc)
<figcaption>A rabid unicorn goring a fairy.</figcaption>
</figure>

form

Home

The form element represents a collection of form-associated elements, some of which can represent editable values that can be submitted to a server for processing.


See the code in action.
<form id="app-login" action="process.php">
<fieldset>
<legend>Login Details</legend>
<div>
<label for="user-name">Username:</label>

<input name="user-name" type="email" placeholder="Your username is your email address" required autofocus>
</div>
<div>
<br>
<label for="password">Password:</label>
<input name="password" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>

h1-h6

Home

Represent headings and subheadings. These elements rank in importance according to the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.


See the code in action.
<h(n)>Heading Title</h(n)>

hr

Home

Represents a paragraph-level thematic break. The "paragraph-level" bit means between blocks of text, so it can't be used to separate sections of a site. Instead, hr now separates different topics within a section of prose, or between scenes in a novel.


See the code in action.
<p>Lorem Ipsum dolor set amet</p> <hr /> <p>Lorem Ipsum dolor set amet</p>

html

Home

The html element represents the root of an HTML document.


See the code in action.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Carlton Stith | Front-End Web Developer</title>
<link rel="stylesheet" type="text/css" href="media/css/style.css" />
</head>

<body id="home">
<p>content</p>
</body>
</html>

i

Home

Represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.

Only use i when nothing more suitable is available — e.g., em for text with stress emphasis, strong for text with semantic importance, cite for titles in a citation or bibliography, dfn for defining a word, and var for mathematical variables.


See the code in action.
The term <i>prose content</i> is defined above. <i class="taxonomy">Nanotyrannus</i> ("dwarf tyrant") is a genus of tyrannosaurid dinosaur, and is possibly a juvenile specimen of <i class="taxonomy">Tyrannosaurus</i>.
We ate <i lang="ja-latn" title="eel">unagi</i>, <i lang="ja-latn" title="seared salmon">aburi-zake</i>, and <i lang="ja-latn" title="octopus">tako</i> sushi last night.

iframe

Home

The iframe element represents a nested browsing context.

For iframe elements in HTML documents, the attribute, if present, must have a value using the HTML syntax that consists of the following syntactic components, in the given order:


See the code in action.
<iframe height="500" width="500" src="http://google.com"></iframe>

img

Home

An img element represents an image. The image given by the src attribute is the embedded content, and the value of the alt attribute is the img element's fallback content.

The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.

The img element must not be used as a layout tool. In particular, img elements should not be used to display transparent images, as they rarely convey meaning and rarely add anything useful to the document.


See the code in action.
<img src="logo.gif" alt="CeeJayS Media Logo" />

input

Home

The input element represents a typed data field, usually with a form control to allow the user to edit the data.


See the code in action.
<form id="app-login" action="process.php">
<fieldset>
<legend>Login Details</legend>
<div>
<label for="user-name">Username:</label>
<input name="user-name" type="email" placeholder="Your username is your email address" required autofocus>

</div>
<div>
<label for="password">Password:</label>
<input name="password" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>

ins

Home

The ins element represents an addition to the document. The ins elements should not cross implied paragraph boundaries.


See the code in action.
<p>My favourite colour is <del datetime="2010-10-11T01:25-07:00">blue</del> <ins datetime="2010-10-11T01:25-07:01">red</ins>, but I also like green and yellow.</p>

kbd

Home

The kbd element represents user input (typically keyboard input, although it may also be used to represent other input, such as voice commands).

When the kbd element is nested inside a samp element, it represents the input as it was echoed by the system. When the kbd element contains a samp element, it represents input based on system output, for example invoking a menu item.

When the kbd element is nested inside another kbd element, it represents an actual key or other single unit of input as appropriate for the input mechanism.


See the code in action.
<p>Mac users: To take a screenshot press <kbd>Command</kbd>+<kbd>Shift</kbd>+<kbd>3</kbd></kbd></p>

keygen

Home

The keygen element represents a key pair generator control. When the control's form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.


See the code in action.
<form action="/submit_key.php" method="post" enctype="multipart/form-data">
<keygen name="key">
<input type="submit" value="Submit">
</form>

label

Home

The label represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element's labeled control, either using for attribute, or by putting the form control inside the label element itself.


See the code in action.
<form id="app-login" action="process.php">
<fieldset>
<legend>Login Details</legend>
<div>
<label for="un">Username:</label>

<input name="user-name" id="un" type="email" placeholder="Your username is your email address" required autofocus>
</div>
<div>
<label for="pass">Password:</label>
<input name="password" id="pass" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>

legend

Home

The legend element represents a caption for the rest of the contents of the legend element's parent fieldset element, if any.


See the code in action.
<form id="app-login" action="process.php">
<fieldset>
<legend>Login Details</legend>
<div>
<label for="un">Username:</label>

<input name="user-name" id="un" type="email" placeholder="Your username is your email address" required autofocus>
</div>
<div>
<label for="pass">Password:</label>
<input name="password" id="pass" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>

li

Home

The li element represents a list item. If its parent element is an ol, ul, or menu element, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related relationship to any other li element.


See the code in action.
<ol>
<li>Ordered List Item One</li>
<li>Ordered List Item Two</li>
</ol>

Patient Safety

Home

Coming Soon


Notice
For better experience for the presentation rotate in landscape mode. You only can hear the instructor when he is online and he schedule an event Please Follow Up At Mazenz.com

map

Home

The map element, in conjunction with any area element descendants, defines an image map. The element represents its children.


See the code in action.
<section>
<h1>Clothing</h1>
<img src="/images/menu.gif" alt="Select a department to go to its page." usemap="#nav">
</section>

<footer>
<map name="nav">
<p><a href="/women/">Women</a>
<area alt="Women" coords="0,0,100,50" href="/women/"> |
<a href="/men/">Men</a>
<area alt="Men" coords="0,0,100,50" href="/men/"&grt; |
<a href="/kids/">Kids</a>
<area alt="Food" coords="0,0,100,50" href="/kids/"> |
</p>
</map>
</footer>

mark

Home

Represents a run of text in one document marked or highlighted because of its relevance in another context.

When used in a quotation or other block of text referenced in a document, it indicates a highlight that was not present in the original document — e.g., a portion of text in an academic publication that has recently come under additional scrutiny.


See the code in action.
In this sentence we'll be using the mark element. HTML5 Can you see where it has been used?

meta

Home

The meta element represents various kinds of metadata that cannot be expressed using the title, base, link, style, and script elements.

The meta element can represent document-level metadata with the name attribute, pragma directives with the http-equiv attribute, and the file's character encoding declaration when an HTML document is serialized to string form (e.g. for transmission over the network or for disk storage) with the charset attribute.


See the code in action.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>My Super Awesome Noble Prize Worthy Title</title>
<meta name="robots" content="index,follow" />
<link rel="stylesheet" href="css/style.css">
</head>

meter

Home

When the meter binding applies to a meter element, the element is expected to render as an 'inline-block' box with a 'height' of '1em' and a 'width' of '5em', a 'vertical-align' of '-0.2em', and with its contents depicting a gauge.

When the element is wider than it is tall(or square), the depiction is expected to be of a horizontal gauge, with the minimum value on the right if the 'direction' property on this element has a computed value of 'rtl', and on the left otherwise. When the element is taller than it is wide, it is expected to depict a vertical gauge, with the minimum value on the bottom.


See the code in action.
Your score is: <meter> 100 out of 100. </meter>

noscript

Home

The noscript element represents nothing if scripting is enabled, and represents its children if scripting is disabled. It is used to present different markup to user agents that support scripting and those that don't support scripting, by affecting how the document is parsed.


See the code in action.
<noscript>Oh no, you either have JavaScript turned off or your browser doesn't support JavaScript</noscript><noscript><link rel="stylesheet" href="no-js.css" /></noscript>

Basic Concepts Of Health Care Quality MCQ Exam

Home
Home

The ol element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the list.


See the code in action.
<ol>
<li>Ordered List Item A</li>
<li>Ordered List Item B</li>
</ol>
Home

The optgroup element represents a group of option elements with a common label. The element's group of option elements consists of the option elements that are children of the optgroup element.

When showing option elements in select elements, user agents should show the option elements of such groups as being related to each other and separate from other option elements.


See the code in action.
<label for="country">Country</label>
<select name="country" id="country">
<optgroup label="Europe"> <option value="UK">UK</option>
<option value="Germany">Germany</option>
<option value="France">France</option>
</optgroup> <optgroup label="North America"> <option value="United States">United States</option>
<option value="Canada">Canada</option>
</optgroup> </select>

p

Home

The p element represents a paragraph.


See the code in action.
<p>This is an example of the p tag.</p>

param

Home

The param element defines parameters for plugins invoked by object elements. It does not represent anything on its own.


See the code in action.
<object>
<param name="movie" value="http://www.youtube.com/v/XZ5TajZYW6Y?fs=1&hl=en_GB"></param>
<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/XZ5TajZYW6Y?fs=1&hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed>

</object>

pre

Home

The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.


See the code in action.
<p>The code for a basic JavaScript message is:</p>

<pre>
<script>alert("hello world");</script>
</pre>

progress

Home

Represents the completion progress of a task. Progress may be either indeterminate — meaning it is unclear how much work remains before the task is complete (e.g., the task is waiting for a response from a remote host) — or a numeric value between 0 and a given maximum, explicitly specifying the fraction of work that has so far been completed.


See the code in action.
<section>
<p>Progress: <progress> <span id="p">0</span>% </progress> </p>

<script>
var progressBar = document.getElementById('p');
function updateProgress(newValue) {
progressBar.textContent = newValue;
}
</script>
</section>

q

Home

The q element represents some phrasing content quoted from another source.


See the code in action.
<p>And then she said <q>I heart HTML5 and CeeJayS Media!</q></p>

rp

Home

Represents a container for parentheses used to wrap ruby text (<rt>) inside a <rt> element. These are displayed by browsers which don't support <rt>, allowing for graceful degradation of ruby content. Browsers which support <rt> hide <rp> via display:none.


See the code in action.
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>

rt

Home

Represents a container for ruby text inside a <ruby> element. <rt> content becomes the small annotations rendered by default above horizontal base text or to the right of vertical base text.


See the code in action.
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>

ruby

Home

Represents a container for base text and ruby text — small annotations used for phonetic readings in languages such as Japanese and Chinese. Examples include furigana and zhùyin fúhào (bopomofo).


See the code in action.
<ruby>??<rp>(</rp><rt>????</rt><rp>)</rp>???<rp>(</rp><rt>?????</rt><rp>)</rp></ruby>

s

Home

The s element represents contents that are no longer accurate or no longer relevant.


See the code in action.
<p>On sale now!</p>
<p><s>Get up to 25% off</s></p>

<p><strong>Now down to 50% off</strong></p>

samp

Home

The samp element represents (sample) output from a program or computing system


See the code in action.
<pre><samp>mike:mysite mike$ <kbd>git status</kbd>

# On branch master
nothing to commit (working directory clean)
mike:mysite mike$</samp></pre>

script

Home

The script element allows authors to include dynamic script and data blocks in their documents. The element does not represent content for the user.


See the code in action.
<script>
alert('Hello World!');
</script>

section

Home

Represents a generic document or application section. In this context, a section is a thematic grouping of content, typically with a header, possibly with a footer. Examples include chapters in a book, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A web site's home page could be split into sections for an introduction, news items, contact information.


See the code in action.
<section> <h1>Level 1</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit commodi temporibus quidem ad quaerat. Nulla, fuga accusamus maxime quidem ad nostrum saepe. Corrupti, et debitis labore animi eaque libero culpa?</p> </section> <section> <h1>Level 2</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit commodi temporibus quidem ad quaerat. Nulla, fuga accusamus maxime quidem ad nostrum saepe. Corrupti, et debitis labore animi eaque libero culpa?</p> </section> <section> <h1>Level 3</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit commodi temporibus quidem ad quaerat. Nulla, fuga accusamus maxime quidem ad nostrum saepe. Corrupti, et debitis labore animi eaque libero culpa?</p> </section>

select

Home

The select element represents a control for selecting amongst a set of options.


See the code in action.
<label for="title">Title</label>
<select id="title" name="title">
<option value="" selected>Please choose</option>

<option value="Mr">Mr</option>
<option value="Miss">Miss</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>

<option value="Dr">Dr</option>
<option value="Other">Other</option>
</select>

small

Home

Represents side comments such as small print. It is not intended to be presentational. The small element should not be used for extended spans of text such as multiple paragraphs, lists, or sections of text. It is only intended for short runs of text.


See the code in action.
<footer>
<address>
For more details, contact
<a href="mailto:cstith@gmail.com">Carlton Stith</a>.
</address>
<small> © copyright CeeJayS Media. </small>
</footer>

source

Home

The source element allows authors to specify multiple alternative media resources for media elements. It does not represent anything on its own. The src attribute gives the address of the media resource. The value must be a valid non-empty URL potentially surrounded by spaces. This attribute must be present.


See the code in action.
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
</video>

span

Home

The span element doesn't mean anything on its own, but can be useful when used together with the global attributes, e.g. class, lang, or dir. It represents its children.


See the code in action.
<span>This is an example of the span element</span>

strong

Home

Represents strong importance for its contents. Indicate relative importance by nesting strong elements; each strong element increases the importance of its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.


See the code in action.
<strong>Warning</strong>. This dungeon is dangerous. <strong>Avoid the ducks.</strong> Take any gold you find.

style

Home

The style element allows authors to embed style information in their documents. The style element is one of several inputs to the styling processing model. The element does not represent content for the user.


See the code in action.
<style>
article { width:640px; margin-bottom:10px; }
</style>

sub

Home

The sub element can be used inside a var element, for variables that have subscripts.


See the code in action.
<p>H<sub>2</sub>O is the chemical formula for water.</p>

summary

Home

The summary element represents a summary, caption, or legend for the rest of the contents of the summary element's parent details element, if any.


See the code in action.
<details>
<summary>More information </summary>
<p>Here is the source data that is discussed in the article...</p>
</details>

sup

Home

The sup element represents a superscript and the sub element represents a subscript.


See the code in action.
<p>Today is the 2<sup>nd</sup> of May.</p>

table

Home

The table element represents data with more than one dimension, in the form of a table. Tables must not be used as layout aids.


See the code in action.
<table>
<tr>
<th scope="col">fruit</th>
<th scope="col">vegetables</th>
<th scope="col">chicken</th>
<th scope="col">fish</th>
</tr>
<tr>
<td>5</td>
<td>10</td>
<td>15</td>
<td>20</td>
</tr>
</table>

tbody

Home

The tbody element represents a block of rows that consist of a body of data for the parent table element, if the tbody element has a parent and it is a table.


See the code in action.
<table>
<thead>
<tr>
<th scope="col">Header 1</th>
<th scope="col">Header 2</th>
<th scope="col">Header 3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
<td>Footer 3</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>

td

Home

The td element represents a data cell in a table.


See the code in action.
<table>
<tr>
<th scope="col">fruit</th>
<th scope="col">vegetables</th>
<th scope="col">chicken</th>
<th scope="col">fish</th>
</tr>
<tr>
<td>5</td>
<td>10</td>
<td>15</td>
<td>20</td>
</tr>
</table>

textarea

Home

The textarea element represents a multiline plain text edit control for the element's raw value. The contents of the control represent the control's default value.


See the code in action.
<form action="process.php">
<fieldset>
<legend>Contact us</legend>

<div>
<label for="name">Name:</label>
<input name="name" type="text" required>
</div>
<div>
<label for="email">Email:</label>
<input name="email" type="email" required>
</div>
<div>
<label for="message">Message:</label>
<textarea cols="50" rows="10"></textarea>
</div>
<div>
<input name="send" type="submit" value="Send">
</div>
</fieldset>
</form>

tfoot

Home

The tfoot element represents the block of rows that consist of the column summaries (footers) for the parent table element, if the tfoot element has a parent and it is a table.


See the code in action.
<table>
<tr>
<th scope="col">hue</th>
<th scope="col">saturation</th>
<th scope="col">lightness</th>
<th scope="col">alpha</th>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</table>

th

Home

The th element represents a header cell in a table.


See the code in action.
<table>
<tr>
<th scope="col">red</th>
<th scope="col">green</th>
<th scope="col">blue</th>
<th scope="col">alpha</th>
</tr>
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
<td>40</td>
</tr>
</table>

thead

Home

The thead element represents the block of rows that consist of the column labels (headers) for the parent table element, if the thead element has a parent and it is a table.


See the code in action.
<table>
<thead>
<tr>
<th scope="col">Header 1</th>
<th scope="col">Header 2</th>
<th scope="col">Header 3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer a</td>
<td>Footer b</td>
<td>Footer c</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
</table>

time

Home

Represents a precise date and/or time in the proleptic Gregorian calendar. The time element encodes modern dates and times in a machine-readable way, so that, for example, user agents could offer to add an event to the user's calendar.


See the code in action.
<time datetime="2007-08-29T13:58Z">
August 29th, 2007 at 13:58
</time>

title

Home

The title element represents the document's title or name. Authors should use titles that identify their documents even when they are used out of context, for example in a user's history or bookmarks, or in search results. The document's title is often different from its first heading, since the first heading does not have to stand alone when taken out of context.


See the code in action.
<!DOCTYPE html>
<html lang="en_us">
<head>
<meta charset="UTF-8">
<title>My Super-Duper Awesome Page</title>
<meta name="robots" content="index,follow" />
<link rel="stylesheet" href="css/style.css">
</head>

tr

Home

The tr element represents a row of cells in a table.


See the code in action.
<table>
<thead>
<tr>
<th scope="col">Header Bacon</th>
<th scope="col">Header Egg</th>
<th scope="col">Header Cheese</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer Hoagie</td>
<td>Footer Steak</td>
<td>Footer Hero</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</tbody>
</table>

track

Home

The track element allows authors to specify explicit external timed text tracks for media elements. It does not represent anything on its own.


See the code in action.
<video src="awesomeMovie.webm">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>

u

Home

The u element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation (when you are annotating something, but not explicitly saying what it is). Examples include indicating misspelt words, labeling proper names in traditional Chinese prose, or indicating a family name when the name’s order is non-western.


See the code in action.
<span itemscope itemtype="http://schema.org/Person" lang="ja-latn">
<u itemprop="familyName">Son</u> <span itemprop="givenName">Goku</span>
</span>

ul

Home

The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the list.


See the code in action.
<ul>
<li>Unordered List Item One</li>
<li>Unordered List Item Two</li>
</ul>

var

Home

The var element represents a variable. This could be an actual variable in a mathematical expression or programming context, or it could just be a term used as a placeholder in prose.


See the code in action.
<p><var>E</var> energy is equal to <var>m</var> mass multiplied by the <var>c</var> speed of light, squared.</p>

video

Home

Represents a video or movie.

Content may be nested inside the video element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy video plugin or to inform the user of how to access the video content.


See the code in action.
<video src="video.ogv" controls poster="poster.jpg" width="320" height="240">
<a href="video.ogv">Download song</a>
</video>

About

Home

This Application is considered as a reference and guide for Total Quality Management Roles and Concepts and The National Association for Health-care Quality is the official institution for the only accredited certification in the field of healthcare quality, the Certified Professional in Healthcare Quality® (CPHQ).This Application Developed By Mazenz.com Thank You!.


Prepared By:
Mazenz.com