#table tag html in hindi | Explore Tumblr Posts and Blogs

todaybharatnews · 4 years

Link

via Today Bharat The Lok Sabha passed the Salary, Allowances and Pension of Members of Parliament (Amendment) Bill, 2020, to reduce for one year the salaries of MPs by 30 per cent "to meet the exigencies" arising out of the Covid-19 pandemic. Union Defence Minister Rajnath Singh addressing the Lok Sabha on the border tensions between India and China border On the second day of the Monsoon Session of the Parliament, Union Defence Minister Rajnath Singh briefed the Lok Sabha on the situation along the India-China border even as Congress MPs staged a walkout and held a protest in the Parliament House complex after they were not allowed to speak on the issue. While Singh admitted the border issue in eastern Ladakh with China remained unsolved, he said the armed forces were determined to protect India’s sovereignty and territorial integrity. The Lok Sabha passed the Salary, Allowances and Pension of Members of Parliament (Amendment) Bill, 2020, to reduce for one year the salaries of MPs by 30 per cent “to meet the exigencies” arising out of the Covid-19 pandemic. Besides, the Lower House saw intense discussions a host of other issues, ranging from the drug probe in film industry to farm schemes. In Rajya Sabha, the Aircraft (Amendment) Bill, 2020 was passed. The Bill seeks to improve India’s aviation safety ratings and provide statutory status to regulatory institutions, including the Directorate General of Civil Aviation (DGCA). Besides, the Upper House also saw Union Health Minister Harsh Vardhan introducing ‘The Institute of Teaching and Research in Ayurveda Bill, 2020, and making a statement on the Covid-19 situation in the country. Rajnath Singh: China has mobilised troops, weapons on LAC, violated all bilateral agreements Defence Minister Rajnath Singh Tuesday told the Parliament that China had mobilised large number of troops, weapons and ammunition on the Line of Actual control in Eastern Ladakh, violating all bilateral agreements in the process. He also said while India wanted a peaceful resolution to the current crisis, it was ready for all situations. Addressing the Lok Sabha on the issue of standoff with Chinese forces in Ladakh, Singh said, “According to the current situation, China has mobilised a large number of troops and armaments along the LAC as well as in the depth areas. There are several frictions areas in Eastern Ladakh including Gogra, Kongka La and North and south Banks of Pangong Tso. In response, our forces have made appropriate counter deployments in these areas, so that India’s security interests can be fully protected.” Singh said through its provocative, violent and aggressive actions since April-May, China had violated all bilateral agreements to maintain peace and tranquillity on the borders. The defence minister assured the house that the armed forces would face the current challenge successfully. “As we all know earlier too there have been standoffs which were resolved peacefully. Although, this year it is different, still we are committed to peaceful resolution. But I want to tell the house we are ready to face all situations,” Singh said. Meanwhile, Congress MPs staged a walkout of the Lok Sabha and held a protest in front the Mahatma Gandhi statue on not being allowed to speak on the Sino-India border issue. Earlier, during the Business Advisory Committee meeting, Congress had demanded a discussion on the issue of stand-off between China and India in Eastern Ladakh. The government, however, declined to honour it citing sensitivity of the issue. Rajya Sabha passes Aircraft (Amendment) Bill, 2020 The Parliament passed the Aircraft (Amendment) Bill, 2020, that seeks to improve India’s aviation safety ratings and provide statutory status to regulatory institutions, including the Directorate General of Civil Aviation (DGCA). The Bill, which provides for statutory backing to the DGCA, the Bureau of Civil Aviation Security (BCAS) and the Aircraft Accident Investigation Bureau (AAIB), was passed by a voice vote in Rajya Sabha. The bill, which was passed in Lok Sabha on March 17 also entails to increase the fine for violations from Rs 10 lakh to Rs 1 crore. Lok Sabha passes bill to cut salaries of MPs by 30 per cent Lok Sabha on Tuesday passed the Salary, Allowances and Pension of Members of Parliament (Amendment) Bill, 2020, that seeks to reduce for one year the salaries of MPs by 30 per cent. It will replace the Salary, Allowances And Pension of Members of Parliament (Amendment) Ordinance, 2020. Replying to the debate on the bill, Parliamentary Affairs Minister Pralhad Joshi said that funds are needed to fight the COVID-19 pandemic and “charity should begin from home”. The Congress and other opposition parties in Lok Sabha demanded the restoration of MPLADS funds even as they supported the government’s decision to cut the salaries of members of Parliament. Jaya Bachchan slams those vilifying Bollywood Speaking in Rajya Sabha, veteran actor and Samajwadi Party MP Jaya Bachchan charged that the film industry was being defamed and slammed those from the entertainment industry indulging in it, saying they were “biting the hands that feed them”. Though Bachchan did not take any names, her remarks come a day after BJP’s Lok Sabha MP and Bhojpuri actor Ravi Kishan said there was problem of drug addiction in the film industry and also actor Kangana Ranaut’s recent remarks calling Bollywood a “gutter”. Through a Zero Hour mention in Rajya Sabha, Bachchan said the entertainment industry was being flogged by social media and asked the government to protect and support it. Without taking names, the Samajwadi Party MP said she completely disagrees with those who called the entertainment industry a “gutter”. “People who have made a name in this industry have called it a gutter. I completely disagree and I really disassociate,” she said. “Jis thali mein khate hai Usme chhed karte hai. Galat baat hai,” she said referring to a popular Hindi proverb that means to bite the hands that feed you. “I was really embarrassed and ashamed that yesterday (September 14) one of our members in the Lok Sabha, who is from the industry, spoke. I am not taking names. It is a shame,” she said. Meanwhile in Lok Sabha, the government also said no actionable inputs were received by the Narcotics Control Bureau (NCB) revealing the alleged nexus between people in the film industry and drug traffickers. Union Minister of State for Home G Kishan Reddy said the NCB carries out searches, seizures, arrests and investigations continuously throughout the year on the actionable inputs developed on its own or received from other sources. “During the period of COVID-19 lockdown, no such actionable inputs were received by NCB revealing the nexus between people in the film industry and drug traffickers. “However, a case in this regard has been registered by NCB Mumbai zonal unit on August 28, 2020. Till date, in this case 10 persons have been arrested. Drugs such as Ganja, Hashish, Tetra Hydro Cannabinol and Lysergic acid De-ethylamide have been seized in the operation,” he said in reply to a question. NABARD sanction for Rs 1,568 crore worth of proposals under Agri Infra Fund Agriculture Minister Narendra Singh Tomar, in a written reply to the Lower House, informed that the National Bank for Agriculture and Rural Development (NABARD) has given in-principle sanction for Rs 1,568 crore worth of proposals received from agri-credit societies in 22 states under the recently launched Rs 1 lakh crore Agri Infrastructure Fund. “So far, NABARD has received 3,055 proposals of PACS (Primary Agriculture Credit Societies) through state cooperative banks in 22 states for which in-principle sanction of Rs 1,568 crore has been accorded,” he said. The first in-principle sanction of Rs 1,128 crore was made to over 2,280 farmer societies by NABARD, he said. The scheme, to be implemented for ten years till 2029, aims to provide medium- to long-term debt financing facility for investment in viable projects for post-harvest management infrastructure and community farming assets through interest subvention and financial support. Govt says JK integrated into mainstream after scrapping of Article 370 Union Minister of State for Home G Kishan Reddy told Lok Sabha the UTs of Jammu and Kashmir, and Ladakh have been fully integrated into the mainstream of the nation after the abrogation of Article 370. After the constitutional changes and reorganisation of the erstwhile state of JK, the two union territories have been fully integrated into the mainstream of the nation, he said in a written reply to a question. Reddy said the change has brought about socio-economic development in both the new UTs. Bill for giving ‘national importance’ tag to Gujarat Ayurveda institutes tabled Union Health Minister Harsh Vardhan introduced ‘The Institute of Teaching and Research in Ayurveda Bill, 2020,’ in Rajya Sabha, that seeks to accord the status of an institution of national importance to a Jamnagar-based cluster of Ayurveda institutes. The Bill will grant institution of national importance status by conglomerating the cluster of Ayurveda institutes at Gujarat Ayurveda University campus in Jamnagar. “This is going to be the first institution in the country in the field of Ayurveda to be given the status of an institution of national importance. This is one of the oldest in the country under the government sector. 10 per cent of Ayurveda research publications are from this institute,” Vardhan said. Govt says over 1,600 Indian firms received $1 billion FDI from China In reply to a question, the government in Rajya Sabha said more than 1,600 Indian companies have received foreign direct investments worth USD 1 billion from China during the April 2016 to March 2020 period. In the written reply, Minister of State for Corporate Affairs Anurag Singh Thakur said these companies were in 46 sectors. Out of them, the automobile industry, printing of books (including litho printing industry), electronics, services and electrical equipment received more than USD 100 million FDI each from China during the said period. The automobile industry received the maximum FDI from China at USD 172 million. The services sector attracted such funds worth USD 139.65 million, the data showed. Phase-I trials of Covid vaccines revealed ‘excellent safety’: Minister Around 40 lakh people have been kept under surveillance as a part of the contact-tracing efforts in the country and 5.4 crore samples were tested for coronavirus till September 10, Union minister Ashwini Choubey told the Rajya Sabha. The minister of state for health said there were 15,290 COVID-treatment facilities with 13,14,171 dedicated isolation beds till September 10. There are also 2,31,269 oxygen-supported isolation beds and 62,694 ICU beds (including 32,241 ventilator beds). Guidelines on clinical management of COVID-19 have been issued and are being updated regularly. States are being supported in terms of supply of logistics, Choubey said. Choubey also said Phase-I clinical trials of the coronavirus vaccines have revealed “excellent safety” of the two candidate vaccines indigenously developed by Bharat Biotech in collaboration with ICMR and Cadila Healthcare Ltd and their immunogenicity testing is now in progress. Their phase II clinical trials are going on, Choubey said in response to a question on the present status of the vaccine programme/clinical trials for COVID-19 undertaken by the Indian Council of Medical Research (ICMR) and other private research centres in the country. Union Health Minister Harsh Vardhan said re-purposed hydroxychloroquine was being used for mild but high risk and moderate COVID-19 cases and that the government plans to conduct trial of ayurvedic medicines. Meanwhile, TMC MP Derek O’Brien hit out at Vardhan for not congratulating the state governments and health workers on their fight against coronavirus or condoling the demises of those who were at the forefront of the battle. Speaking to the media near Parliament, he said the health minister read out a 12-page statement in Rajya Sabha during which he used the word ‘congratulate’ once. “Tomorrow morning we will get a chance to ask clarifications. The Health minister used it once. It was a 12-page statement. He used the word congratulate once. Who did he congratulate? The Prime Minister. No, why didn’t the health minister congratulate the doctors, the healthcare workers, the nurses, the police, the ward boys, the sweepers,” he said. “So many of them have lost their lives. He couldn’t be little generous to congratulate them? Or condole those who have lost their lives?” said the TMC Rajya Sabha MP.

