2pgdca2 internet and web design unit-2...2020/04/02  · 2pgdca2-internet and web design unit-2 html...

26
2PGDCA2-INTERNET AND WEB DESIGN 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2

Upload: others

Post on 25-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2PGDCA2

INTERNET AND WEB DESIGN

UNIT-2

Page 2: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

UNIT-2 HTML

2.1 Concept of Hypertext

Hypertext is text that links to other information. By clicking on a link in a

hypertext document, a user can quickly jump to different content. Though

hypertext is usually associated with Web pages, the technology has been around

since the 1960s.

हाइऩयटेक्स्ट वह टेक्स्ट है जो अन्म जानकायी से लरॊक होता है। हाइऩयटेक्स्ट डॉक्समभूेंट भें एक लरॊक ऩय क्क्सरक कयके , एक उऩमोगकताा जल्दी से अरग साभग्री ऩय जा सकता है। हाइऩयटेक्स्ट आभतौय ऩय वेफ ऩेज से जुडा होता है, मह तकनीक 1960 के दशक के आसऩास की है।

Hypertext refers to the way in which Web pages (HTML documents) are

linked together. Thus, the link available on a webpage is called Hypertext.

हाइऩयटेक्स्ट से तात्ऩमा उस तयीके से है क्जसभें वेफ ऩेज ( HTML डॉक्समभूेंट) एक साथ जुड ेहोते हैं। इस प्रकाय , वेफऩषृ्ठ ऩय उऩरब्ध लरॊक को हाइऩयटेक्स्ट कहा जाता है।

HTML का पररचय (Introduction of HTML)

HTML का ऩयूा नाभ Hyper Text Markup Language हैं इन्टयनेट के लरए HTML

की खोज Tim Berners Lee (टटभ फनासा री) ने की थी HTML फेव प्रोग्राभ की सफसे

आसान व अत्मधधक प्रचलरत बाषा हैं इसभें फनामे गए वेफ ऩेज भें साभान्मत: साधायण

टेक्स्ट शालभर ककमे जात ेहैं | वेफ ऩेज फनान ेके लरए हभ हामऩय टैक्‍स‍्ट भाका अऩ बाषा (Hyper Text Markup Language) की सहामता रेते हैं। हामऩय टैक्‍स‍्ट भाका अऩ बाषा साभान‍्म टैक्‍स‍्ट को हामऩय टैक्‍स‍्ट भें फदरन ेकी ऺभता यखता हैं।

Page 3: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2.2 Versions of HTML

Since the early days of the World Wide Web, there have been many versions

of HTML:

वल्डा वाइड वेफ के शरुुआती टदनों से, HTML के कई सॊ्कयण हैं: Year Version

1989 Tim Berners-Lee invented www

1991 Tim Berners-Lee invented HTML

1993 Dave Raggett drafted HTML+

1995 HTML Working Group defined HTML 2.0

1997 W3C Recommendation: HTML 3.2

1999 W3C Recommendation: HTML 4.01

2000 W3C Recommendation: XHTML 1.0

2008 WHATWG HTML5 First Public Draft

2012 WHATWG HTML5 Living Standard

2014 W3C Recommendation: HTML5

2016 W3C Candidate Recommendation: HTML 5.1

2017 W3C Recommendation: HTML5.1 2nd Edition

2017 W3C Recommendation: HTML5.2

वषा सॊ्कयण

1989 टटभ फनासा-री ने www का आववष्काय ककमा 1991 टटभ फनासा-री ने HTML का आववष्काय ककमा 1993 डवे यैगेट ने HTML + का भसौदा तैमाय ककमा 1995 HTML वककिं ग ग्रुऩ ने HTML 2.0 को ऩरयबावषत ककमा 1997 W3C लसपारयश: HTML 3.2

1999 W3C अनशुॊसा: HTML 4.01

Page 4: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2000 W3C अनशुॊसा: XHTML 1.0

2008 WHATWG HTML5 ऩहरा सावाजननक भसौदा 2012 WHATWG HTML5 लरववॊग ्टैंडडा 2014 डब्ल्म ू3 सी लसपारयश: एचटीएभएर 5

2016 W3C उम्भीदवाय की लसपारयश: HTML 5.1

2017 W3C लसपारयश: HTML5.1 2 सॊ्कयण

2017 डब्ल्म ू3 सी लसपारयश: एचटीएभएर 5.2

2.3 Elements of HTML

An HTML element usually consists of a start tag and an end tag, with the

