Programming Tutorial

Thursday, August 31, 2017

Flash Addition Tags

Flash Addition

One of the most interesting elements of the Flash Animation Web site. Attractive navigation bars, banners, buttons, etc. to add animation of the flashers, such as make the interface of the web site attractive, along with the site become friendly. Animated animation (SWF) file can be easily added like audio and video using the <embed> tag on the page made by HTML.

Preparation
You need to have a folder called flash in the desktop, save a video file named flash.swf.
Practicing Project
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body>
<Center>
<Embed src = "flash.swf" width = "250" height = "240">
</ Embed>
</ Center>
</ Body>
</ Html>

Open a Notepad in the Flash folder by typing the code above and then clicking Save as from the file menu, File name: index.html, Save as type: Save all files, save index.html file with Mozilla Firefox Appears as shown picture.

Project Analysis
<Embed> tag is used to add floss.
<Embed src = "flash.swf" width = "250" height = "240">
</ Embed>

Src = "flash.swf" src = "............" In this, the links to the Flash file are added.

Width = "250" height = "240", the size of the flash animation displayed in the browser is determined.

Instructions:
Instructions: If the Flash Animation is not displayed on the web page, then install the plug-ins as per the Flash Player or browser's instructions.

Video Tags

Video Addition

Video is the most suitable medium for the presentation of the actual event that took place. Currently the video is not only the means of expressing people's entertainment and real events but it has become one of the primary means of education.

A number of educational web sites publish new tutorials on different topics as well as video tutorials on a daily basis. Which is not only creating opportunities for people to learn and learn from any part of the world, but also plays an important role in spreading education through creating open platforms for discussion and discussion. The page made by HTML can be easily embedded and controlled by using <embed> tags.

Preparation
You should take a video named folder in the desktop and keep a video file saved in video.wmv.
Practicing Project
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body>
<P>
<Center>
<Embed src = "video.wmv" width = "344" height = "300"
Autostart = "false" controller = "true" loop = "false">
</ Embed>
<H3 style = "color: # F00"> Click the play button and enjoy video. </ H3>
</ Center>
</ P>
</ Body>
</ Html>

Appears as shown picture.

Project Analysis
The <embed> tag is used to add the video.
<Embed src = "video.wmv" width = "344" height = "300"
Autostart = "false" controller = "true">
</ Embed>

Src = "video.wmv" src = "............" In this, the link to the video file is added.

Height = "344" width = "300" sets the size of the video player displayed in the browser.

The controller = "true" specifies whether to display the video player on the web page. If the controller = "......... .." is written in true then the video player will appear and the video player will not be displayed if false.

Loop = "false", the video file will not play once and it will be directed repeatedly in the form of the loop. Since false is written; So play it once.

By autostart = "false", the video file will play with autoplay as soon as the web page is loaded, or the video player will play it after clicking on the play button. Since false is written; So it will not be autoplay, the video player will play after clicking on the play button.

Instructions:
If the audio player is not displayed on the web page, then install the necessary plugins according to the browser's instructions.

Audio Tags

Audio Addition
In case of presentation, text and images, as well as audio-video, it becomes more vivid. This work can be done as well through web media and it is not possible through any other media. Easily create and control audio files using the <embed> tag on the page created by HTML.

Preparation
The desktop should take an audio name folder and save an audio file saved in the audio.mp3 file.
Practicing Project
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body>
<P>
<Center>
<Embed src = "audio.mp3" height = "35" width = "300"
Controller = "true" loop = "false" autostart = "false">
</ Embed>
<H3 style = "color: # F00"> Click play button and enjoy music. </ H3>
</ Center>
</ P>
</ Body>
</ Html>

Open a notepad in the audio folder created in the desktop by typing the code above and then clicking on Save as from the file menu, save as file name: index.html, Save as type: All files, save index.html file with Mozilla Firefox Appears as shown picture.

Project Analysis
<Embed> tag is used to add audio.
<Embed src = "audio.mp3" height = "35" width = "300"
Controller = "true" loop = "false" autostart = "false">
</ Embed>

Src = "audio.mp3" here src = "............." In this, the link to the audio file was added.

Height = "35" width = "300" sets the size of the audio player displayed in the browser.

The controller = "true" specifies whether the audio player should be displayed on the web page. If the controller = "......... .." is true then the audio player will be displayed and the audio player will not be displayed if false.

Through the loop = "false", the command will be played repeatedly in the form of the loop as the audio file does not play once. Since false is written; So play it once.

By autostart = "false", the audio file will be played as autoplay as soon as the web page is loaded, nor will it be directed to the audio player when the play button is clicked. Since false is written; So it will not be autoplay, audio player will play after clicking on the play button.

Instructions:
If the audio player is not displayed on the web page, then install the QuickTime Player or install the plugin plugins as per the browser's instructions.

Script Tag

Script

HTML is not a programming language. So, on web pages, various scripting languages are used to add programming features, such as JavaScript, Jquery etc. Through this, it is possible to do a variety of interesting and important tasks, including displaying local time on web page, displaying time date, browser identification, time and events, to show users a special message.

To add scripts to JavaScript, Jquery etc., the HTML <script> </ script> tag is used. Such as
<Script type = "text / javascript" src = "jquery.js"> </ script>
<Script type = "text / javascript" src = "sliding_effect.js"> </ script>

Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
<Script type = "text / javascript">
Function show_alert ()
{
Alert ("Welcome to www.tutohost.com");
}
</ Script>
</ Head>
<Body bgcolor = "# 009933">
<Input type = "button" style = "margin-left: 150px; width: 100px; height: 50px; font-size: 18px; color: # F00" onclick = "show_alert ()" value = "Click Me" />
</ Body>
</ Html>