#IFTTT #Today Bharat

0 notes

techguruyogi-blog · 4 years

Video

youtube

How to Insert Table in HTML - 24 हाउ टू इंसर्ट टेबल इन हटम्ल - 24 इस वीडियो में मैंने बताया है की कैसे आप टेबल दाल सकते हो HTML में HTML5 and CSS3 Playlist: https://goo.gl/rFNZw6 #TechGuruYogi #TechGuruHindi #htmlhindi #html html5, web design, website design, html5 template, responsive website templates, html5 video, youtube website, html css templates, responsive html template, free html templates, responsive design, html5 canvas, how to design a website, html5 features, webdesign, responsive web design, hindi website, html, w3schools html, web design, html full form, website design, html5, html tags, html5 canvas, html5 video, responsive website templates, html5 tutorial pdf, html tag, youtube website, html css templates, hindi website, html label, all html tags, html lang, how to design a website, html5 tags, use of html, about html, html5 features, w3schools html5, html wiki, html versions, html5 template, responsive web design, webdesign, html5 pdf, html tag, free html templates, responsive, html template, responsive design, javascript, html, jquery, website design, web design, html5 tutorial, css, html5 test, html5 boilerplate, how to design a website, webdesign, html5 doctype, html5 validator, youtube html5, responsive web design, html5 geolocation, what is html5, css3, hindi website, responsive design, html css templates, youtube website, free html5 templates, responsive website templates, html5 download, free html templates, responsive html template, html5 games, html5 form, html5 video tag, html5 features, html5 tags, html5 video, html5 template, html5 drag and drop, html5 canvas, html5 video, youtube html5, video player, html5 video element, html5 video support, videos html5, html5 tutorial, html5 canvas tutorial, html5 css3 tutorial, html5 animation tutorial, html5, website tutorial, javascript tutorial in hindi, web designing tutorials in hindi, web designing video tutorials in hindi, dreamweaver tutorial in hindi, website designing tutorials in hindi, web design tutorial in hindi language, web designing tutorials pdf in hindi, html tutorial, html tutorial for beginners, html tutorial video, css tutorial, html css tutorial, css video tutorial, css tutorial youtube, tutorial css, foundation css tutorial, html css video tutorial, css tutorial download, html css php tutorial, web design, web design sites, what is web designing in hindi, web design in hindi, designer web, web design video tutorial, how to learn web designing in hindi, web designing notes in hindi, web designing notes in hindi pdf, web designing course online free in urdu dailymotion, web designing pdf in hindi, Line Breaks, Paragraphs and Headers, html paragraphs, line breaks html, headers in html, html5, html, html5 in hindi, html5 tutorial in hindi, html5 tutorial, html5 video, html tags, how to use html5, how to use html tags, how to use html, html elements, html attributes, html editor, html css, html templates, How to use HTML, how to learn HTML, bold in html, itacli in html, html5 video, how to create a website in hindi, how to make website in hindi language, how to make website in hindi, how to make hindi website in html, html5 template code, beginning html5 and css3 for dummies, hindi website, java script in hindi, html5 in hindi, css website design tutorial, web designing tutorials in hindi, web design tutorial in hindi language, web designing video tutorials in hindi, create html5 website, html5 website code, html5 in hindi, html5 tutorial in hindi, html5 tutorial. by Tech Guru Yogi