content inserted in between:

HTML एलरभेंट भें आभतौय ऩय एक ्टाटा टैग औय एक इन्ड टैग होता है, क्जसभें फीच भें डारी गई साभग्री होती है: <tagname>Content goes here...</tagname>

<tagname> साभग्री महाॉ जाती है ......</tagname>

The HTML element is everything from the start tag to the end tag:

HTML एलरभेंट ्टाटा टैग से इन्ड टैग तक सफ कुछ है:

<p>My first paragraph.</p>

Start tag Element content End tag

<h1> My First Heading </h1>

<p> My first paragraph </p>

<br> Empty elements

2.4 Syntax

In its simplest form, following is an example of an HTML document –

Page 5: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

अऩने सयरतभ रूऩ भें, ननम्नलरखखत HTML द्तावेज़ का एक उदाहयण है -

2.5 Tags & Attributes

As told earlier, HTML is a markup language and makes use of various tags

to format the content. These tags are enclosed within angle braces <Tag Name>.

Except few tags, most of the tags have their corresponding closing tags. For

example, <html> has its closing tag </html> and <body> tag has its closing

tag </body> tag etc.

जैसा कक ऩहरे फतामा गमा है, HTML एक भाका अऩ बाषा है औय साभग्री को प्रारूवऩत कयने के लरए ववलबन्न टैग का उऩमोग कयती है। मे टैग एॊगर ब्रेलसज़ <टैग नाभ> के बीतय सॊरग्न हैं। कुछ टैग को छोडकय , अधधकाॊश टैग भें उनके सॊफॊधधत सभाऩन टैग होते हैं। उदाहयण के लरए , <html> का अऩना सभाऩन टैग है </ html> औय <body> टैग का अऩना सभाऩन टैग है </ body> टैग आटद। Above example of HTML document uses the following tags –

HTML द्तावेज़ के ऊऩय टदए गए उदाहयण भें ननम्नलरखखत टैग का उऩमोग ककमा गमा है –

Page 6: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

Sr.No Tag & Description (टैग औय वववयण)

1 <!DOCTYPE...>

This tag defines the document type and HTML version.

मह टैग द्तावेज़ प्रकाय औय HTML सॊ्कयण को ऩरयबावषत कयता है।

2 <html>

This tag encloses the complete HTML document and mainly comprises of

document header which is represented by <head>...</head> and document

body which is represented by <body>...</body> tags.

मह टैग ऩणूा HTML द्तावेज़ सॊरग्न कयता है औय इसभें भखु्म रूऩ से द्तावेज़ हेडय शालभर होता है क्जसे <head> ... </ head> औय द्तावेज़ फॉडी द्वाया दशाामा जाता है क्जसे <body> ... </ body> टैग द्वाया दशाामा जाता है।

3 <head>

This tag represents the document's header which can keep other HTML

tags like <title>, <link> etc.

मह टैग द्तावेज़ के हेडय का प्रनतननधधत्व कयता है जो अन्म HTML

टैग्स जैसे <title>, <link> आटद को यख सकता है। 4 <title>

The <title> tag is used inside the <head> tag to mention the document

title.

द्तावेज़ शीषाक का उल्रेख कयने के लरए <title> टैग का उऩमोग <head> टैग के अॊदय ककमा जाता है।

5 <body>

This tag represents the document's body which keeps other HTML tags

like <h1>, <div>, <p> etc.

मह टैग द्तावेज़ के शयीय का प्रनतननधधत्व कयता है जो अन्म HTML

Page 7: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

टैग जैसे <h1>, <div>, <p> आटद यखता है। 6 <h1>

This tag represents the heading.

मह टैग हेडड ॊग को दशााता है।

7 <p>

This tag represents a paragraph.

मह टैग एक ऩयैाग्राप का प्रनतननधधत्व कयता है।

To learn HTML, you will need to study various tags and understand how they

behave, while formatting a textual document. Learning HTML is simple as users

have to learn the usage of different tags in order to format the text or images to

make a beautiful webpage.

HTML सीखने के लरए, आऩको ववलबन्न टैग्स का अध्ममन कयने औय मह सभझने की आवश्मकता होगी कक टेक्स्ट द्तावेज़ को प्रारूवऩत कयते सभम वे कैसे व्मवहाय कयते हैं। HTML सीखना सयर है क्समोंकक उऩमोगकतााओॊ को सुॊदय वेफऩेज फनाने के लरए टेक्स्ट मा धचत्रों को प्रारूवऩत कयने के लरए ववलबन्न टैग्स के उऩमोग को सीखना ऩडता है। World Wide Web Consortium (W3C) recommends using lowercase tags.

