Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Html Email Links


An email link is just like a standard link, except that, instead of sending you to another page,
 the link opens the associated email application so you can email the individual directly.
Email links are especially useful for contact emails for individuals,
staff members on a company site, and customer service and support feedback.

Email links use the mailto: attribute along with the HRef attribute and the recipient's
email address to accomplish this function .

 The mailto: attribute to create an email link

<a href="mailto:test@example.com">email me</a>

If you'd like to make your link a little more user-friendly, you can also add a subject line
by following the email address with a question mark (?) and the subject attribute and value .


<a href="mailto:test@example.com?subject=Connect with our technician">email</a>


You'll want to consider accessibility features for your links as well, especially the title
 attribute and a description, and tabindex if the sequential order of links on a given page is
particularly important to your site visitors.

<a href="mailto:test@example.com?subject=Connect our technician" title="email regarding Connect"
 tabindex="3">email molly</a>

Adapting Your Site to Different Window Sizes

Modern browsers like Internet Explorer 10 support the width and height properties of the W3C Working Draft CSS Device Adaptation. This gives Web developers a simple tool to control automatic content scaling across various window dimensions. In particular, it enables sites to easily adapt to Windows 8 browsing on touch-enabled tablet devices in the snapped view and in portrait orientation.

All HTML Interview Questions And Answers

What is HTML?
Hyper Text Markup Language,which allows an individual special code to
create web pages to be viewed on the Internet.It’s the default markup language used for displaying web pages.

What is a DOCTYPE?
<!DOCTYPE> is used to inform the browser as to which version of HTML the current web page is using.
The doctype declaration refers to a Document Type Definition (DTD) which specifies the rules for the markup language,


What are meta tags and why it is used?
The <meta> tag always goes inside the head element. They can be used by browsers, search engines or other web services.


What is SPAN?
The SPAN having notation as:<SPAN> </SPAN>is used for highlighting text
of any color desired for adding colored text for adding background image to text.
 SPAN does not cause a line break.

 What is the format for commenting in a HTML document?
 <!-- comment here -->
 It must be noted that comments are not displayed in the browser and is visible only if we view the code.

 How can you make images clickable?
 image tag by the “a tag”.
 <a href=”http://test.com”>
 <img src=”http://test.com/some-image.jpg” alt=”some text” />
  </a>

what is Hyperlinks?
<a href="http://www.kumquat.com/archive.html">
Kumquat Archive</a>
The anchor (<a>) tag is the HTML/XHTML feature
for defining both the source and the destination of a hyperlink

What is <hr> Tag?
The <hr> tag tells the browser to insert a horizontal rule across the display window.

W3C node types

Node type Numeric type value Description
Element - Represents an element.
Attribute - Represents an attribute.
Text-3 Represents character data in an element or attribute.


HTML 4.01 and XHTML 1.0 and 1.1 standards

As defined in the HTML 4.01 and XHTML 1.0 and 1.1 standards, a <div> tag divides your document into separate, distinct sections. It may be used strictly as an organizational tool, without any sort of formatting

Html Core Attributes

Prior to HTML 4.0, few attributes could be used consistently for all the HTML tags. HTML 4.0 changed this, defining a set of 16 core attributes that you can apply to almost all the elements in both HTML 4.01 and XHTML 1.0. For brevity, we list these core attributes   table that follows:

Html Grammar

The rules are in alphabetical order. The starting rule for an entire document is named html_document.
a_content
::=
heading
 
|
text
a_tag
::=
<a>
   
{a_content}0
   
</a>
abbr_tag
::=
<abbr> text </abbr>
acronym_tag
::=
<acronym> text </acronym>
address_content
::=
p_tag
 
|
text
address_tag
::=
<address>
   
{address_content}0
   
</address>
applet_content
::=
{<param>}0
   
body_content
applet_tag
::=
<applet> applet_content </applet>
b_tag
::=
<b> text </b>
basefont_tag
::=
<basefont> body_content </basefont>
bdo_tag
::=
<bdo> text </bdo>
big_tag
::=
<big> text </big>
blink_tag
::=
<blink> text </blink>
block
::=
{block_content}0
block_content
::=
<isindex>
 
|
basefont_tag
 
|
blockquote_tag
 
|
center_tag
 
|
dir_tag
 
|
div_tag
 
|
dl_tag
 
|
form_tag
 
|
listing_tag
 
|
menu_tag
 
|
multicol_tag
     
 
|
nobr_tag
 
|
ol_tag
 
|
p_tag
 
|
pre_tag
 
|
table_tag
 
|
ul_tag
 
|
xmp_tag
blockquote_tag
::=
<blockquote> body_content </blockquote>
body_content
::=
<bgsound>
 
|
<hr>
 
|
address_tag
 
|
block
 
|
del_tag
 
|
heading
 
|
ins_tag
 
|
layer_tag
 
|
map_tag
 
|
marquee_tag
 
|
text
body_tag
::=
<body>
   
{body_content}0
   
</body>
caption_tag
::=
<caption> body_content </caption>
center_tag
::=
<center> body_content </center>
cite_tag
::=
<cite> text </cite>
code_tag
::=
<code> text </code>
colgroup_content
::=
{<col>}0
colgroup_tag
::=
<colgroup>
   
colgroup_content
content_style
::=
abbr_tag
 
|
acronym_tag
 
|
cite_tag
 
|
code_tag
 
|
dfn_tag
 
|
em_tag
 
|
kbd_tag
 
|
q_tag
 
|
strong_tag
 
|
var_tag
dd_tag
::=
<dd> flow </dd>
del_tag
::=
<del> flow </del>
dfn_tag
::=
<dfn> text </dfn>
dir_tag[b]
::=
<dir>
   