#TechGuruYogi #Excel #Learn Online

0 notes

talentpicks-blog · 5 years

Video

how to make a tables in html | html tutorials-Urdu Hindi | table tags an...

#htmltables

0 notes

siva3155 · 5 years

Text

300+ TOP GWT Interview Questions and Answers

GWT Interview Questions for freshers experienced :-

1. What is GWT? Google Web Toolkit (GWT) is a development toolkit for building ajax application using Java. GWT insist on reusable approaches to common web-app tasks such as bookmarking, UI abstraction, cross-browser portability, etc. GWT provides two modes: Development Mode: It allows debugging the Java code of the application directly via the standard Java debugger. Web mode: In this, the application is translated into HTML and JavaScript code. It can be deployed to a web server. 2. What are the components of GWT? GWT Java-to-JavaScript Compiler: It translates all the Java written code into JavaScript.GWT Development Mode: It allows the developers to run the application in development mode, i.e., app run in Java without compiling JavaScript. Development mode allows native mode plug-in called Google Web Toolkit Developer Plug-in. JRE emulation library: GWT includes a library that follows the Java runtime library i.e. java.lang, java.lang.annotation, java.math, java.io, java.sql, java.util etc. GWT Web UI class library: For creating a widget GWT consist of the set of interface and classes. 3. What is a module descriptor in GWT? A module descriptor is a configuration file used to set-up a GWT application. Its file extension is *.gwt.xml, where * is the name of the application and this file should reside in the project's root. 4. What is a GWT module? A GWT module is simply an encapsulation of functionality. It shares some similarities with a Java package but is not similar. 5. How do I enable assertions? The GWT compiler recognizes the -ea flag to generate code for assertions in the compiled JavaScript. Only use assertions for debugging purposes, not production logic because assertions will only work under GWT's development mode. 6. What is the default style name of any GWT widget? By default, the class name for each component is gwt-. For example, the Button widget has a default style of gwt-Button, and similar way TextBox widget has a default style of gwt-TextBox. 7. What is internationalization? Internationalization is changing the language of the text based on the locale. For example, the browser should display the website content in Hindi for a user sitting in India and French for the user accessing the website from France. 8. What is the purpose of Host Page? The most important public resource is host page which is used to invoke actual GWT application. A typical HTML host page for an application might not include any visible HTML body content at all, but it is always expected to include GWT application via a tag. 9. What is RPC? RPC (Remote Procedure Call) helps in client communication with the server. RPC is a process of calling a method from a class; however, in this process, the only difference is that the class is located on a server but not the part of the client program. 10. What is GWT ClientBundle? The ClientBundle interface moves entries from the everything-else category into the cache-forever category. 11. What are the types of panels in GWT? Root Panel: It is the topmost panel where all other widgets are attached to it. Flow Panel: It is the simplest panel which provides a basic HTML layout. HTML Panel: It is enclosed with specified HTML contents. Form Panel: It specifies that any widget declared in this would be wrapped in HTML form element. Scroll Panel: It puts all the content in the scrollable area. Grid: It helps to create an HTML table. Flex Table: It extends HTML table like a GRID, but here we can create a table on demand. 12. What are the Layout Panels? Layout Panels can contain other widgets. These panels control the way widget is displayed on User Interface. Every Panel widget inherits properties from Panel class which in turn inherits properties from Widget class and which in turn inherits properties from UIObject class. 13. Define GWT JSON? JSON(JavaScript Object Notation) is a language-independent format for data. It is similar to XML as XML uses tags JSON uses Object-Literal notation of JavaScript. 14. Define Parsing in GWT XML? To parse the XML, we have to first parse the raw XML text into XML DOM structure. DOM structure helps in the navigation of the data. XML parser is located under XMLParser class. XMLParser class consists of parse(String) static method which is called to parse the XML and return a Document object. 15. Give the nodes created by XML parsing. Element - represents DOM elements, which are specified by tags in XML: . Text - represents the text between the opening and closing tag of an element: Here is some text.. Comment - represents an XML comment: . Attr - represents an attribute of an element: . 16. Enlist the dependencies required for database in GWT Common: hsqldb, Common-lang , log4j . JDO: datanucleus, showfiles, jdo. Hibernate: hibernate. MyBatis: mybatis. 17. Define GWT History Mechanism. History mechanism is similar to the Ajax history implementations such as RSH (Really Simple History). The Basic idea is to track the internal application state in the URL fragment identifier. Main advantages of this mechanism are: It provides browser history reliable. It provides useful feedback to the user. It is bookmarkable, i.e., the user can create a bookmark to the current state and save it or can email it, etc. 18. Define GWT History Tokens. A token is simply a string that the application can parse to return to a particular state. This token will be saved in browser history as a URL fragment (in the location bar, after the "#"), and this fragment is passed back to the application when the user goes back or forward in history or follows a link. 19. How to create the custom widget? Google Web Toolkit offers a variety of ways for creating the custom widgets. The easiest way is to develop composite widgets by grouping existing basic widgets and adding some interaction logic to them. To create a Custom Widget, it has three general concepts which are as follows: Building Composite Widgets. Create the Java Code for the new widget. Wrap JavaScript using JSNI methods. 20. What is JSNI? JSNI (JavaScript Native Interface) is used to solve problems such as when we need to integrate GWT with existing handwritten JavaScript or with a third-party JavaScript library. Occasionally we need to access low-level browser functionality which is not exposed by the GWT class API's. 21. What are the different uses of JSNI? JSNI is a web equivalent of inline assembly code and can use in many ways such as: Implement a Java method directly in JavaScript. Wrap type-safe Java method signatures around existing JavaScript. Call from JavaScript code into Java code and vice-versa. Throw exceptions across Java/JavaScript boundaries. Read and write Java fields from JavaScript. Use development mode to debug both Java source (with a Java debugger) and JavaScript (with a script debugger). 22. What is GWT compiler? GWT compiler is used to convert the client side Java code to JavaScript at the time of building the source file. 23. How many application development mode GWT provide? GWT provides following two modes. Development mode-It allows us to debug the Java code of the application directly with Java debugger. Web mode-In this mode, Java source code is translated into HTML, CSS & JavaScript. It can be deployed to a webserver. GWT Questions and Answers Pdf Download Read the full article