वल्डा वाइड वेफ कॊ सोटटामभ ( W3C) रोअयकेस टैग का उऩमोग कयने की लसपारयश कयता है।

All HTML elements can have attributes

Attributes provide additional information about an element

Attributes are always specified in the start tag

Attributes usually come in name/value pairs like: name="value"

Page 8: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

सबी HTML तत्वों भें attributes हो सकती हैं Attributes एक तत्व के फाये भें अनतरयक्सत जानकायी प्रदान कयते हैं Attributes हभेशा ्टाटा टैग भें ननटदाष्ट ककए जाते हैं Attributes आभतौय ऩय नाभ / वलै्म ूजोड ेभें आते हैं जैसे: नाभ = " वलै्म"ू

An attribute is used to define the characteristics of an HTML element and is placed

inside the element's opening tag. All attributes are made up of two parts −

a name and a value

HTML तत्व की ववशषेताओॊ को ऩरयबावषत कयने के लरए एक एटिब्मटू का उऩमोग ककमा जाता है औय इसे तत्व के शरुुआती टैग के अॊदय यखा जाता है। सबी एटिब्मटू दो बागों से फनी होती हैं - एक नाभ औय एक भलू्म

The name is the property you want to set. For example, the

paragraph <p> element in the example carries an attribute whose name

is align, which you can use to indicate the alignment of paragraph on the

page.

The value is what you want the value of the property to be set and always

put within quotations. The below example shows three possible values of

align attribute: left, center and right.

नाभ वह सॊऩक्त्त है क्जसे आऩ सेट कयना चाहते हैं। उदाहयण के लरए ,

उदाहयण भें ऩयैा <p> तत्व एक ववशषेता यखता है क्जसका नाभ सॊयेखखत है ,

क्जसका उऩमोग आऩ ऩषृ्ठ ऩय ऩयैाग्राप के सॊयेखण को इॊधगत कयने के लरए कय सकते हैं।

भलू्म वह है जो आऩ चाहते हैं कक सॊऩक्त्त का भलू्म ननधाारयत ककमा जाए औय हभेशा उद्धयणों के बीतय यखा जाए। नीच ेटदए गए उदाहयण भें सॊयेखखत ववशषेता के तीन सॊबाववत भान टदखाई देते हैं: फाएॊ, कें द्र औय दाएॊ।

Page 9: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2.6 Head and Body Sections

HTML <head> element is a container tag and is placed before the <body> tag. The

<head> element contains general information about the page, meta-information,

style sheet URL and document type information.

HTML <head> तत्व एक कॊ टेनय टैग है औय इसे <body> टैग से ऩहरे यखा जाता है। <Head> तत्व भें ऩषृ्ठ, भेटा-जानकायी, शरैी ऩत्रक URL औय द्तावेज़ प्रकाय की जानकायी के फाये भें साभान्म जानकायी होती है। HTML <head> tag contains following elements that describe the

metadata: <title>, <meta>, <link>, <style>, <script>, and <base>.

HTML <head> टैग भें ननम्नलरखखत तत्व होते हैं जो भेटाडटेा का वणान कयते हैं:

<टाइटर>, <भेटा>, <लरॊक>, <्टाइर>, <क््िप्ट>, औय <फेस>।

HTML body section is a main contain section of web page all contain that will be

seen when the user loads the webpage.

HTML body section supported all the contains such as text, hyper-links, images,

Special Character, lists, tables, frames, forms etc.

Page 10: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

HTML फॉडी सेक्सशन वेफ ऩेज का एक भखु्म सेक्सशन होता है, इसभें वे सबी शालभर होते हैं जो तफ टदखाई देंगे जफ मजूय वेफऩेज को रोड कयेगा।

HTML फॉडी सेक्सशन भें सबी तयह के टेक्स्ट , हाइऩय-लरॊक, इभेज, ्ऩेशर कैयेक्सटय,

लर्ट, टेफर, फे्रभ, पॉभा आटद का सऩोटा होता है।

It's most powerful section and important section to display web page.

मह वेफ ऩेज प्रदलशात कयने के लरए सफसे शक्क्सतशारी अनबुाग औय भहत्वऩणूा अनबुाग है।

2.7 Inserting Image

