HTML देखें — लाइव HTML पूर्वावलोकन ऑनलाइन

HTML देखें — लाइव HTML पूर्वावलोकन ऑनलाइन

उपयोग यह मुफ़्त HTML देखें ऑनलाइन को पेस्ट करें या write HTML कोड और तुरंत देखें कैसे यह looks में ब्राउज़र.

वहाँ है नहीं ज़रूरत को बनाएँ एक .html फ़ाइल, install सॉफ़्टवेयर, या सेट करें ऊपर एक विकास environment.

वर्कफ़्लो है सरल:

पेस्ट करें HTML → देखें लाइव पूर्वावलोकन

जैसे आप edit कोड, पूर्वावलोकन अपडेट स्वचालित रूप से इसलिए आप सकता है परीक्षण layouts, HTML snippets, फ़ॉर्म, tables, inline CSS, और वेबसाइट अनुभाग जल्दी.

कैसे को उपयोग HTML देखें

1. पेस्ट करें या प्रकार HTML में HTML कोड एडिटर.
2. देखें rendered परिणाम में लाइव पूर्वावलोकन panel.
3. Continue संपादन और देखें बदलाव स्वचालित रूप से.
4. स्विच बीच डेस्कटॉप, Tablet, और मोबाइल पूर्वावलोकन आकार.
5. कॉपी या डाउनलोड आपका HTML कब पूर्ण.

आप सकता है भी उपयोग नमूना बटन यदि आप चाहते हैं को परीक्षण देखें पहले जोड़ना आपका अपना कोड.

HTML पूर्वावलोकन उदाहरण

पेस्ट करें:

[object HTMLPreElement]

पूर्वावलोकन panel तुरंत renders heading, paragraph, और बटन.

आप सकता है उपयोग या तो छोटा HTML fragments या पूर्ण HTML दस्तावेज़.

लाइव HTML पूर्वावलोकन जबकि आप प्रकार

के साथ स्वचालित पूर्वावलोकन enabled, वहाँ है नहीं ज़रूरत को press एक Run बटन बाद हर edit.

बदलें:

• HTML elements
• टेक्स्ट
• Classes
• Inline शैली
• Tables
• फ़ॉर्म
• छवियाँ
• Layout संरचना

और rendered परिणाम अपडेट स्वचालित रूप से.

यदि आप हैं काम करना के साथ बड़ा HTML कोड, आप सकता है turn स्वचालित पूर्वावलोकन बंद और उपयोग Refresh पूर्वावलोकन मैन्युअल रूप से.

HTML एडिटर के साथ पूर्वावलोकन

पर डेस्कटॉप, टूल दिखाता है:

HTML एडिटर | लाइव पूर्वावलोकन

यह बनाता है यह आसान को तुलना करें आपका स्रोत कोड के साथ rendered आउटपुट.

पर छोटा screens, एडिटर और पूर्वावलोकन स्वचालित रूप से stack vertically के लिए आसान उपयोग पर tablets और मोबाइल डिवाइस.

परीक्षण HTML ऑनलाइन

देखें है उपयोगी कब आप ज़रूरत को जल्दी परीक्षण एक छोटा piece का HTML बिना खोलें एक पूर्ण IDE.

सामान्य उपयोग करता है शामिल करें:

• परीक्षण HTML snippets
• जाँचना जनरेट किया गया HTML
• पूर्वावलोकन ब्लॉग HTML
• परीक्षण tables
• समीक्षा करना फ़ॉर्म
• जाँचना inline CSS
• Debugging layout problems
• पूर्वावलोकन वेबसाइट अनुभाग
• Learning HTML
• Demonstrating HTML में कक्षा

Responsive HTML पूर्वावलोकन

उपयोग built-में डिवाइस नियंत्रण को देखें कैसे आपका HTML behaves पर अलग viewport चौड़ाई.

चुनें से:

डेस्कटॉप

पूर्वावलोकन पृष्ठ पर एक wide डेस्कटॉप layout.

Tablet

जाँचें कैसे HTML responds पर एक narrower tablet चौड़ाई.

मोबाइल

पूर्वावलोकन layout पर एक मोबाइल-आकार viewport.

यह है विशेष रूप से helpful कब परीक्षण responsive CSS और वेबसाइट अनुभाग.

पूर्वावलोकन HTML और CSS

HTML देखें समर्थन करता है CSS स्थान inside आपका कोड.

उदाहरण के लिए:

[object HTMLPreElement]

शैली होगा appear सीधे में पूर्वावलोकन.

आप सकता है उपयोग:

• आंतरिक <style> blocks
• Inline शैली
• मूल responsive CSS
• External stylesheets कब ब्राउज़र पहुँच अनुमति देता है उन्हें

HTML Fragment और पूर्ण दस्तावेज़ समर्थन