0 notes

bkcomputercafe · 6 years

Text

HTML Table in Hindi

HTML Table Tag की पूरी जानकारी

आपने MS Word में Table बनाई होगी. और अपने Data को Tabular Format (सारणी) में सजाया होगा? और ये होना लाजमी भी है. क्योंकि MS Word में Table बनाना बहुत ही आसान है.

Word Document की तरह Webpages में भी Data और Information को Tabular Format (सारणी) में प्रस्तुत किया जाता है. जिसके लिए HTML Table का इस्तेमाल किया जाता है. HTML से HTML Table बनाना बहुत ही सरल कार्य है.

1. HTML Table का परिचय – Introduction to HTML Table in Hindi

HTML Document में Table Element द्वारा Table Define की जाती है. Opening <table>Tag द्वारा एक Table को शुरू किया जाता है. और Closing </table> Tag द्वारा Table का समापन किया जाता है.

Table द्वारा हम Data को Tabular Format में Represent करते है. इस Data में Texts, Images, Videos, Links आदि प्रकार का Data शामिल होता है. हम अपनी जरूरत के अनुसार किसी भी प्रकार के Data को Table में Show करा सकते है.

2. HTML Table की बनावट – Structure of an HTML Table

आप ऊपर दिए गए फोटो को देखकर जान सकते है कि एक Table में Rows, Columns और Cells होते है. ये तीन Element ही एक Table के आधार होते है.

