Labels

Powered by Blogger.

Free HTML Software

Free HTML Software
Free HTML Software

Sunday, 1 December 2013

HTML - Meta Tag Description

HTML - Meta Tag Description

Search engines are the compasses of the web and help users navigate from site to site. Chances are, if you've used a search engine, you've probably seen the description meta tag in action.
Meta elements must be placed inside of the <head> element in order for them to be recognizable by web crawlers and bots. The <meta> tag generally requires the name and content attributes to be working together to present your web page in a good light.

HTML Code:

-------------- 
<head>
<meta name="description" content="Tizag contains webmaster tutorials." />
</head>
--------------- 
The description meta element allows the developer to summarize the content that can be found on the page and is often the first chance you'll have to attract visitors. These brief narratives and hooks are often the only opportunity you'll have to generate a lasting first impression.

HTML Code:

----------------- 
<head>
<meta name="keywords" content="keyword, key keywords, etc" />
</head>
---------------- 
Separate each phrase/word with a comma to create large lists. An example of the keywords meta tag for Tizag.com would go something like this:

HTML Code:

----------------- 
<head>
<meta name="keywords" content="HTML, XHTML, CSS, tutorials, tizag" />
</head>
----------------- 
Keep in mind that driving traffic and having your site listed high in the search engine rankings is not as easy as placing keywords inside your meta element. The phrase "Search Engine Optimization (SEO)" was coined to describe the rigorous process involved in achieving rankings in search engines. While meta tags do play a small role in this process, they are by no means a one-stop shop for your SEO needs.

HTML - Meta Tags and Meta Data

HTML - Embed Attributes

HTML - YouTube Videos

HTML - YouTube Videos

YouTube videos can be included in HTML documents, and Google offers the code to do so right on the same page as the video itself!
The code offered by YouTube includes a small handful of parameters that help customize the embedded video object, and if you dive deep enough into the code, you will be able to identify the <embed> element and see the src attribute pointing to the URL of the media file.

YouTube Video Code:

-------------------
<object width="425" height="344"><param name="movie" 
value="http://www.youtube.com/v/opVb89Cmrtkamp;hl=enamp;fs=1">
  </param><param name="allowFullScreen" value="true">
  </param><param name="allowscriptaccess" value="always"></param>
  <embed src="http://www.youtube.com/v/opVb89Cmrtk&hl=en&fs=1" 
type="application/x-shockwave-flash" allowscriptaccess="always" 
allowfullscreen="true" width="425" height="344">
  </embed>
</object>
-------------------

About HTML

About HTML

HyperText Markup Language (HTML) is the main markup language for creating web pages and other information that can be displayed in a web browser.
HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the web page content. HTML tags most commonly come in pairs like <h1> and</h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, further tags, comments and other types of text-based content.
The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.
HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages.
Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, e

Video files, including YouTube videos, are embedded into an HTML document using the <embed> tag. The src attribute defines what video file to embed into the page. The <embed> tag does not require a closing tag. Here is a look at the <embed> tag with a global URL. Notice that its controls, including Play, Stop, Pause, and volume, are already included.

-----------------------
<embed src="http://www.tizag.com/files/html/htmlexample.mpeg"
 autostart="false" />
---------------
 

HTML - Video Media Types

Flash (.swf) and MOV (.mov) file types are also supported by the <embed> tag.
  • .swf - Macromedia's Flash file types - very high compression, great for the web!.
  • .wmv - Microsoft's Window's Media Video file types - good quality, variable compression.
  • .mov - Apple's Quick Time Movie format - good quality, variable compression.
  • .mpeg - the accepted standard for web movie files created by the Moving Pictures Expert Group - good quality, variable compression.
The list above outlines some of the most common "internet-ready" video files. Macromedia's .swf and .mpeg formats may be the best options for use with the web because the high compression rate of these file types reduces file size and expedites the download/buffering periods for your page visitors.
You may also simply place the URL of your media files into the href attribute of an anchor  tag, much like the concept of "thumbnailing" images. 

HTML Code:

------------

<a href="http://www.tizag.com/pics/flash/motiontween1easy.swf">
motiontween1easy.swf</a>

 ------------

Flash Media:

motiontween1easy.swf