.OnlineGuruji

.OnlineGuruji

Provides E-Notes,Video Tutorials And Download Links For Students In hindi

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

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

Breaking

Ramchandicollege Saraipali

Technology Jobs

OnlineGuru Blog मे आपका स्वागत है ब्लॉग से संबन्धित जानकारी के लिए संपर्क करें मो ॰ नम ।-9826026747(सपन कुमार दास) अपने विषय से संबन्धित अपडेट प्राप्त करने के लिए ब्लॉग पे दिये गए Bell Icon को press करें कम्प्युटर,Science,English Grammer से संबन्धित विषय की अधिक जानकारी के लिए हमारे ब्लॉग अथवा यू ट्यूब चैनल को सब्क्राइब करे ..

Wednesday, May 27, 2020

By on 1 comment:
Tags:
By on No comments:
Tags:
By on No comments:
Tags:
By on No comments:
Tags:
May 27, 2020

Core Event Attribute in HTML-e-Notes

Question – What is Website ? Explain Website design Issue .   

What is Website :- बहुत सारे Webpages के Collection को Webstie कहा जाता है । हर  Webpage में कुछ ना कुछ Information होता है  तथा Website को बनाते है Update करते है Plan  करते है तो उसे हम Web designing कहते है । जैसे - एक Builder को Building बनाना होता है उसी प्रकार ॅWeb designer का काम  Website बनाना होता है ।

Web Designing  के दो भाग होते है - 

      1-Front End Web design

              2- Back End Web developer


1-       Front End Web Design :-

जब हम किसी भी Website को खोलते है तो हमारे सामने जो भी बना आता है वो सब Front End designer का काम होता है। Front End Web Designing से हमारा मकसद सिर्फ website को सुन्‍दर बनाना ही नही होता, web designing के द्वारा हमें ये भी ध्‍यान रखना होता है कि कौन सी चीज कहॉं जुडे जिससे हमारी website पर आने वाले visitor को कोई दिक्‍कत ना हो।अगर हम इसे एक Car से compare करे तो Front End designer का काम गाड़ी को सुन्‍दर बनाना है, गाड़ी के engine से उसका कोई मतलब नही है, गाड़ी के अन्‍दर की बैटरी Engine वो सब Back End Developer का काम है।

2-       Back End Web Design :-

Back End के द्वारा Website को बनाया जाता है और program  किया जाता है यह Visitor को नहीं दिखाई देता है लेकिन All

Work Back End पर किया जाता है । 

Webpage में Use होने वाले Tools:-

1-       Designing Tools :-

a.        Photoshop

b.        Corel Draw

2-       Coding Text Editors :-

a.        Notepad++

b.        Dreamweaver

3-       Web Browser :-

a.        Google Chrome

b.        Internet Explorer

c.        Mozilla Firefox

d.        Safari

4-       Web Designing Requirement

a.        HTML

b.        CSS

c.        Java Script  

Types of Website :-

1-       Static Web page

2-       Dynamic Webpage


Question – What is Core Event Attribute?

Core Attributes :-

Core Event  उस Event कहा जाता है जिसके द्वारा कोई Work Perform  किया जाता है जैसे - किसी user के द्वारा Form को Submission करना , Page को Up करना , Page को Down करना , Page को Scroll करना EtcCore Event Javascript  के द्वारा Handel किया जाता है ।


Core Event –

1-       1-Click Event   – Onclick Event

2-    2-   Double-click Event - Ondblclick Event

3-     3-  Mouse Enter Event - Onmounseenter Event

4-     4-  Mouse Up Even   - Onmouseup Event

1.     Click Event –( Onclick Event )- इसके द्वारा click करने पर Event Execute होगा ।

        2.     DoubleClick Event –( Ondblclick Event )- इसके द्वारा Double click  करने पर Event Execute होगा ।

        3.     Mouse Enter Event –( Onmounseenter Event )- इसके द्वारा Button  पर जाने से  Event Execute  होगा ।

        4.     MouseUp Event –( Onmouseup Event )- इसके द्वारा Button पर जाने के बाद उस Button  से आने पर  Event Execute होगा ।

Coding Program :-

<html>

<head>

<script>

function college()

{

alert("work is complete");

}

</script>

<body >

<button onclick="college()">click me</button>

<button ondblclick="college()">dblclick</button>

<button onmouseenter="college()">mouseenter</button>

<button onmouseout="college()">mouseout</button>

</body>

</html>

                Output :-


Click me esa Click djus ij bl izdkj ls Output vk;sxk A 





0
By on No comments:
Tags:
May 27, 2020

Table Tag in Html

Question :- Explain Table Tag in Html . Write the coding to create the  following Table in HTML.



 



Table :-. किसी webpage पर table create  करने की लिए <table> की आवष्यकता होती है । इसमें all text table के अंदर ही लिखा जाता है । 

Table को हम <table> के through define करते हैं । एक table line में <tr> tag की help  से divide   होती है और प्रत्येक line data cell में <td> की help  से होती divide  होती है । <td> table data  के लिए use हुआ है जो कि एक data cell के लिए contents है ।

एक data cell text , image ,list , paragraph ect  रख सकता है । 

 Tables Coding :-

<html>

<head>

<title>table</title>

</head>

<body>

<table border="2"bordercolor=”green”>

<td>S.NO.</td>

<td>Pro.name</td>

<td>Rate</td>

</tr>

<tr>

<td >001</td>

<td>Mobile</td>

<td rowspan="2">500</td>

</tr>

<tr >

<td>002</td>

<td>Cabel</td>

</tr>

<tr>

<td>003</td>

<td>Ram</td>

<td>700</td>

</tr>

<tr >

<td colspan="2">Total</td>

<td>1200</td>

</tr>

</table>

</body>

</html>