Columns – एक Table के खडे खाने को Column कहा जाता है. एक Table में आप अपनी जरूरत के अनुसार Columns Add और Remove कर सकते है. दो खडि रेखाओं से एक Column का निर्माण होता है.

Rows – Table में आडि रेखाओं से बने खाने को Row कहा जाता है. Rows एक Column के बिल्कुल विपरित होती है. दो आडि रेखाओं से एक Row का निर्माण होता है. HTML Table में <tr> Element द्वारा Row को Define किया जाता है.

Cell – Cell का निर्माण Rows और Columns से होता है. जब Columns और Rows आपस में टकराते है. तब एक Cell का निर्माण होता है. HTML Table में Actual Data को Cells में ही Define किया जाता है. <td> Element द्वारा Table Data यानि Cell को Define किया जाता है.

3. HTML Table से संबंधित कुछ Important Tags के नाम और उनका उपयोग

Table Element से HTML Table को Define किया जाता है. लेकिन, अकेला Table Element ही एक Table नही बना सकता है. इसलिए एक पूरी Table बनाने के लिए कुछ अन्य Tags का इस्तेमाल भी किया जाता है. जिनके बारे में नीचे बताया जा रहा है:

<table> – इस Element द्वारा HTML Table को Define किया जाता है.

<tr> – इस Element का पूरा नाम Table Row है. Table Row Element से Table Rows को Define किया जाता है.

<td> – इस Element का पूरा नाम Table Data है. इसे Cell Data के नाम से भी जाना जाता है. Table Data से एक Table में Table Data को Define किया जाता है.

<th> – इस Element का पूरा नाम Table Heading होता है. इसका Use Table में Headings को Define करने के लिए किया जाता है.

<caption> – इस Element का इस्तेमाल Table Title Define करने के लिए किया जाता है.

4. एक HTML Table बनाना – Creating an HTML Table in Hindi

नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmltable.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><tr><td>Row 1, Column 1 </td><td>Row 1, Column 2 </td></tr><tr><td>Row 2, Column 1 </td><td>Row 2, Column 2 </td></tr></table></body>

</html>

जब आप ऊपर दिए कोड को Save करके अपने मन पसंद ब्राउजर में Open करेंगे तो आपके सामने कुछ इस प्रकार का परिणाम आएगा.

Row 1, Column 1Row 1, Column 2 Row 2, Column 1Row 2, Column 2

Example को समझिए

ऊपर दिए कोड से हमने एक Simple HTML Table को बनाया है. जिसमें 2 Rows और 4 Columns को Define किया गया है. Table Rows को Define करने के लिए <tr> Tag का इस्तेमाल किया गया है. और Table Rows में Data Cells को Define करने के लिए <td> Tag का इस्तेमाल किया गया है.