The <img> tag defines an image in an HTML page.

The <img> tag has two required attributes: src and alt.

Note: Images are not technically inserted into an HTML page, images are linked to

HTML pages. The <img> tag creates a holding space for the referenced image.

<Img> टैग एक HTML ऩषृ्ठ भें एक छवव को ऩरयबावषत कयता है। <Img> टैग भें दो आवश्मक ववशषेताएॉ हैं: src औय alt

नोट: छववमाॉ तकनीकी रूऩ से HTML ऩषृ्ठ भें नहीॊ डारी जाती हैं , धचत्र HTML

ऩषृ्ठों से जुड ेहोते हैं। <Img> टैग सॊदलबात छवव के लरए एक होक्ल्डॊग ्थान फनाता है।

Page 11: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2.8 hyperlinks

HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Note: A link does not have to be text. It can be an image or any other HTML

element.

HTML लरॊक हाइऩयलरॊक हैं। आऩ एक लरॊक ऩय क्क्सरक कयके दसूये डॉक्समभूेंट ऩय जा सकते हैं। जफ आऩ ककसी लरॊक ऩय भाउस रे जाते हैं , तो भाउस एयो एक छोटे से हाथ भें फदर जाएगा। नोट: एक लरॊक के लरए टेक्स्ट होना जरुयी नहीॊ है। मह एक छवव मा कोई अन्म HTML तत्व हो सकता है।

Page 12: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2.9 Background and Color control

The background attribute specifies a background image for a document.

Specify a background image for an HTML document:

ऩषृ्ठबलूभ ववशषेता ककसी द्तावेज़ के लरए ऩषृ्ठबलूभ छवव ननटदाष्ट कयती है। HTML द्तावेज़ के लरए ऩषृ्ठबलूभ छवव कैसे ननटदाष्ट कयें ?

2.10 Table layout

The <table> tag defines an HTML table.

An HTML table consists of the <table> element and one or more <tr>, <th>, and

<td> elements.

The <tr> element defines a table row, the <th> element defines a table header, and

the <td> element defines a table cell.

A more complex HTML table may also include <caption>, <col>, <colgroup>,

<thead>, <tfoot>, and <tbody> elements.

<table> टैग एक HTML तालरका को ऩरयबावषत कयता है। एक HTML तालरका भें <table> तत्व औय एक मा अधधक <tr>, <th>, औय <td>

तत्व होते हैं। <Tr> तत्व एक तालरका ऩॊक्क्सत को ऩरयबावषत कयता है , <th> तत्व एक टेफर हेडय को ऩरयबावषत कयता है, औय <td> तत्व एक टेफर सेर को ऩरयबावषत कयता है।

Page 13: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

एक अधधक जटटर HTML तालरका भें <caption>, <col>, <colgroup>, <thead>,

<tfoot>, औय <tbody> तत्व बी शालभर हो सकते हैं।

2.11 List, List Types and its Tags

Unordered HTML List

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items will be marked with bullets (small black circles) by default:

एक अननमॊत्रत्रत सचूी <ul> टैग से शरुू होती है। प्रत्मेक सचूी आइटभ <li> टैग से शरुू होती है।

Page 14: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

सचूी आइटभ को डडफॉल्ट रूऩ से गोलरमों (छोटे कारे घेये) के साथ धचक्ननत ककमा जाएगा

Unordered HTML List - Choose List Item Marker

The CSS list-style-type property is used to define the style of the list item marker:

Value Description

disc Sets the list item marker to a bullet (default)

circle Sets the list item marker to a circle

square Sets the list item marker to a square

none The list items will not be marked

Unordered HTML List - सचूी आइटभ भाका य चनुें सीएसएस सचूी-शरैी-प्रकाय सॊऩक्त्त का उऩमोग सचूी आइटभ भाका य की शरैी को ऩरयबावषत कयने के लरए ककमा जाता है:

भलू्म वववयण

डड्क सचूी आइटभ भाका य को एक फरेुट (डडफॉल्ट) ऩय सेट कयता है सका र सचूी आइटभ भाका य को एक सका र भें सेट कयता है

वगा सचूी आइटभ भाका य को एक वगा भें सेट कयता है

Page 15: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

कोई नहीॊ सचूी आइटभ धचक्ननत नहीॊ ककमा जाएगा

Unordered List with Disc Bullets (डिस्क बऱेुट के साथ अनियंत्रित सचूी)

