वेब पर कब्जा और परिवर्तित करने के लिए उपकरण

रूपांतरण के लिए HTML लिखने के टिप्स

GrabzIt's एपीआई आपको किसी भी HTML को बदलने की अनुमति देता है into PDF, DOCX, चित्र और बहुत कुछ। ऐसा करने के लिए आपको हमारे एपीआई में नियमित HTML पास करना होगा। उदाहरण के लिए, HTML जैसा कुछ निम्नलिखित उदाहरण में दिखाया गया है।

<html>
<body>
<h1>Hello World</h1>
</body>
</html>

ध्यान दें कि इस HTML उदाहरण में HTML और BODY टैग शामिल हैं, लेकिन यह आवश्यक नहीं है यदि आप HTML के एक स्निपेट को बदलना चाहते हैं। हालाँकि, यदि आप HTML और BODY टैग नहीं जोड़ते हैं तो ये आपके लिए सामान्य ब्राउज़र की तरह अपने आप जुड़ जाएंगे। इसका प्रतिकार करने के लिए आप नीचे दिखाए गए अनुसार BOD टैग पर किसी भी अतिरिक्त पैडिंग और मार्जिन को हटाने के लिए कुछ CSS निर्दिष्ट कर सकते हैं।

<style>
body{margin:0;padding:0}
</style>

यदि आप HTML में जावास्क्रिप्ट, चित्र या CSS शामिल करना चाहते हैं, तो आप इन संसाधनों को एक इनलाइन या संदर्भदाता में उपलब्ध करा सकते हैं। उदाहरण के लिए, नीचे दिया गया कोड दिखाता है कि इनलाइन तरीके से HTML में संसाधन कैसे बनाए जाएं।

<html>
<head>
<script>
document.getElementsByTagName('H1')[0].innerText = 'Goodbye';
</script>
<style>
h1{
color:red;
}
</style>
</head>
<body>
<img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOV
SKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGA
iqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
<h1>Hello World</h1>
</body>
</html>

जैसा कि आप ऊपर के उदाहरण में देख सकते हैं कि जावास्क्रिप्ट और सीएसएस सीधे HTML पेज के भीतर समाहित है और छवि को कैसे रूपांतरित किया गया है intया डेटा URL.

अगर हम इसके बजाय इन संसाधनों को संदर्भित करना चाहते हैं, तो हमें सभी URL को इन फ़ाइलों के लिंकिंग को सुनिश्चित करने की आवश्यकता होगी, जो निरपेक्ष URL का उपयोग करते हैं, जो सार्वजनिक रूप से सुलभ भी हैं। इसका अर्थ है कि URL में संसाधन का पता लगाने के लिए आवश्यक सभी जानकारी है। निरपेक्ष URL का उपयोग नहीं करना इसका मुख्य कारण है चित्र, सीएसएस और जावास्क्रिप्ट प्रदान नहीं की गई है HTML को परिवर्तित करते समय।

ऐसा करने के लिए जावास्क्रिप्ट, सीएसएस और छवि को रखना होगा intओ अलग-अलग फाइलों और फिर HTML में संदर्भित है, जो नीचे दिए गए उदाहरण की तरह दिखाई देगा।

<html>
<head>
<script src="http://www.example.com/myscript.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.example.com/mystyle.css">
</head>
<body>
<h1>Hello World</h1>
<img width="16" height="16" alt="star" src="http://www.example.com/star.gif" />
</body>
</html>