Note: आप एक Row में जितने Columns Define करना चाहते है. आपको उतने ही <td> Tag Define करने होंगे.

5. Table को Title (शीर्षक) देना

HTML Table का Title (शीर्षक) Define करने के लिए <caption> Element का इस्तेमाल किया जाता है. एक Table को शीर्षक देने से Table को पहचानने में आसानी रहती है. आप अलग-अलग प्रकार की Tables को अलग-अलग शीर्षक दे सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><caption>My First HTML Table</caption><tr><td>Row 1, Column 1 </td><td>Row 1, Column 2 </td></tr><tr><td>Row 2, Column 1 </td><td>Row 2, Column 2 </td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

My First HTML Table Row 1, Column 1Row 1, Column 2 Row 2, Column 1Row 2, Column 2

उदाहरण को समझिए

ऊपर दे गई HTML Table में हमने शीर्षक को Define किया है. इसके लिए हमने <caption>Tag का इस्तेमाल किया है. हमने इस Table को My First HTML Table शीर्षक दिया है. आप अपने अनुसार कुछ भी शीर्षक दे सकते है. शीर्षक देने के लिए <caption> Tag को <table>Tag के तुंरत बाद Define करना पडता है.

6. Table में Heading बनाना

HTML Table में Heading बनाने के लिए <th> Tag का इस्तेमाल किया जाता है. इस Element का पूरा नाम Table Heading होता है. Table में Heading में हम प्रत्येक Column को एक अलग नाम देते है. जिससे उस Column में उपलब्ध Data को पहचाना आसान हो जाता है. Table Heading By Default Bold और Center Aligned होती है. इस Setting को आप CSSके द्वारा Override भी कर सकते है.

Table Heading को अधिकतर Table की पहली Row में Define किया जाता है. आप अपने Table Data के अनुसार Headings का नाम दे सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><caption>Heading in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Badal</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Heading in HTML Table First NameLast Name BinayBikash BivekBadal

7. Table में Border Set करना

Table में चारों तरफ Border बनाने के लिए Border Attribute का इस्तेमाल किया जाता है. यदि आप Table में Border दिखाना चाहते है, तो Value को “1” रखें. और यदि आप बॉर्डर नही दिखाना चाहते है, तो Value को “0” रखें.

Border लगाने के अलावा आप Border Color भी Set कर सकते है. Border Color Set करने के लिए bordercolor Attribute का इस्तेमाल किया जाता है. आप अपनी पसंद का Color Set कर सकते है.

Note: आप Color Set करने के लिए Color का नाम या फिर उस Color विशेष का Hex Code भी इस्तेमाल कर सकते है. पसंद आपकी है. हम आपको Hex Code का इस्तेमाल करने के लिए कहेंगे.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red”><caption>Border in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Border in HTML Table First NameLast Name BinayBikash BivekKumar

8. Table की Height और Width Set करना

Table की Height और Width Set करने के लिए height और width Attributes का इस्तेमाल किया जाता है. आप अपनी जरूरत के अनुसार Table की ऊँचाई और चौडाई बना सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” height=”200″ width=”300″><caption>Border in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Height and Width of HTML Table First NameLast Name BinayBikash BivekKumar

9. Table का Background Change करना

Table में Background Set करने के लिए दो Attributes का इस्तेमाल किया जाता है.

bgcolor – इस Attribute द्वारा आप पूरी Table या किसी Particular Cell का Background Color को Change कर सकते है.

background – इस Attribute से भी आप Table Background को Define कर सकते है. लेकिन, इसके द्वारा आप किसी Image को Table Background के रूप में इस्तेमाल कर सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” height=”200″ width=”300″ bgcolor=”#FFFF66″><caption>Background in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Background in HTML Table First NameLast Name BinayBikash BivekKumar

10. Cellpadding और Cellspacing Attributes का इस्तेमाल करना

Table Cells और Texts के बीच खाली जगह (White Space) को Adjust करने के लिए Cellpadding और Cellspacing Attributes का उपयोग किया जाता है.

Cellpadding से Cell Border और Content के बीच की दूरी को Define किया जाता है. और Cellspacing से Cells के बीच की दूरी को Define किया जाता है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” cellpadding=”15″ cellspacing=”15″><caption>Cellpadding and Cellspacing in HTML Table<tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Cellpadding and Cellspacing in HTML Table First NameLast Name BinayBikash BivekKumar

11. Colspan और Rowspan Attributes का इस्तेमाल करना

जब हम Table में Data को एक से अधिक Rows और Columns में लिखना चाहते है, तो इसके लिए हमें colspan और rowspan Attributes का इस्तेमाल करना पडता है.

