HTML a tag

The <a/a> tag defines a hyperlinks. it is used to link one page to another page. the important attribute of the anchor element is the href attribute. it indicates the link’s destination

It can be used in two ways:

1) to create link one webpage to another webpage using href attribute
2) to create a bookmark inside the document by using the id attribute

In the example that follows, the <a> tag difines a links.

<a href="http://www.tutorwebdesign.com">TutorWebDesign</a>

In the above code, href stands for ‘Hypertext refernce’ and http stand for ‘Hypertext transfer protocol’

output

by default, links will apperar as follows in the browsers:

An unvisited link is underlined and blue

a visited link is unerlined and purple

an active link is unerlined and red

Syntax

The basic syntax of the <a> tag is given with

HTMl: <a href="url">text</a>

Attribute

Value

Description

charset

charset

Specifies the character encoding of the linked resource.

coords

x,y coordinates

Specifies the position of the link on the screen.

download

filename

Specifies whether to download the linked resource instead of navigating to it, when the user clicks on the link.

href

URL

Specifies the location of the destination document or web resource (such as an image, PDF, or other media file).

hreflang

language-code

Specifies the language of the linked document. This attribute may only be used when href is specified.

media

media-query

Specifies the media for which the linked resource is designed.

name

text

Specifies the name of an anchor

rel

alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag

Describes the relationship between the document containing the hyperlink and the linked resource. This attribute should be used only if the href attribute is present.

rev

link-type

Describes the relationship of the linked document back to the source document (the opposite of the rel attribute).

shape

rect
circle
poly
default

Specifies the shape of the hotspot region i.e. selectable region for hyperlinks.

target

_blank
_parent
_self
_top
framename

Defines a target to open the linked resource specified in the href attribute.

type

content-type

Specifies the  content-type (MIME type) of the linked content–for example, "image/jpeg", "text/html" etc.

HTML5  Tags


HTML5  Tags

This section contains a complete list of standard tags in to the latest HTML5 and  Xhtml specifications. All the tags combined into categories.

 

Structural Tags

Tag

Description

<a>

Defines a hyperlink.

<article>

Defines an article.

<aside>

Defines some content loosely related to the page content.

<body>

Defines the body of the dacument.

<br>

single line break.

<details>

Represents a widget from which the user can obtain additional information 

<div>

To create  section in a document.

<h1> to <h6>

HTML headings.

<head>

the head portion of the document that contains information about the document.

<header>

header of a document or a section.

<hgroup>

 group of headings tags

<hr>

horizontal line.

<html>

root element of an HTML document.

<footer>

footer of a document or a section.

<nav>

navigation links.

<p>

paragraph.

<section>

section of a document, such as header, footer etc.

<span>

inline   section in a document.

<summary>

summary for the <details> element.

Metadata Tags

tag

Description

<base>

Defines the base URL for all linked objects on a page.

<link>

tag is used for defining a link to an external resource.

<meta>

Meta elements are tags used in HTML and XHTML documents to provide structured metadata about a Web page

<style>

Insert css files into head of webpage

<title>

Defines a title for the document.

Form Tags

<button>

 clickable button.

<datalist>

Represents a set of pre-defined options for an <input> element.

<fieldset>

Specifies a set of related form fields.

<form>

Defines an HTML form for user input.

<input>

Defines an input control.

<keygen>

Represents a control for generating a public-private key pair.

<label>

Defines a label for an <input> control.

<legend>

Defines a caption for a <fieldset> element.

<meter>

Represents a scalar measurement within a known range.

<optgroup>

Defines a group of related options in a selection list.

<option>

option in a select box.

<select>

Difines a select box

<textarea>

Defines a multi-line text   control .

Formatting Tags

Tag

Description

<abbr>

Defines an a shortened form of a longer word

<acronym>

An acronym must spell out another word.

<address>

Specifies the contact information for the author/owner

<b>

text in a bold style.

<bdi>

isolates a span of text that might be formatted in a different direction from other text outside it.

<bdo>

Overrides the current text direction.

<big>

displays text in a large size.

<blockquote>

Defines a long quotation.

<code>

Specifies text as computer code.

<del>

Specifies a block of deleted text.

<dfn>

Specifies a definition.

<em>

Specifies emphasized text.

 

 

<em>

Displays text in an italic style.

<ins>

Defines a block of text that has been inserted into a document.

<mark>

Represents text highlighted for reference purposes.

<output>

Represents the result of a calculation.

<pre>

Defines a block of preformatted text.

<progress>

Represents the completion progress of a task.

<q>

Defines a short inline quotation.

<rp>

Provides fall-back parenthesis for browsers that that don’t support ruby annotations.

<rt>

Defines the pronunciation of character presented in a ruby annotations.

<small>

Displays text in a smaller size.

<strong>

Indicate strongly emphasized text.

<sub>

Defines subscripted text.

<sup>

Defines superscripted text.

<u>

Obsolete Displays text with an underline.

List Tags

Tag

Description

<dd>

Specifies a definition for a term in a definition list.

<dir>

Defines a directory list.

<dl>

Defines a definition list.

<dt>

Defines a term (an item) in a definition list.

<li>

Defines a list item.

<ol>

Defines an ordered list.

<menu>

Represents a list of commands.

<ul>

Defines an unordered list.

Table Tags

<caption>

Defines the title of a table.

<col>

Defines attribute values for one or more columns in a table.

<colgroup>

Specifies attributes for multiple columns in a table.

<table>

Defines a data table.

<tbody>

Groups a set of rows defining the main body of the table data.

<td>

Defines a cell in a table.

<tfoot>

Groups a set of rows summarizing the columns of the table.

<thead>

Groups a set of rows that describes the column labels of a table.

<th>

Defines a header cell in a table.

<tr>

Defines a row of cells in a table.

Scripting Tags

Tag

Description

<noscript>

Defines alternative content to display when the browser doesn’t support scripting.

<script>

Places script in the document for client-side processing.

Embedded Content Tags

Tag

Description

<area>

Defines a specific area within an image map.

<audio>

Embeds a sound, or an audio stream in an HTML document.

<canvas>

Defines a region in the document, which can be used to draw graphics on the fly via scripting (usually JavaScript).

<embed>

Embeds external application, typically multimedia content like audio or video into an HTML document.

<figcaption>

Defines a caption or legend for a figure.

<figure>

Represents a figure illustrated as part of the document.

<frame>

Defines a single frame within a frameset.

<frameset>

Defines a collection of frames or other frameset.

<iframe>

Displays a URL in an inline frame.

<img>

Displays an inline image.

<map>

Defines a client-side image-map.

<noframes>

Defines an alternate content that displays in browsers that do not support frames.

<time>

Represents a time and/or date.

<video>

Embeds video content in an HTML document.


RECENT POSTS

Firefox CSS Hacks

admin
Wednesday, May 15th, 2019

Top 15 Web Design Trends 2018

admin
Friday, May 3rd, 2019