आप करें नहीं ज़रूरत को write एक पूर्ण HTML दस्तावेज़.

एक सरल fragment ऐसा जैसे:

[object HTMLPreElement]

सकता है होना पूर्वावलोकन तुरंत.

आप सकता है भी पेस्ट करें एक पूर्ण दस्तावेज़ जिसमें शामिल है:

[object HTMLPreElement]

यह बनाता है टूल उपयोगी के लिए दोनों beginners और डेवलपर.

Safe HTML पूर्वावलोकन

पूर्वावलोकन चलता है inside एक isolated iframe.

के लिए safety, JavaScript execution है disabled में यह version का देखें.

HTML और CSS सकता है होना rendered, जबकि potentially risky active behavior ऐसा जैसे scripts, फ़ॉर्म submissions, popups, और nested frames है restricted.

यह बनाता है टूल बेहतर suited के लिए जल्दी inspecting अतीत HTML बिना allowing यह को interact सीधे के साथ मुख्य टूल पृष्ठ.

Import और डाउनलोड HTML

यदि आप पहले से हैं एक HTML फ़ाइल, उपयोग Import HTML को load यह में एडिटर.

कब पूर्ण, क्लिक करें डाउनलोड को सहेजें वर्तमान कोड जैसे एक .html फ़ाइल.

यह इन कामों के लिए उपयोगी है:

• छात्र बनाना HTML अभ्यास
• डेवलपर परीक्षण snippets
• Bloggers समीक्षा करना HTML
• शिक्षक तैयारी उदाहरण
• Freelancers जाँचना क्लाइंट मार्कअप

कॉपी HTML के साथ एक क्लिक करें

उपयोग कॉपी HTML को जल्दी कॉपी पूर्ण स्रोत कोड को आपका clipboard.

आप सकता है फिर पेस्ट करें यह में:

• बनाम कोड
• एक CMS
• एक वेबसाइट builder
• एक ब्लॉग एडिटर
• एक कोड repository
• दूसरा विकास टूल

जो है यह HTML देखें के लिए?

Front-अंत डेवलपर

जल्दी परीक्षण और debug HTML बिना बनाना temporary फ़ाइलें.

छात्र

Learn HTML द्वारा लेखन कोड और देखें परिणाम तुरंत.

Beginners

Experiment के साथ headings, paragraphs, बटन, फ़ॉर्म, छवियाँ, और शैली.

प्रश्नोत्तर Testers

Inspect जनरेट किया गया या कॉपी किया गया HTML और सत्यापित करें कैसे यह renders.

Bloggers

पूर्वावलोकन कस्टम HTML पहले जोड़ना यह को एक वेबसाइट या CMS.

शिक्षक

Demonstrate HTML उदाहरण में एक सरल ब्राउज़र-आधारित environment.

अक्सर पूछे जाने वाले प्रश्न

क्या है एक HTML देखें?

एक HTML देखें अनुमति देता है आप दर्ज करें HTML कोड और देखें rendered दृश्य परिणाम में एक ब्राउज़र पूर्वावलोकन.

सकता है मैं पूर्वावलोकन HTML ऑनलाइन बिना बनाना एक फ़ाइल?

हाँ. पेस्ट करें या प्रकार आपका HTML सीधे में एडिटर और देखें परिणाम तुरंत.

करता है पूर्वावलोकन अपडेट स्वचालित रूप से?

हाँ. स्वचालित पूर्वावलोकन अपडेट rendered आउटपुट जबकि आप प्रकार.

सकता है मैं पूर्वावलोकन CSS भी?

हाँ. Inline CSS और <style> blocks हैं rendered के साथ HTML.

सकता है मैं परीक्षण responsive HTML?

हाँ. उपयोग डेस्कटॉप, Tablet, और मोबाइल पूर्वावलोकन मोड.

सकता है मैं पेस्ट करें एक पूर्ण HTML दस्तावेज़?

हाँ. दोनों HTML fragments और पूर्ण दस्तावेज़ हैं समर्थित.

करता है JavaScript run में पूर्वावलोकन?

नहीं. JavaScript है disabled में यह version के लिए safer HTML पूर्वावलोकन.

सकता है मैं डाउनलोड मेरा HTML?

हाँ. आप सकता है डाउनलोड वर्तमान स्रोत जैसे एक .html फ़ाइल.

पूर्वावलोकन HTML ऑनलाइन अब

पेस्ट करें आपका HTML में एडिटर और देखें rendered परिणाम तुरंत.

क्या आप हैं learning HTML, परीक्षण एक snippet, जाँचना एक responsive layout, समीक्षा करना जनरेट किया गया कोड, या debugging एक वेबसाइट अनुभाग, यह लाइव HTML देखें देता है आप एक तेज़ तरीका को पूर्वावलोकन HTML सीधे आपके ब्राउज़र में.