Colspan Attribute दो या अधिक Columns को Merge करके एक Column बना देता है. और Rowspan Attribute दो या अधिक Rows को Merge करके एक Row बना देता है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” width=”300″ height=”200″><caption>Colspan and Rowspan in HTML Table<tr><th>First Name</th><th>Last Name</th><th>City</th></tr><tr><td>Binay</td><td>Badal</td><td rowspan=”2″>Lakhsarai</td></tr><tr><td>Bikash</td><td>Kumar</td></tr><td colspan=”3″>Bivek</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Colspan and Rowspan in HTML Table First NameLast NameCity BinayBadalLakhisarai BikashKumar Bivek

from Blogger http://bkcomputercafe.blogspot.com/2018/09/html-table-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes

techguruyogi-blog · 4 years

Link

0 notes

keygentech · 5 years

Video

youtube

HTML Table tags | How to Create Table in html in hindi | Html td tags hr...

#html5 tutorial #html table #html #keygentech #html style #html & css #how to create html table in hindi

0 notes

bkcomputercafe · 6 years

Text

HTML List Tag in Hindi

1. HTMl List का परिचय – Introduction to HTML List in Hindi

HTML Document में Important Text को Points में Show कराने के लिए Lists का उपयोग किया जाता है. List Define करने के लिए List Elements का इस्तेमाल किया जाता है.

HTML List Document Structure को बनाए रखती है और महत्वपूर्ण सूचना को Points में Display करने में मदद करती है. जिससे हमारा Content अर्थपूर्ण और पठनीय नजर आता है.

HTML List बहुत महत्वपूर्ण होती है. Lists का उपयोग Articles के अलावा Websites में Navigation Menu Create करने के लिए भी किया जाता है. E-commerce Websites में Product Features को Display करने के लिए HTML Lists का ही इस्तेमाल किया जाता है.

2. HTML List बनाने के लिए Use होने वाले HTML Elements के नाम और उपयोग

HTML List बनाने के लिए कई Elements का उपयोग किया जाता है. इसलिए हम सबसे पहले HTML List Create करने के लिए काम आने वाले Elements के नाम और उनका उपयोग के बारे में बता रहे है.

UL Element – UL Element का पूरा नाम Unorder List होता है. Unorder List Element द्वारा Bullet Lists या Unorder Lists बनाई जाती है.

OL Element – OL Element का पूरा नाम Order List होता है. Order List Element द्वारा Number या Order Lists बनाई जाती है.

LI Element – LI Element का पूरा नाम List Item होता है. List Item Element द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है.

DL Element – DL Element का पूरा नाम Definition List होता है. Definition List Element द्वारा Definition Lists को Define किया जाता है.

DT Element – DD Element का पूरा नाम Definition Term होता है. Definition Term Element द्वारा Definition Term को Define किया जाता है.

DD Element – DD Element का पूरा नाम Definition Description होता है. Definition Description Element द्वारा Definition Terms के Description को Define किया जाता है.

3. Types of HTML List

HTML में Data को Points में दिखाने के लिए कई प्रकार की Lists का Use किया जाता है. प्रत्येक प्रकार की List का अपना विशेष उद्देश्य और अर्थ होता है. नीचे HTML List के प्रकार के बारे में बताया जा रहा है.

Unordered List -UL List

Ordered List – OL List

Definition List – DL List

Nested List

Unordered List

Unordered List को <ul> Tag द्वारा Define किया जाता है. इस Type की List का उपयोग एक प्रकार की सूचना को बिना किसी तय क्रम में दिखाने के लिए किया जाता है. Unordered List को Bulleted List भी कहते है. क्योंकि List Items के पहले Bullet लग जाते है.

इसे Try कीजिए.

नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmllist1.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Unordered List Example</title><body><ul><li>Computer<li><li>Tablet<li><li>Mobile<li></ul></body>

</html>

जब आप ऊपर लिखे गए HTML Code को ब्राउजर में Run करेंगे तो आपको इस प्रकार का परिणाम मिलेगा.

Computer

Table

Mobile

The type Attribute in Unordered List

Unordered List में type Attribute का इस्तेमाल Bullet Style को Define करने के लिए किया जाता है. By Default UL List में List Items के लिए “Circle” का इस्तेमाल किया जाता है. लेकिन, type Attribute की सहायता से हम Circle के अलावा 3 अन्य प्रकार की List Style Type लगा सकते है.

Circle

Square

Disc

None

इसे देखिए

हम आपको ऊपर बताए गए चारों List Style Type को उदाहरण द्वारा समझा रहे है. हम इसके लिए ऊपर दिए गए उदाहरण को ही ले रहे है. इसमें हमे type Attribute का उपयोग करके List Style Type को square Set कर रहे है.

<!DOCTYPE html><html><head><title>HTML List Example</title><body><ul type=”square”><li>Computer<li><li>Tablet<li><li>Mobile<li></ul></body>

</html>

जब आप ऊपर दिए गए कोड को ब्राउजर में देखेंगे तो आपको कुछ इस प्रकार का परिणाम दिखाई देगा.

Computer

Table

Mobile