{li_tag}
   
</dir>
div_tag
::=
<div> body_content </div>
dl_content
::=
dt_tag dd_tag
dl_tag
::=
<dl>
   
{dl_content}
   
</dl>
dt_tag
::=
<dt>
   
text
   
</dt>
em_tag
::=
<em> text </em>
fieldset_tag
::=
<fieldset>
   
[legend_tag]
   
{form_content}0
   
</fieldset>
flow
::=
{flow_content}0
flow_content
::=
block
 
|
text
font_tag
::=
<font> style_text </font>
form_content[c]
::=
<input>
 
|
<keygen>
 
|
body_content
 
|
fieldset_tag
 
|
label_tag
 
|
select_tag
 
|
textarea_tag
form_tag
::=
<form>
   
{form_content}0
   
</form>
frameset_content
::=
<frame>
 
|
noframes_tag
frameset_tag
::=
<frameset>
   
{frameset_content}0
   
</frameset>
h1_tag
::=
<h1> text </h1>
h2_tag
::=
<h2> text </h2>
h3_tag
::=
<h3> text </h3>
h4_tag
::=
<h4> text </h4>
h5_tag
::=
<h5> text </h5>
     
h6_tag
::=
<h6> text </h6>
head_content
::=
<base>
 
|
<isindex>
 
|
<link>
 
|
<meta>
 
|
<nextid>
 
|
style_tag
 
|
title_tag
head_tag
::=
<head>
   
{head_content}0
   
</head>
heading
::=
h1_tag
 
|
h2_tag
 
|
h3_tag
 
|
h4_tag
 
|
h5_tag
 
|
h6_tag
html_content
::=
head_tag body_tag
 
|
head_tag frameset_tag
html_document
::=
html_tag
html_tag
::=
<html> html_content </html>
i_tag
::=
<i> text </i>
ilayer_tag
::=
<ilayer> body_content </ilayer>
ins_tag
::=
<ins> flow </ins>
kbd_tag
::=
<kbd> text </kbd>
label_content[d]
::=
<input>
 
|
body_content
 
|
select_tag
 
|
textarea_tag
label_tag
::=
<label>
   
{label_content}0
   
</label>
layer_tag
::=
<layer> body_content </layer>
legend_tag
::=
<legend> text </legend>
li_tag
::=
<li> flow </li>
listing_tag
::=
<listing> literal_text </listing>
map_content
::=
{<area>}0
map_tag
::=
<map> map_content </map>
marquee_tag
::=
<marquee> style_text </marquee>
menu_tag[e]
::=
<menu>
   
{li_tag}0
   
</menu>
multicol_tag
::=
<multicol> body_content </multicol>
nobr_tag
::=
<nobr> text </nobr>
noembed_tag
::=
<noembed> text </noembed>
noframes_tag
::=
<noframes>
   
{body_content}0
   
</noframes>
noscript_tag
::=
<noscript> text </noscript>
object_content
::=
{<param>}0
   
body_content
object_tag
::=
<object> object_content </object>
ol_tag
::=
<ol>
   
{li_tag}
   
</ol>
optgroup_tag
::=
<optgroup>
   
{option_tag}0
   
</optgroup>
option_tag
::=
<option> plain_text </option>
p_tag
::=
<p> text </p>
physical_style
::=
b_tag
 
|
bdo_tag
 
|
big_tag
 
|
blink_tag
 
|
font_tag
 
|
i_tag
 
|
s_tag
 
|
small_tag
 
|
span_tag
 
|
strike_tag
 
|
sub_tag
 
|
sup_tag
 
|
tt_tag
 
|
u_tag
pre_content
::=
<br>
 
|
<hr>
 
|
a_tag
 
|
style_text
pre_tag
::=
<pre>
   
{pre_content}0
   
</pre>
q_tag
::=
<q> text </q>
s_tag
::=
<s> text </s>
samp_tag
::=
<samp> text </samp>
script_tag[f]
::=
<script> plain_text </script>
select_content
::=
optgroup_tag
 
|
option_tag
select_tag
::=
<select>
   
{select_content}0
   
</select>
server_tag [g]
::=
<server> plain_text </server>
small_tag
::=
<small> text </small>
span_tag
::=
<span> text </span>
strike_tag
::=
<strike> text </strike>
strong_tag
::=
<strong> text </strong>
style_tag
::=
<style> plain_text </style>
sub_tag
::=
<sub> text </sub>
sup_tag
::=
<sup> text </sup>
table_cell
::=
td_tag
 
|
th_tag
table_content
::=
<tbody>
 
|
<tfoot>
 
|
<thead>
 
|
tr_tag
table_tag
::=
<table>
   
[caption_tag]
   
{colgroup_tag}0
   
{table_content}0
   
</table>
td_tag
::=
<td> body_content </td>
text
::=
{text_content}0
text_content
::=
<br>
 
|
<embed>
 
|
<iframe>
 
|
<img>
 
|
<spacer>
 
|
<wbr>
 
|
a_tag
 
|
applet_tag
 
|
content_style
 
|
ilayer_tag
 
|
noembed_tag
 
|
noscript_tag
     
 
|
object_tag
 
|
physical_style
 
|
plain_text
textarea_tag
::=
<textarea> plain_text </textarea>
th_tag
::=
<th> body_content </th>
title_tag
::=
<title> plain_text </title>
tr_tag
::=
<tr>
   
{table_cell}0
   
</tr>
tt_tag
::=
<tt> text </tt>
u_tag
::=
<u> text </u>
ul_tag
::=
<ul>
   
{li_tag}
   
</ul>
var_tag
::=
<var> text </var>
xmp_tag
::=
<xmp> literal_text </xmp>