Unordered List with Circle Bullets (सकक ऱ बऱेुट्स के साथ अनियंत्रित सचूी)

Page 16: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

Unordered List with Square Bullets (स््वायर बऱेुट के साथ अनियंत्रित सचूी)

Unordered List without Bullets (गोलऱयों के त्रबिा अनियंत्रित सचूी)

Ordered HTML List

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items will be marked with numbers by default:

एक आदेलशत सचूी <ol> टैग से शरुू होती है। प्रत्मेक सचूी आइटभ <li> टैग से शरुू होती है। सचूी आइटभ को डडफॉल्ट रूऩ से सॊख्माओॊ के साथ धचक्ननत ककमा जाएगा:

Page 17: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

Ordered HTML List - The Type Attribute

The type attribute of the <ol> tag, defines the type of the list item marker:

Type Description

type="1" The list items will be numbered with numbers (default)

type="A" The list items will be numbered with uppercase letters

type="a" The list items will be numbered with lowercase letters

type="I" The list items will be numbered with uppercase roman numbers

type="i" The list items will be numbered with lowercase roman numbers

आदेलशत HTML सचूी - प्रकाय ववशषेता <Ol> टैग का प्रकाय, सचूी आइटभ भाका य के प्रकाय को ऩरयबावषत कयता है:

टाइऩ वववयण

टाइऩ = "1" सचूी आइटभ सॊख्माओॊ के साथ िभफद्ध होंगे (डडफॉल्ट) टाइऩ = "A" सचूी आइटभ अऩयकेस अऺयों के साथ धगने जाएॊगे

टाइऩ = "a" सचूी आइटभ को रोअयकेस अऺयों के साथ धगना जाएगा टाइऩ = "I" सचूी आइटभ को अऩयकेस योभन नॊफय के साथ िभाॊककत ककमा जाएगा

Page 18: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

टाइऩ = "i" सचूी आइटभ को रोअयकेस योभ सॊख्मा के साथ िभाॊककत

ककमा जाएगा

Ordered List with Numbers (िंबरों के साथ आदेलित सचूी)

Ordered List with Uppercase Letters (बड ेअक्षरों के साथ क्रमबद्ध सचूी)

Page 19: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

Ordered List with Lowercase Letters (ऱोअरकेस अक्षर के साथ आदेलित सचूी)

Ordered List with Uppercase Roman Numbers (अपरकेस रोमि िंबर के साथ आदेलित सचूी)

Page 20: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

Ordered List with Lowercase Roman Numbers (ऱोअरकेस रोमि िंबर के साथ आदेलित सचूी)

2.12 Use of Font size and Attributes

Fonts play a very important role in making a website more user friendly and

increasing content readability. Font face and color depends entirely on the

computer and browser that is being used to view your page but you can use

HTML <font> tag to add style, size, and color to the text on your website. You can

use a <basefont> tag to set all of your text to the same size, face, and color.

The font tag is having three attributes called size, color, and face to customize

your fonts. To change any of the font attributes at any time within your webpage,

simply use the <font> tag. The text that follows will remain changed until you

close with the </font> tag. You can change one or all of the font attributes within

one <font> tag.

ककसी वेफसाइट को अधधक उऩमोगकताा के अनकूुर फनाने औय साभग्री की ऩठनीमता फढाने भें फॉन््स फहुत भहत्वऩणूा बलूभका ननबाते हैं। फॉन्ट चहेया औय यॊग ऩयूी तयह से उस कॊ प्मटूय औय ब्राउज़य ऩय ननबाय कयता है क्जसका उऩमोग आऩके ऩषृ्ठ को देखने के लरए ककमा जा यहा है , रेककन आऩ अऩनी वेफसाइट ऩय

Page 21: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

ऩाठ भें शरैी , आकाय औय यॊग जोडने के लरए HTML <font> टैग का उऩमोग कय सकते हैं। आऩ अऩने सबी ऩाठ को एक ही आकाय, चहेये औय यॊग ऩय सेट कयने के लरए एक <basefont> टैग का उऩमोग कय सकते हैं।

पॉन्ट टैग भें आऩके पोंट को क्टभाइज़ कयने के लरए आकाय , यॊग औय चहेये नाभक तीन ववशषेताएॉ हैं। अऩने वेफऩषृ्ठ के बीतय ककसी बी सभम ककसी बी फॉन्ट ववशषेता को फदरने के लरए , फस <font> टैग का उऩमोग कयें। ऩाठ का अनसुयण तफ तक यहेगा जफ तक आऩ </ font> टैग के साथ फॊद नहीॊ हो जाते। आऩ एक </ font> टैग के बीतय एक मा सबी फॉन्ट ववशषेताओॊ को फदर सकते हैं।