जिस प्रकार आपने List Style Type को square Set किया है. बिल्कुल इसी तरह disc, circleऔर none (कोई Style नही) Set कर सकते है. बस आपको Square के स्थान पर बाकि style Type को लिखना पडेगा और List Style Type बदल जाएगा.

Ordered List

Ordered List को <ol> Tag द्वारा Define किया जाता है. और List Item को <li> Element से Define करते है. Order List को Numbered List भी कहते है. OL का उपयोग एक प्रकार की सूचना को एकक तय Order (क्रम) में दिखाने के लिए किया जाता है. OL List में List Items के पहले Number Order से लिख जाते है.

इसे Try कीजिए.

Order List को समझाने के लिए भी हमने ऊपर बताए गए उदाहरण को ही लिया है. आप नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmllist2.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Ordered List Example</title><body><ol><li>Computer<li><li>Tablet<li><li>Mobile<li></ol></body>

</html>

Computer

Table

Mobile

The type Attribute in Ordered List

Ordered List में type Attribute का इस्तेमाल List Style Type को Define करने के लिए किया जाता है. By Default OL List में List Items के लिए “Number” का इस्तेमाल किया जाता है. लेकिन, type Attribute की सहायता से हम Number के अलावा 5 अन्य प्रकार की List Style Type लगा सकत�� है.

Number (Default) – 1

Uppercase Letter – A

Lowercase Letter – a

Uppercase Roman Number – I

Lowercase Roman Number – i

None

इसे देखिए

हम आपको ऊपर बताए गए सभी List Style Type को उदाहरण द्वारा समझा रहे है. हम इसके लिए ऊपर दिए गए उदाहरण को ही ले रहे है. इसमें हम type Attribute का उपयोग करके List Style Type को A Set कर रहे है.

<!DOCTYPE html><html><head><title>HTML List Example</title><body><ul type=”A”><li>Computer<li><li>Tablet<li><li>Mobile<li></ul></body>

</html>

Computer

Table

Mobile

जिस प्रकार आपने List Style Type को A Set किया है. बिल्कुल इसी तरह 1, a, I, i और none (कोई Style नही) Set कर सकते है. बस आपको A के स्थान पर बाकि Style Type को लिखना पडेगा और List Style Type बदल जाएगा.

Definition List

किसी शब्द या Term विशेष को परिभाषित करने के लिए Definition Lists को बनाया जाता है. Definition List को <dl> Tag से Define किया जाता है. Definition Term को <dt> और Definition Description को <dd> Element से Define किया जाता है.

Online Dictionaries, Glossary Definition एवं किसी शब्द विशेष का अर्थ बताने के लिए Definition List सबसे Suitable Element है. क्योंकि इस List प्रकार में पहले Definition Term को Define किया जाता है. फिर उस Term का अर्थ बयाता जाता है. इस List की बनावट शब्दकोश की तरह होती है.

इसे Try कीजिए.

नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmllist3.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Definition List Example</title><body><dl><dt>HTML<dt><dd>HTML stand for Hyper Text MarkUp Language and it is widely used to create webpages.<dd><dt>CSS<dt><dd>CSS stands for Cascading Style Sheet and it is used to Style an HTML Document.<dd></dl></body>

</html>

HTML

HTML stands for Hyper Text MarkUp Language and it is widely used to create webpages.

CSS

CSS stands for Cascading Style Sheet and it is used to Style an HTML Document.

Nested HTML List

आप ऊपर HTML की सभी प्रकार की Lists को Define करना सीख चुके है. अब हम HTML में Nested List और बनाना सीखेंगे.

Nested List वैसे कोई HTML प्रकार नही है. लेकिन, हमने इसे यहाँ 4th प्रकार के रूप में शामिल किया है. ऐसा सिर्फ List Concept को सरल बनाने के उद्देश्य से किया गया है. ताकि Learners को सीखने में सुविधा रहे.

आइए, अब जानते है Nested List क्या होती है? Nested List को कैसे Define किया जाता है? और Nested List को बनाने का तरीका क्या है?

Introduction to Nested HTML List

Nested List का मतलब होता है, एक List के अंदर अन्य List बनाना. सरल शब्दों मे कहे तो आप एक UL में OL Define कर सकते है. और एक OL में UL Define की जा सकती है.

इसे Try कीजिए

नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmllist4.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Definition List Example</title><body><ol><li>Programming Languages<ul><li>HTML</li><li>PHP</li></ul></li><li>CMS<ol type=”a”><li>WordPress</li><li>Blogspot</li></ol></ol></body>

</html>

Programming Languages

HTML

PHP

CMS

WordPress

Blogger

ऊपर दिए गए उदाहरण को देखकर आप समझ ही गए होगे कि एक Nested List कैसे बनाई जाती है. आपने ध्यान दिया होगा कि एक List Item को Open करके उसके अंदर दूसरी List को Define किया गया है. फिर उस List Item को बंद किया गया है. HTML में इसी तरह ही Nested Lists को बनाया जाता है.

from Blogger http://bkcomputercafe.blogspot.com/2018/09/html-list-tag-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes