Tutorial007 | Digital Tips and Tricks | Mobile Solutions: Web Development

Showing posts with label Web Development. Show all posts

Wednesday 11 July 2018

Quiz Application using html

Quiz Application using HTML,CSS,JAVASCRIPT

In this post, we are going to develop quiz application using html and css as well as some bit of javaScript code.With the help of this post you will be able to develop quiz application easily whether you want to develop quiz application in hindi or english or any other application.So follow this post till the end .

At the end of this post you will found a video related to quiz application which are very useful and helpful for take reference.

One request from author of this blog is that video contain very useful information so give them rewards by SUBSCRIBE to the channel . So click on next link to SUBSCRIBE channel on YouTube.This channel contains mini project related to college,tutorial on different type of technology which are in hindi language and its very easy to understand to easy to get you through expert level.

For SUBSCRIBE channel click on SUBSCRIBE button : Click here to SUBSCRIBE

Here are the bit of source code of quiz application:

<!DOCTYPE HTML>

<html>

<head>

<title>Tech Talk Tricks</title>

</head>

<body>

<center><h1>Quiz Application by Tech Talk Tricks</h1></center>

<b>Question 1 .</b><br/>

He________________it.<br/>

<input type="radio" name="q1" value="doesn't like">doesn't like<br/>

<input type="radio" name="q1" value="doesn't likes">doesn't likes<br/>

</blockquote>

<hr/>

<b>Question 2 .</b><br/>

They________________here very often.<br/>

<input type="radio" name="q2" value="doesn't come">doesn't come<br/>

<input type="radio" name="q2" value="doesn't comes">doesn't comes<br/>

</blockquote>

<hr/>

<b>Question 3 .</b><br/>

John and marry________________twice a week.<br/>

<input type="radio" name="q3" value="comes">comes<br/>

<input type="radio" name="q3" value="coming">coming<br/>

</blockquote>

<hr/>

<b>Question 4 .</b><br/>

I________________mind it all.<br/>

*************

For further code and script please take reference of given video :

<iframe width="560" height="315" src="https://www.youtube.com/embed/fN_cbZF801E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Monday 14 August 2017

CSS Tutorial For Beginners CSS Image

CSS Image

In this post,we will learn about css image that how to insert image with the help of css script.

So image can be also inserted on webpage with the help of <img> tag in HTML document and you can also add image on your webpage with the help of css script.

Note : If you want to learn CSS in detail and deep so please visit to given link and SUBSCRIBE to our channel, where you will get videos related to HTML,CSS,JAVA,JAVASCRIPT,PL/SQL and many more different technology in easy and simple way of explaining technic.

If you want to add background image then you should use this kind of css script :

background-image: url(image_name.gif);

1. Here one thing should be note that if you have image in same folder where your html document exist then you should use css image insert technique as follow:

background-image: url(image_name.gif);

2. If you have image on seperate folder or any other location/path then you have to paste the location of your image inside url(image_path/image_name.jpg);

Example :
<html>
<head>
<style>
body{
background-image: url(image_path/image_name.gif);
}
</style>
</head>
<body>
<p>This is the main body<p>
</body>
</html>

For learn more in detail about CSS image insertion technique please watch the below video:
Don't forget to SUBSCRIBE please.

Saturday 29 July 2017

CSS Comment

In this current post we will learn about how to write comment in CSS.You can watch video at the end easily learn .

Note : CSS comment are used in the comment in html document.Which contech are inside comment section that document will be ignore by the browser interpreter.

You can add comment in the html document in following way:

Example :

Lets take a look in below given script.

<html>

<body>

<p>Hello World!!</p>

</body>

</html>

If you save and run the above script then you will see the only Hello World! will be visible on the browser .

This message will be invisible on browser will be invisible because here css comment are used . So the browser comment these line.

For look into detail example please watch below video :

Visit our YouTube Channel for more related video which will help you to learn easily and fastly.
Here are the rule or syntax for write comment in CSS :
For comment in CSS if we write anything between /* */ this,all text or anything will be ignored in CSS.
Suppose you want to describe document only for our understanding purpose and we want that it should be ignore in browser or invisible then we write as follows: /*This is comment demo session and written text will be invisible to entire webpage*/...
So,entire written text /**/ within will be ignored and not going to display over the webpage.

Navbar

Wednesday 11 July 2018

Quiz Application using html

Monday 14 August 2017

CSS Tutorial For Beginners CSS Image

Saturday 29 July 2017

CSS Comment

In this current post we will learn about how to write comment in CSS.You can watch video at the end easily learn .

Featured post

NZ vs SL

Contact Form