Set Font Size

You can set content font size using size attribute. The range of accepted values is

from 1(smallest) to 7(largest). The default size of a font is 3.

आऩ आकाय ववशषेता का उऩमोग कयके साभग्री फॉन्ट आकाय सेट कय सकते हैं। ्वीकृत भलू्मों की सीभा 1 (सफसे छोटी) से 7 (सफसे फडी) तक है। एक फॉन्ट का डडफॉल्ट आकाय 3 है।

Page 22: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

OUTPUT

Relative Font Size

You can specify how many sizes larger or how many sizes smaller than the preset

font size should be. You can specify it like <font size = "+n"> or <font size =

"−n">

आऩ ननटदाष्ट कय सकते हैं कक ऩवूा ननधाारयत फॉन्ट आकाय से ककतने आकाय फड ेमा ककतने आकाय के छोटे होने चाटहए। आऩ इसे <font size = "+ n"> मा <font

size = "<n"> जैसे ननटदाष्ट कय सकते हैं

Page 23: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

2.13 Forms

An HTML form contains form elements.

Form elements are different types of input elements, like: text fields, checkboxes,

radio buttons, submit buttons, and more.

HTML पॉभा भें पॉभा एलरभें्स होते हैं। पॉभा तत्व ववलबन्न प्रकाय के इनऩटु तत्व हैं , जैसे: टेक्स्ट फील्ड , चकेफॉक्सस, येडडमो फटन, सफलभट फटन औय फहुत कुछ।

The <input> Element

The <input> element is the most important form element.

The <input> element is displayed in several ways, depending on the type attribute.

Here are some examples:

Type Description

<input type="text"> Defines a single-line text input field

<input type="radio"> Defines a radio button (for selecting one of many

choices)

<input type="submit"> Defines a submit button (for submitting the form)

<इनऩटु> तत्व सफसे भहत्वऩणूा रूऩ तत्व है। टाइऩ ववशषेता के आधाय ऩय <इनऩटु> तत्व को कई तयीकों से प्रदलशात ककमा जाता है। महाॉ कुछ उदाहयण हैं:

प्रकाय वववयण

<इनऩटु प्रकाय = "टेक्स्ट"> एकर-राइन टेक्स्ट इनऩटु फील्ड को ऩरयबावषत कयता है

Page 24: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

<इनऩटु प्रकाय = "येडडमो"> एक येडडमो फटन को ऩरयबावषत कयता है (कई भें से एक को चनुने के लरए ववकल्ऩ) <इनऩटु प्रकाय = "सफलभट"> एक सफलभट फटन ऩरयबावषत कयता है (पॉभा जभा कयने के लरए)

Text Fields

<input type="text"> defines a single-line input field for text input.

OUTPUT

Radio Buttons

<input type="radio"> defines a radio button.

Radio buttons let a user select ONE of a limited number of choices.

<इनऩटु प्रकाय = "येडडमो"> एक येडडमो फटन को ऩरयबावषत कयता है।

Page 25: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

येडडमो फटन उऩमोगकताा को सीलभत सॊख्मा भें ववकल्ऩों भें से एक का चमन कयने देते हैं।

OUTPUT

The Submit Button

<input type="submit"> defines a button for submitting the form data to a form-

handler.

The form-handler is typically a page on the server with a script for processing

input data.

The form-handler is specified in the form's action attribute.

<input type = "submit"> पॉभा डटेा को पॉभा-हैंडरय भें सफलभट कयने के लरए एक फटन को ऩरयबावषत कयता है।

Page 26: 2PGDCA2 INTERNET AND WEB DESIGN UNIT-2...2020/04/02  · 2PGDCA2-INTERNET AND WEB DESIGN UNIT-2 HTML 2.1 Concept of Hypertext Hypertext is text that links to other information. By

2PGDCA2-INTERNET AND WEB DESIGN

पॉभा-हैंडरय आभ तौय ऩय इनऩटु डटेा के प्रसॊ्कयण के लरए एक क््िप्ट के साथ सवाय ऩय एक ऩषृ्ठ है। प्रऩत्र-हैंडरय को प्रऩत्र की किमा ववशषेता भें ननटदाष्ट ककमा गमा है।

OUTPUT