सीना आप html के लिए नए हैं यहाँ तीन तैयार हैं उदाहरण के लिए सीएसएस का उपयोग कैसे करें html के साथ। आप बस उन्हें एक फ़ाइल में डाल सकते हैं, इसे सहेज सकते हैं और इसे अपनी पसंद के ब्राउज़र के साथ खोल सकते हैं:
यह सीधे आपके सीएसएस शैली को आपके टैग / तत्वों में एम्बेड करता है। आम तौर पर यह बहुत अच्छा दृष्टिकोण नहीं है, क्योंकि आपको हमेशा सामग्री / html को डिज़ाइन से अलग करना चाहिए।
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
</head>
<body>
<p style="font-weight:bold;">Hi, I'm very bold!</p>
</body>
</html>
अगला एक अधिक सामान्य दृष्टिकोण है और आपके दस्तावेज़ में सभी "पी" (पैराग्राफ के लिए खड़ा है) टैग पर काम करता है और अतिरिक्त उन्हें बहुत बड़ा बनाता है। Btw। Google अपनी खोज पर इस दृष्टिकोण का उपयोग करता है:
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<style type="text/css">
p {
font-weight:bold;
font-size:26px;
}
</style>
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
आप शायद पहले उदाहरणों के साथ खेलने में कुछ दिन लेंगे, हालांकि यहां आखिरी है। इसमें आप अंत में दो अलग-अलग फ़ाइलों में एक दूसरे से पूरी तरह से अलग डिजाइन (सीएसएस) और सामग्री (HTML) बनाते हैं। stackoverflow इस दृष्टिकोण लेता है।
एक फ़ाइल में आप सभी CSS डालते हैं (इसे 'hello_world.css' कहते हैं):
p {
font-weight:bold;
font-size:26px;
}
एक अन्य फ़ाइल में आपको html (इसे 'hello_world.html' कहना चाहिए):
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<link rel="stylesheet" type="text/css" href="hello_world.css" />
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
आशा है इससे थोडी मदद मिलेगी। अपने दस्तावेज़ में पता विशिष्ट तत्वों और नहीं सभी टैग करने के लिए आप अपने आप को परिचित करना चाहिए class, idऔर nameगुण। मज़े करो!