Open a Notepad and by typing the code above and clicking Save as from the file menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox and look like the image shown below.

If click on the Click Me button, you will see the welcome to www.tutohost.com in an alert box.

Meta Keyword

Meta

A web site is popular only when it comes to the needs of the person and anyone can search the site easily by searching engine. The web programmer's work is called search engine optimization because a web page can easily find a search engine. Search engine optimization is an important issue for any web site. This important task is done using the meta tag on the web page.

Http://www.tutohost.com/bangla/html/2.php The page is written in Meta Tags ....

<Meta name = "description" content = "The simple way to write HTML programs and the primary one and the general tags will be discussed." />

<Meta name = "keywords" content = "writing HTML program, html bangla tutorial" />

Google is a popular search engine known to all of us. If http://www.tutohost.com/bangla/html/2.php is searched using Google search engine then it will come like a picture below.

First, the title of the page, then the link and the next "General method of writing the HTML program and the initial one project and the general tags will be discussed."

Which is <meta name = "description" content = "..........................................". /> Has been written in.

<Meta name = "keywords" content = "..........................................." /> Is written in the "HTML program written, html bangla tutorial" and it is called ward.
When we search a search engine by typing a sentence, the search engine breaks the sentence and divides it into multiple keywords. So what is the key to finding a web page in search engine search engine. This is the time to create a page via HTML
<Meta name = "keywords" content = "..........................................." />
Possible keywords are added.

<Meta name = "author" content = "infinite kumar" />
<Meta name = "author" content = "..............." /> is used to submit the author's name to the search engine.

Meta tags are also used to refresh web pages.
<META HTTP-EQUIV = "REFRESH" CONTENT = "15; URL = http: //www.tutohost.com">
Using the above code, http://www.tutohost.com page refreshes once every 15 seconds.

Head Elements

Head Element

Head tag or <head> and head element are an important part of any HTML page. Because <head> .... </ Head> means all important tags are placed in <title> <link> <meta> <style> <script> as the head element. Through these, there are many important information related to pages in the browser, as well as important tasks like search engine optimization.

Title
The <title> </ title> tag is used to display the title of the page in the title bar of the browser.
<Title> Our HTML Tutorials </ title>
The above code shows the "Our HTML Tutorials" in the title bar of the browser.

Link
<Link> </ link> is used to link to CSS style sitelinks.
<Link rel = "stylesheet" type = "text / css" href = "styles.css" />

Meta Elements
Meta Search engine makes important work for optimumization. It will be discussed in detail in this post.

Style
The <style> </ style> tag is used to use the inner style seat. Such as

<Head>
<Style type = "text / css">
Body {background-color: red;}
P {margin-left: 20px;
Font-weight: bold;
Color: # 006; }
</ Style>
</ Head>

Script
<Script> </ script> tags are used to add scripts to JavaScript, Jquery etc. Such as

<Script type = "text / javascript" src = "jquery.js"> </ script>
<Script type = "text / javascript" src = "sliding_effect.js"> </ script>
Example Programs
Download the source file from the following link, Extract it, open the index.html file with Mozilla Firefox and look like the image shown below. And the title of our HTML tutorial will appear in the title bar of the browser.

HTML CSS

CSS

At present, the structure of the web page is created with HTML, the design is created by CSS, and the text is stored in the database. Therefore, CSS's role is very important to make the page attractive as well as to make it more useful. CSS can be added in three ways on the page created by HTML.

1. External Style Sheet
2. Internal Style Sheet
3. Inline Style Sheet

External Style Seat
In this process, HTML files and CSS style seats are placed in two separate seats. And in the following way the link between HTML's <head> </ head> tag is created.
<Head>
<Link rel = "stylesheet" type = "text / css" href = "http://tutohost.com/bangla/style.css">
</ Head>

Internal Style Seat
In this method HTML and CSS styles are placed in the <head> </ head> tag in the same seat. This is why the <style> </ style> tag is used in the following way.
<Head>
<Style type = "text / css">
Body {background-color: red;}
P {margin-left: 20px;
Font-weight: bold;
Color: # 006; }
</ Style>
</ Head>
Inline Style Seat
In this process, CSS style is included in each HTML tag. For this reason, style attributes are used in the following ways.
<P style = "margin-left: 120px; font-weight: bold; color: # 060;">

Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
<Link rel = "stylesheet" type = "text / css" href = "http://tutohost.com/bangla/style.css">
<Style>
Body {background: green; Font-family: verdana; Font-size: 15px;}
H3 {font-size: 25px; Font-family: Tahoma; Color: red;}
</ Style>
</ Head>
<Body>
This is a paragraph
<br />
<H3>
Bangladesh is a beautiful country
</ H3>
<P style = "color: # 600">
This is a paragraph This is a paragraph. <br />
This is a paragraph This is a paragraph. <br />
This is a paragraph This is a paragraph. <br />
This is a paragraph This is a paragraph. <br />
This is a paragraph This is a paragraph. <br />
</ P>
</ Body>
</ Html>
Open a Notepad and by typing the code above and clicking Save as from the file menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox and look like the image shown below.