Attribute of Table :-

1- Tr

2- Td

3- Th

4- Rowspan

5- Colspan

6- Border

7- Border Color

8- Bgcolor

9- Background

10- Width & Height

11- Cellspacing

12- Cellpadding

13- Border Frame

14- Align

15- Valign

16- Caption

 Table In Body using Tag :-

1- TR ( Table Row ) –इसका पूरा नाम Table Row होता है इसका प्रयोग Table के Row  को display करने के लिये किया जाता है

1-    TD (Table Data ) –इसका पूरा नाम Table Data होता है इसका प्रयोग Table के Data को रखने के लिये किया जाता है । 

3- TH (Table Heading ) –

इसका पूरा नामTable Heading होता है इस Option  का प्रयोग Table  के Field में  Heading बनाने के लिये करते है । 

4- Rowspan –

इस ।Attribute  की help  से हम एक से अधिक rows को merge कर सकते हैं ।  

Syntax :- < td rowspan= “2”>






5-Colspan –

इस ।Attribute  की help  से हम एक से अधिक Column  को merge कर सकते हैं ।  

Syntax :- < td colspan= “2”>


Table Section In using Tag :-

6- Border – Table में Border Set करने के लिये इसका प्रयोग करते है ।

Syntax :- <table border = “2” >

7-Border color – Table में Border color  को set करने के लिये इसका प्रयोग करते है ।

Syntax :- <table bordercolor = “green” >

8-Bgcolor – Table में background को color  करने के लिये bgcolor  का नेम  किया जाता है ।

Syntax :- < Table bgcolor = “green”>

9-Background – इसका use table के Background में image and wallpaper set करने के लिए किया जाता है ।

Syntax :-     < Table background = “URL”>

10-Width & Height  –

इन दोनों attribute का use table  की size set  करने के लिए किया जाता है इसके लिए , absolute value , pixel and relative value का use कर सकते है।

Syntax :-     < table width= “50%”>

                   < table height= “30%”>

  11- Cell padding  –

इसका use किसी cell के अंदर ही space देने के लिए किया जाता है ।

Syntax :-     < table cellpadding= “2”>


12- Cellspacing –

इसका use 2 cell  के बीच में space देने के लिए किया जाता है । Table के अंदर coding किया जाता है । 

Syntax :- < table cellspacing = “4”>





13- Border Frame    –इसका use Border पर फ्रेम डिजाईन करने के लिये किया जाता है फ्रेम निम्न प्रकार से होते है 

1-     Box 

2-     Above

3-     Below

Syntax :- <Table border Frame= “above”>

 TR In using Tag :-

14-Align – (Alignment)                     

इसका use table data or contents  को align  करने के लिए किया जाता है । 

जैसे -  left , right  or center .

Syntax :- < tr align = “center”>

   15- Valign (Vertical Align)   –

इसका  use data  को  top middle and bottom alignment  में set  कर सकते है । 

Syntax :- < tr valign= “bottom”>

Top Section In using Tag :-

  16- Caption   –

इसका use table  के लिए title  देने के लिए किया जाता है इसे हम table के top में and bottom  दोनों में दे सकते है ।

Syntax :-< caption> RAMCHANDI COLLEGE SARAIPALI </caption>


0
By on No comments:
Tags:
May 27, 2020

Image Map Tag In HTML

Question :- What is image map tag ? Explain

Answer :-

What is IMAGE Map tag

Image Map को Navigational Tool के रूप में use किया जाता है अर्थात् जैसे ही कोई User Image   पर Click करता है तो वह स्वतः ही किसी अन्य संबंधित page पर पहुॅच जाता है । दूसरे शब्दों में कह सकते  है कि Image Map किसी Image के अंदर ही Image को Show कराने में  help provide कराता है । html मे map tag का use image  को map  करने के लिए किया जाता है | इसमें दंउम  name attribute  काuse image tag  मे किया जाता है ताकि image  का किया हुआ मैपिंग आसानी से use  किया जा सके |

Image Map Attribute :-

Area tagHTML  मे Area Tag  का use  image  को map  करने के लिए किया जाता है | और image के अन्दर जितना बार ares tag  का use  किया जायेगा उतना बार हमारा image map होगा यानी जितना बार हम area tag  का use  करेंगे उतना बार हमारे image  के ऊपर link  बनेगी |

Shape Attribute

shape attribute  का use link का shape बनाने के लिए किया जाया है यानी हमारे link का shape कैसा होगा इसे हम shape attribute  के अन्दर define  करते है

यह दो प्रकार के होते है -

1.Circle- इस value का use circle draw करने के लिए किया जाता है यानी हमारा link  circle के shape मे draw होगा |

2.Rect- इस value का use  rectangular draw करने के लिए किया जाता है यानी हमारा link rectangular  के shape मे draw होगा |

 

Coords Attribute

इस attribute के अन्दर mapping किये हुए image का value देते है और इसे हम coordinate भी कहते है | हर coordinate के बाद हमे एक (,) से सेप्रेट करना पड़ता है | ms paint के  द्वारा उस Value को Define कर सकते है ।

href attribute

इस attribute का use file का path देने के लिए किया जाता है यानी link पर click होने के बाद कौन सा page open  होगा इसे हम href के अन्दर define करते है |

CODING :-

<html>

<body>

<img usemap="#gkmap"src="cgmap.png"border="3">

<MAP name ="gkmap">

<AREA shape="circle" coords="270,280,10" href="msdmap.jpg">

<AREA shape="circle" coords="298,281,10" href="raipurmap.jpg">

<AREA shape="circle" coords="287,276,10" href="bilaspurmap.png">

</MAP> </body> </html>









Mahasamund Section पर Click करने से उसका Output इस प्रकार से आयेगा -






0
By on No comments:
Tags: