ویب پر گرفت اور تبدیل کرنے کے اوزار

تبادلوں کے ل HTML HTML لکھنے سے متعلق نکات

GrabzIt کا API آپ کو کسی بھی HTML کو تبدیل کرنے کی اجازت دیتا ہے۔ into PDF، DOCX، تصاویر اور مزید۔ ایسا کرنے کے لیے آپ کو ہمارے API کو باقاعدہ HTML پاس کرنے کی ضرورت ہے۔ مثال کے طور پر، مندرجہ ذیل مثال میں دکھایا گیا HTML جیسا کچھ۔

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

یاد رکھیں کہ اس HTML مثال میں HTML اور BODY ٹیگز شامل ہیں، لیکن اگر آپ صرف HTML کا ایک ٹکڑا تبدیل کرنا چاہتے ہیں تو اس کی ضرورت نہیں ہے۔ تاہم اگر آپ HTML اور BODY ٹیگز شامل نہیں کرتے ہیں تو یہ خود بخود آپ کے لیے بالکل عام براؤزر کی طرح شامل ہو جائیں گے۔ اس کا مقابلہ کرنے کے لیے آپ BODY ٹیگ پر کسی بھی اضافی پیڈنگ اور مارجن کو ہٹانے کے لیے کچھ CSS بتا سکتے ہیں جیسا کہ ذیل میں دکھایا گیا ہے۔

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

اگر آپ جاوا اسکرپٹ، امیجز یا سی ایس ایس کو ایچ ٹی ایم ایل میں شامل کرنا چاہتے ہیں جسے آپ کنورٹ کرنے جا رہے ہیں تو آپ ان وسائل کو ان لائن یا حوالہ جات میں فراہم کر سکتے ہیں۔ مثال کے طور پر، ذیل کا کوڈ دکھاتا ہے کہ 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>

جیسا کہ آپ اوپر کی مثال میں دیکھ سکتے ہیں کہ JavaScript اور CSS براہ راست HTML صفحہ کے اندر موجود ہیں اور تصویر کو کیسے تبدیل کیا گیا ہے۔ intاے ڈیٹا URL.

اگر ہم اس کے بجائے ان وسائل کا حوالہ دینا چاہتے ہیں تو ہمیں اس بات کو یقینی بنانا ہوگا کہ ان فائلوں سے لنک کرنے والے تمام URL مطلق URL کا استعمال کریں، جو عوامی طور پر بھی قابل رسائی ہیں۔ اس کا مطلب ہے کہ URL میں وسائل کی تلاش کے لیے ضروری تمام معلومات موجود ہیں۔ مطلق URL کا استعمال نہ کرنا بنیادی وجہ ہے۔ تصاویر، CSS اور JavaScript نے رینڈر نہیں کیا ہے۔ HTML کو تبدیل کرتے وقت۔

ایسا کرنے کے لیے جاوا اسکرپٹ، سی ایس ایس اور امیج ڈالنے کی ضرورت ہوگی۔ into علیحدہ فائلیں اور پھر ایچ ٹی ایم ایل میں حوالہ دیا گیا، جو کچھ نیچے کی مثال کی طرح نظر آئے گا۔

<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>