\nThe Web browser is ignored space,?? line breaks, and other formatting characters of text.\nIf you wanted some?? format then tag or attribute must have used every time.\nPre tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.\nIt is?? changed when CSS tags are applied.\nPre tag in HTML shows the? preformatted text of the content.\n<\/pre>\n<\/body>\n<\/html><\/pre>\n
Output:<\/strong><\/p>\n
<\/p>\n
Penjelasan kepada kod di atas:?<\/strong>Tunjukkan contoh di atas. Apabila pra-teg digunakan dalam bahagian kandungan yang diperlukan, kandungan tersebut kelihatan dalam format seperti sedia ada. Ruang dan baris seterusnya tidak diabaikan apabila teg pra digunakan pada teks.<\/p>\n
2. Tanpa Menggunakan Pre Tag Dalam Html<\/h4>\n
Kod:<\/b><\/p>\n
\n\n\n using pre tag in html <\/title>\n<\/head>\n<body>
<h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\nThe Web browser is ignored space, line breaks, and other\nformatting characters of text.\nIf you wanted some format then tag or attribute must have\nused every time.\nThis tag is used to remove this drawback. Pre tag used to\nkeep text format as it is. It is changed when CSS tags are applied.\nThis pre tag shows the preformatted text of the content.\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543832530930.jpg\" alt=\"Pra Tag dalam HTML\" ><\/p>\n<p><strong>Penjelasan kepada kod di atas:?<\/strong>Tunjukkan contoh di atas, iaitu tanpa menggunakannya. Ruang, pemisah baris dan baris baharu diabaikan secara automatik. Halaman web menunjukkan kandungan mengikut keperluan mereka. Untuk memberi ruang dan memutuskan baris, kita perlu menggunakan tag HTML.<\/p>\n\n\n<h4>3. Gunakan HTML tag lain<\/h4>\n<p><b>Kod:<\/b><\/p>\n<pre><!DOCTYPE>\n<html>\n<head>\n<title> using pre tag in html <\/title>\n<\/head>\n<body>\nThe Web browser is ignored space, line breaks, and other formatting characters of text.<br>\nIf you wanted some ? format then tag or attribute must have used every time.<br>\nThis is used to remove its drawback. Pre tag used to keep text format as it is.<br> It is changed when CSS tags are applied. <br>\nIt shows preformatted text of the content.<br>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543832754208.jpg\" alt=\"Pra Tag dalam HTML\" ><\/p>\n<p><strong>Penjelasan kepada kod di atas:?<\/strong>Tunjukkan contoh di atas, iaitu tanpa menggunakan teg pra. Tetapi daripada menggunakan teg pra, kami menggunakan teg HTML lain. <br> tag digunakan untuk memutuskan garisan dan ? aksara yang digunakan untuk ruang.<\/p>\n<h3>Penggunaan Pra Tag<\/h3>\n<ul>\n<li>Halaman web mengabaikan ruang dan pemisah baris jika kami tidak menggunakan teg dan atribut. Tetapi setiap baris, kita perlu menggunakan atribut ini.<\/li>\n<li>Pra tag mengekalkan format kandungan asal.<\/li>\n<li>Pembangun boleh menggunakan satu teg untuk blok dan bukannya menggunakan banyak teg. Kurangkan pengekodan dan mudah difahami.<\/li>\n<\/ul>\n<p>Pra Tag menyokong pelayar web berikut:<\/p>\n<ul>\n<li>Google Chrome<\/li>\n<li>Internet Explorer<\/li>\n<li>Firefox<\/li>\n<li>Opera<\/li>\n<li>Safari<\/li>\n<\/ul>\n<h3>Contoh untuk Dilaksanakan<\/h3>\n<p>Di bawah adalah contoh pelaksanaan di dalamnya:<\/p>\n<h4>Contoh #1<\/h4>\n<p>Menggunakan Teg Pra dengan teg CSS.<\/p>\n<p><strong>Kod:<\/strong><\/p>\n\n\n<pre><!DOCTYPE>\n<html>\n<head>\n<title> using pre tag with CSS <\/title>\n<style>\npre {\nfont-family: Arial;\ncolor: yellow;\nborder: solid black;\nbackground-color: black;\n}\n<\/style>\n<\/head>\n<body>\n<pre>\nThe Web browser is ignored space, line breaks, and other formatting characters of text.\nIf you wanted some format then tag or attribute must have used every time.\nThis tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.\nIt is changed when CSS tags are applied.\nThis tag in HTML shows the preformatted text of the content.\n<\/pre>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543832995577.jpg\" alt=\"Pra Tag dalam HTML\" ><\/p>\n<p><strong>Penjelasan kepada kod di atas:?<\/strong>Tunjukkan contoh di atas sedang menggunakannya dengan teg gaya CSS. Jika anda menggunakan teg pra maka teg gaya CSS juga boleh menukar format kandungan. Teg gaya menggunakan gaya fon, jidar dan warna teks dalam CSS.<\/p>\n<h4>Contoh #2<\/h4>\n<p>Contoh Di Bawah. Ini ialah gabungan teg HTML lain dan teg pra dengan CSS.<\/p>\n<p><strong>?Kod:<\/strong><\/p>\n<pre><!DOCTYPE>\n<html>\n<head>\n<title> using pre tag in html? with CSS <\/title>\n<style>\npre {\nfont-family: Arial;\ncolor: yellow;\nborder: solid black;\nbackground-color:black;\n}\n<\/style>\n<\/head>\n<body>\n<p>\nThe Web browser is ignored space, line breaks, and other formatting characters of text.\nIf you wanted some format then tag or attribute must have used every time.\nThis tag used to remove this drawback. Pre tag used to keep text format as it is.\nIt is changed when CSS tags are applied.\nIt shows the preformatted text of the content.\n<\/p>\n<pre>\nThe Web browser is ignored space, line breaks, and other formatting characters of text.\nIf you wanted some format then tag or attribute must have used every time.\nThis tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.\nIt is changed when CSS tags are applied.\nThis tag in HTML shows the preformatted text of the content.\n<\/pre>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543833296074.jpg\" alt=\"Pra Tag dalam HTML\" ><\/p>\n<h3>Kesimpulan<\/h3>\n<p>Pembangun menggunakan teg ini untuk mengurangkan pengekodan dan mendapatkan kandungan berformat. Web tidak boleh mengabaikan format kandungan dalam teg pra.<\/p>"} </script>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
<div id="377j5v51b" class="head">
<div id="377j5v51b" class="haed_left">
<div id="377j5v51b" class="haed_logo">
<a href="http://m.miracleart.cn/ms/" title="" class="haed_logo_a">
<img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
</a>
</div>
<div id="377j5v51b" class="head_nav">
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://m.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
<a href="http://m.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
<a href="http://m.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
<a href="http://m.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
<a href="http://m.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
<a href="http://m.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
<a href="http://m.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
<a href="http://m.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://m.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
<a href="http://m.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="cari" onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
<div class="377j5v51b" id="dropdown-template" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
<a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
<a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
<a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a>
<a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
<a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
</div>
</div>
</div>
<span id="377j5v51b" class="head_right_line"></span>
<div style="display: block;" id="login" class="haed_login ">
<a href="javascript:;" title="Login" class="haed_logina ">Login</a>
</div>
<div style="display: block;" id="reg" class="head_signup login">
<a href="javascript:;" title="singup" class="head_signupa">singup</a>
</div>
</div>
</div>
</header>
<main>
<div id="377j5v51b" class="Article_Details_main">
<div id="377j5v51b" class="Article_Details_main1">
<div id="377j5v51b" class="Article_Details_main1L">
<div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
<div id="377j5v51b" class="Article_Details_main1L1">Jadual Kandungan</div>
<div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">
<!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Bagaimana-Pra-Teg-Berfungsi-Dalam-HTML" title="Bagaimana Pra Teg Berfungsi Dalam HTML?" >Bagaimana Pra Teg Berfungsi Dalam HTML?</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Menggunakan-Pre-Tag-Dalam-Html" title="1. Menggunakan Pre Tag Dalam Html" >1. Menggunakan Pre Tag Dalam Html</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Tanpa-Menggunakan-Pre-Tag-Dalam-Html" title="2. Tanpa Menggunakan Pre Tag Dalam Html" >2. Tanpa Menggunakan Pre Tag Dalam Html</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Gunakan-HTML-tag-lain" title="3. Gunakan HTML tag lain" >3. Gunakan HTML tag lain</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Penggunaan-Pra-Tag" title="Penggunaan Pra Tag" >Penggunaan Pra Tag</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh-untuk-Dilaksanakan" title="Contoh untuk Dilaksanakan" >Contoh untuk Dilaksanakan</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh" title="Contoh #2" >Contoh #2</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Kesimpulan" title="Kesimpulan" >Kesimpulan</a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://m.miracleart.cn/ms/" title="Rumah"
class="phpgenera_Details_mainL1a">Rumah</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ms/web-designer.html"
class="phpgenera_Details_mainL1a">hujung hadapan web</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ms/div-tutorial.html"
class="phpgenera_Details_mainL1a">html tutorial</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Pra Tag dalam HTML</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Pra Tag dalam HTML</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://m.miracleart.cn/ms/member/887227.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://m.miracleart.cn/ms/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:25 PM</span>
<div id="377j5v51b" class="Articlelist_txts_infos">
<span id="377j5v51b" class="Articlelist_txts_infoss on">html</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span>
</div>
</div>
</div>
<hr />
<div id="377j5v51b" class="article_main php-article">
<div id="377j5v51b" class="article-list-left detail-content-wrap content">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3461856641">
</ins>
<p>Pelayar web diabaikan ruang, pemisah baris dan aksara pemformatan teks yang lain. Jika anda mahukan beberapa format, maka teg atau atribut mesti telah digunakan setiap kali. Ia digunakan untuk menghapuskan kelemahan ini. Pre tag digunakan untuk mengekalkan format teks seperti sedia ada. Ia ditukar apabila teg CSS digunakan. Ia menunjukkan teks kandungan yang dipraformat.</p>
<p><strong>Sintaks:</strong></p>
<p>HTML mempunyai banyak teg untuk tujuan yang berbeza.</p>
<p><strong>Contoh:</strong></p>
<ul>
<li><br></li>
<li><p></li>
<li><pra>, dsb.</li>
</ul>
<p>Teg pra mempunyai teg pembukaan serta teg penutup seperti teg HTML yang lain.</p>
<pre class="brush:php;toolbar:false"><pre class="brush:php;toolbar:false"> content of web </pre></pre>
<p>Sintaks di atas digunakan apabila kita memerlukan teks kandungan yang dipraformat.</p>
<h3 id="Bagaimana-Pra-Teg-Berfungsi-Dalam-HTML">Bagaimana Pra Teg Berfungsi Dalam HTML?</h3>
<p>Di bawah ialah penjelasan tentang cara Pra tag berfungsi:</p>
<h4 id="Menggunakan-Pre-Tag-Dalam-Html">1. Menggunakan Pre Tag Dalam Html</h4>
<p><b>Kod:</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE>
<html>
<head>
<title> using pre tag in html </title>
</head>
<body>
<pre class="brush:php;toolbar:false">
The Web browser is ignored space,?? line breaks, and other formatting characters of text.
If you wanted some?? format then tag or attribute must have used every time.
Pre tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.
It is?? changed when CSS tags are applied.
Pre tag in HTML shows the? preformatted text of the content.
</pre>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543832336092.jpg" class="lazy" alt="Pra Tag dalam HTML" ></p>
<p><strong>Penjelasan kepada kod di atas:?</strong>Tunjukkan contoh di atas. Apabila pra-teg digunakan dalam bahagian kandungan yang diperlukan, kandungan tersebut kelihatan dalam format seperti sedia ada. Ruang dan baris seterusnya tidak diabaikan apabila teg pra digunakan pada teks.</p>
<h4 id="Tanpa-Menggunakan-Pre-Tag-Dalam-Html">2. Tanpa Menggunakan Pre Tag Dalam Html</h4>
<p><b>Kod:</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE>
<html>
<head>
<title> using pre tag in html </title>
</head>
<body>
The Web browser is ignored space, line breaks, and other
formatting characters of text.
If you wanted some format then tag or attribute must have
used every time.
This tag is used to remove this drawback. Pre tag used to
keep text format as it is. It is changed when CSS tags are applied.
This pre tag shows the preformatted text of the content.
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543832530930.jpg" class="lazy" alt="Pra Tag dalam HTML" ></p>
<p><strong>Penjelasan kepada kod di atas:?</strong>Tunjukkan contoh di atas, iaitu tanpa menggunakannya. Ruang, pemisah baris dan baris baharu diabaikan secara automatik. Halaman web menunjukkan kandungan mengikut keperluan mereka. Untuk memberi ruang dan memutuskan baris, kita perlu menggunakan tag HTML.</p>
<h4 id="Gunakan-HTML-tag-lain">3. Gunakan HTML tag lain</h4>
<p><b>Kod:</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE>
<html>
<head>
<title> using pre tag in html </title>
</head>
<body>
The Web browser is ignored space, line breaks, and other formatting characters of text.<br>
If you wanted some ? format then tag or attribute must have used every time.<br>
This is used to remove its drawback. Pre tag used to keep text format as it is.<br> It is changed when CSS tags are applied. <br>
It shows preformatted text of the content.<br>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543832754208.jpg" class="lazy" alt="Pra Tag dalam HTML" ></p>
<p><strong>Penjelasan kepada kod di atas:?</strong>Tunjukkan contoh di atas, iaitu tanpa menggunakan teg pra. Tetapi daripada menggunakan teg pra, kami menggunakan teg HTML lain. <br> tag digunakan untuk memutuskan garisan dan ? aksara yang digunakan untuk ruang.</p>
<h3 id="Penggunaan-Pra-Tag">Penggunaan Pra Tag</h3>
<ul>
<li>Halaman web mengabaikan ruang dan pemisah baris jika kami tidak menggunakan teg dan atribut. Tetapi setiap baris, kita perlu menggunakan atribut ini.</li>
<li>Pra tag mengekalkan format kandungan asal.</li>
<li>Pembangun boleh menggunakan satu teg untuk blok dan bukannya menggunakan banyak teg. Kurangkan pengekodan dan mudah difahami.</li>
</ul>
<p>Pra Tag menyokong pelayar web berikut:</p>
<ul>
<li>Google Chrome</li>
<li>Internet Explorer</li>
<li>Firefox</li>
<li>Opera</li>
<li>Safari</li>
</ul>
<h3 id="Contoh-untuk-Dilaksanakan">Contoh untuk Dilaksanakan</h3>
<p>Di bawah adalah contoh pelaksanaan di dalamnya:</p>
<h4 id="Contoh">Contoh #1</h4>
<p>Menggunakan Teg Pra dengan teg CSS.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE>
<html>
<head>
<title> using pre tag with CSS </title>
<style>
pre {
font-family: Arial;
color: yellow;
border: solid black;
background-color: black;
}
</style>
</head>
<body>
<pre class="brush:php;toolbar:false">
The Web browser is ignored space, line breaks, and other formatting characters of text.
If you wanted some format then tag or attribute must have used every time.
This tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.
It is changed when CSS tags are applied.
This tag in HTML shows the preformatted text of the content.
</pre>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543832995577.jpg" class="lazy" alt="Pra Tag dalam HTML" ></p>
<p><strong>Penjelasan kepada kod di atas:?</strong>Tunjukkan contoh di atas sedang menggunakannya dengan teg gaya CSS. Jika anda menggunakan teg pra maka teg gaya CSS juga boleh menukar format kandungan. Teg gaya menggunakan gaya fon, jidar dan warna teks dalam CSS.</p>
<h4 id="Contoh">Contoh #2</h4>
<p>Contoh Di Bawah. Ini ialah gabungan teg HTML lain dan teg pra dengan CSS.</p>
<p><strong>?Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE>
<html>
<head>
<title> using pre tag in html? with CSS </title>
<style>
pre {
font-family: Arial;
color: yellow;
border: solid black;
background-color:black;
}
</style>
</head>
<body>
<p>
The Web browser is ignored space, line breaks, and other formatting characters of text.
If you wanted some format then tag or attribute must have used every time.
This tag used to remove this drawback. Pre tag used to keep text format as it is.
It is changed when CSS tags are applied.
It shows the preformatted text of the content.
</p>
<pre class="brush:php;toolbar:false">
The Web browser is ignored space, line breaks, and other formatting characters of text.
If you wanted some format then tag or attribute must have used every time.
This tag in HTML used to remove this drawback. Pre tag used to keep text format as it is.
It is changed when CSS tags are applied.
This tag in HTML shows the preformatted text of the content.
</pre>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543833296074.jpg" class="lazy" alt="Pra Tag dalam HTML" ></p>
<h3 id="Kesimpulan">Kesimpulan</h3>
<p>Pembangun menggunakan teg ini untuk mengurangkan pengekodan dan mendapatkan kandungan berformat. Web tidak boleh mengabaikan format kandungan dalam teg pra.</p><p>Atas ialah kandungan terperinci Pra Tag dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<div id="377j5v51b" class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<!-- <div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 下次還敢</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div> -->
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat AI Hot</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Gambar buka pakaian secara percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>Penyingkiran pakaian AI</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 下次還敢</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Editor kod yang mudah digunakan dan percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Cina</h3>
</a>
<p>Versi Cina, sangat mudah digunakan</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Hantar Studio 13.0.1</h3>
</a>
<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Alat pembangunan web visual</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Mac</h3>
</a>
<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Topik panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1600</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>29</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1501</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>276</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main2">
<div id="377j5v51b" class="phpgenera_Details_mainL4">
<div id="377j5v51b" class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainL4_info">
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175363969291498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mengapa gambar saya tidak muncul dalam html?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_title">Mengapa gambar saya tidak muncul dalam html?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 28, 2025 am 02:08 AM</span>
<p class="Articlelist_txts_p">Imej tidak dipaparkan biasanya disebabkan oleh laluan fail yang salah, nama fail atau lanjutan yang salah, isu sintaks HTML, atau cache penyemak imbas. 1. Pastikan laluan SRC selaras dengan lokasi sebenar fail dan gunakan laluan relatif yang betul; 2. Periksa sama ada kes fail dan sambungan sepadan dengan tepat, dan sahkan sama ada imej boleh dimuatkan dengan terus memasukkan URL; 3. Periksa sama ada sintaks tag IMG adalah betul, pastikan tiada aksara yang berlebihan dan nilai atribut alt sesuai; 4. Penyelesaian masalah dalam pesanan ini dapat menyelesaikan masalah paparan imej HTML.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag di dalam tag yang lain?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175356093168643.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bolehkah anda meletakkan tag di dalam tag yang lain?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag di dalam tag yang lain?" class="phphistorical_Version2_mids_title">Bolehkah anda meletakkan tag di dalam tag yang lain?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 04:15 AM</span>
<p class="Articlelist_txts_p">?youcannotnesttagsinsideanothertagbecauseit'sinvalidhtml; browsersautomomatikclosethefirstbeforeopeningthenext, drectinginseparateParagraphs.instead, useinlineelements,</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175382222111469.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_title">Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 04:50 AM</span>
<p class="Articlelist_txts_p">Untuk membuat senarai HTML yang tidak teratur, anda perlu menggunakan tag untuk menentukan bekas senarai. Setiap item senarai dibalut dengan tag, dan penyemak imbas secara automatik akan menambah peluru; 1. Buat senarai dengan tag; 2. Setiap item senarai ditakrifkan dengan tag; 3. Penyemak imbas secara automatik menjana simbol titik lalai; 4. Sublists boleh dilaksanakan melalui bersarang; 5. Gunakan atribut jenis gaya CSS untuk mengubah suai gaya simbol, seperti cakera, bulatan, persegi, atau tidak; Gunakan tag ini dengan betul untuk menghasilkan senarai yang tidak teratur standard.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175364067270391.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk menggunakan atribut contentedable?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_title">Bagaimana untuk menggunakan atribut contentedable?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 28, 2025 am 02:24 AM</span>
<p class="Articlelist_txts_p">TheContentititableatTributeMakesanyhtmleLementedByDdingContentedied boleh</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175382310285254.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_title">Kepentingan HTML semantik untuk SEO dan kebolehcapaian</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 05:05 AM</span>
<p class="Articlelist_txts_p">Semantichtmlimprovesbothseoandaccessibilitybyingingmeaningfultagsthatconveycontentstructure.1) itenhancesseothroughbettercontenthierarchywithproperheadinglevels, ImprovedIndexingViaelementsLikeAnd, andsupportforrichssoShorseShorseShorseShorseSnipsoSnipsOringsAnpetAnd</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175393022141664.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_title">Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5.</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 31, 2025 am 10:50 AM</span>
<p class="Articlelist_txts_p">Tag skema.org membantu enjin carian memahami format data berstruktur kandungan laman web melalui tag semantik (seperti skop item, jenis item, itemprop); Ia boleh digunakan untuk menentukan perbendaharaan kata tersuai, kaedah termasuk memperluaskan jenis sedia ada atau menggunakan tambahanType untuk memperkenalkan jenis baru; Dalam aplikasi sebenar, mengekalkan struktur yang jelas, menggunakan atribut rasmi terlebih dahulu, menguji kesahan kod, dan memastikan jenis tersuai boleh diakses; Langkah berjaga-jaga termasuk menerima sokongan separa, mengelakkan kesilapan ejaan, dan memilih format yang sesuai seperti JSON-LD.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175412424244340.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara membuat medan input carian dalam bentuk HTML" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_title">Cara membuat medan input carian dalam bentuk HTML</a>
<span id="377j5v51b" class="Articlelist_txts_time">Aug 02, 2025 pm 04:44 PM</span>
<p class="Articlelist_txts_p">USETHELEMENTWITHINATAGTOCREATEASEMANTICSEVELEFIELD.2.IncludeAforAccessibility, setTheForm'sActionandMethod = "GET" ATTRIBUTESTOSENDDATATOSearchendWithAphareabeBel.3.addname = "q" TODineThequeryParameter, UsePlaceShernerToguuse</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796851832.html" title="Bagaimana cara mengendalikan butang klik dengan onclick?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175382380125459.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana cara mengendalikan butang klik dengan onclick?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796851832.html" title="Bagaimana cara mengendalikan butang klik dengan onclick?" class="phphistorical_Version2_mids_title">Bagaimana cara mengendalikan butang klik dengan onclick?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 05:16 AM</span>
<p class="Articlelist_txts_p">Gunakan atribut OnClick dalam HTML untuk mengikat peristiwa klik secara langsung, yang sesuai untuk senario mudah tetapi tidak kondusif untuk penyelenggaraan kod; 2. 3. Adalah disyorkan untuk menggunakan kaedah AddEventListener untuk menyokong pelbagai pemantauan acara dan mengawal aliran acara yang lebih baik, dan harus beroperasi selepas DOM dimuatkan untuk mengelakkan kesilapan biasa seperti akses pramatang kepada unsur -unsur atau konflik kutipan di HTML. Oleh itu, OnClick sesuai untuk pemula dan projek kecil, manakala AddEventListener lebih sesuai untuk aplikasi yang kompleks.</p>
</div>
</div>
<a href="http://m.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a>
<a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
<a href="http://m.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="1bx3k" class="pl_css_ganrao" style="display: none;"><blockquote id="1bx3k"></blockquote><menuitem id="1bx3k"><nobr id="1bx3k"><address id="1bx3k"><nav id="1bx3k"></nav></address></nobr></menuitem><center id="1bx3k"><optgroup id="1bx3k"><tt id="1bx3k"></tt></optgroup></center><video id="1bx3k"><pre id="1bx3k"></pre></video><ruby id="1bx3k"><dl id="1bx3k"><ruby id="1bx3k"><strong id="1bx3k"></strong></ruby></dl></ruby><pre id="1bx3k"><form id="1bx3k"></form></pre><dd id="1bx3k"></dd><rt id="1bx3k"><small id="1bx3k"></small></rt><meter id="1bx3k"></meter><dfn id="1bx3k"></dfn><span id="1bx3k"><small id="1bx3k"><legend id="1bx3k"><li id="1bx3k"></li></legend></small></span><acronym id="1bx3k"></acronym><tbody id="1bx3k"><meter id="1bx3k"></meter></tbody><dl id="1bx3k"></dl><form id="1bx3k"><strong id="1bx3k"><blockquote id="1bx3k"><pre id="1bx3k"></pre></blockquote></strong></form><ol id="1bx3k"><noframes id="1bx3k"><rt id="1bx3k"><optgroup id="1bx3k"></optgroup></rt></noframes></ol><tr id="1bx3k"><noframes id="1bx3k"></noframes></tr><li id="1bx3k"><legend id="1bx3k"></legend></li><dfn id="1bx3k"><em id="1bx3k"><s id="1bx3k"><b id="1bx3k"></b></s></em></dfn><font id="1bx3k"><style id="1bx3k"><progress id="1bx3k"><small id="1bx3k"></small></progress></style></font><button id="1bx3k"></button><code id="1bx3k"><tr id="1bx3k"><sup id="1bx3k"></sup></tr></code><font id="1bx3k"><style id="1bx3k"></style></font><ins id="1bx3k"></ins><var id="1bx3k"><font id="1bx3k"></font></var><fieldset id="1bx3k"><output id="1bx3k"><ol id="1bx3k"><option id="1bx3k"></option></ol></output></fieldset><em id="1bx3k"><s id="1bx3k"><form id="1bx3k"></form></s></em><pre id="1bx3k"><b id="1bx3k"></b></pre><mark id="1bx3k"><video id="1bx3k"><pre id="1bx3k"><em id="1bx3k"></em></pre></video></mark><center id="1bx3k"></center><acronym id="1bx3k"></acronym><thead id="1bx3k"></thead><progress id="1bx3k"></progress><ol id="1bx3k"></ol><menuitem id="1bx3k"><nobr id="1bx3k"><tr id="1bx3k"><dfn id="1bx3k"></dfn></tr></nobr></menuitem><rt id="1bx3k"><small id="1bx3k"></small></rt><ol id="1bx3k"><font id="1bx3k"><style id="1bx3k"><progress id="1bx3k"></progress></style></font></ol><object id="1bx3k"><tt id="1bx3k"><style id="1bx3k"><ins id="1bx3k"></ins></style></tt></object><listing id="1bx3k"><pre id="1bx3k"></pre></listing><dl id="1bx3k"></dl><legend id="1bx3k"><th id="1bx3k"></th></legend><big id="1bx3k"><tbody id="1bx3k"><meter id="1bx3k"><var id="1bx3k"></var></meter></tbody></big><label id="1bx3k"></label><thead id="1bx3k"><track id="1bx3k"><tfoot id="1bx3k"><track id="1bx3k"></track></tfoot></track></thead><rt id="1bx3k"><small id="1bx3k"></small></rt><rp id="1bx3k"></rp><track id="1bx3k"><ol id="1bx3k"><small id="1bx3k"><style id="1bx3k"></style></small></ol></track><form id="1bx3k"><optgroup id="1bx3k"><td id="1bx3k"><form id="1bx3k"></form></td></optgroup></form><tr id="1bx3k"></tr><i id="1bx3k"><meter id="1bx3k"></meter></i><dfn id="1bx3k"></dfn><source id="1bx3k"></source><th id="1bx3k"></th><center id="1bx3k"><optgroup id="1bx3k"></optgroup></center><tt id="1bx3k"></tt><thead id="1bx3k"><nav id="1bx3k"><thead id="1bx3k"></thead></nav></thead><thead id="1bx3k"></thead><address id="1bx3k"></address><mark id="1bx3k"><label id="1bx3k"><sub id="1bx3k"><optgroup id="1bx3k"></optgroup></sub></label></mark><dfn id="1bx3k"><td id="1bx3k"><pre id="1bx3k"></pre></td></dfn><listing id="1bx3k"></listing><form id="1bx3k"></form><ul id="1bx3k"><strike id="1bx3k"></strike></ul><input id="1bx3k"></input><tt id="1bx3k"><rt id="1bx3k"><small id="1bx3k"><strike id="1bx3k"></strike></small></rt></tt><center id="1bx3k"></center><center id="1bx3k"><optgroup id="1bx3k"><tt id="1bx3k"></tt></optgroup></center><em id="1bx3k"><pre id="1bx3k"></pre></em><tt id="1bx3k"><rt id="1bx3k"></rt></tt><rp id="1bx3k"><acronym id="1bx3k"></acronym></rp><track id="1bx3k"><tfoot id="1bx3k"><option id="1bx3k"><acronym id="1bx3k"></acronym></option></tfoot></track><strong id="1bx3k"><progress id="1bx3k"><track id="1bx3k"><tfoot id="1bx3k"></tfoot></track></progress></strong><optgroup id="1bx3k"><td id="1bx3k"><form id="1bx3k"></form></td></optgroup><pre id="1bx3k"><form id="1bx3k"><td id="1bx3k"><form id="1bx3k"></form></td></form></pre><u id="1bx3k"></u><pre id="1bx3k"></pre><tfoot id="1bx3k"><pre id="1bx3k"></pre></tfoot><strike id="1bx3k"><ins id="1bx3k"></ins></strike><em id="1bx3k"><p id="1bx3k"><kbd id="1bx3k"><p id="1bx3k"></p></kbd></p></em><rt id="1bx3k"><small id="1bx3k"></small></rt><u id="1bx3k"><wbr id="1bx3k"><u id="1bx3k"></u></wbr></u><wbr id="1bx3k"><ul id="1bx3k"><strike id="1bx3k"></strike></ul></wbr><table id="1bx3k"><address id="1bx3k"><label id="1bx3k"><xmp id="1bx3k"></xmp></label></address></table><abbr id="1bx3k"></abbr><source id="1bx3k"></source><sup id="1bx3k"></sup><menu id="1bx3k"><dd id="1bx3k"><legend id="1bx3k"></legend></dd></menu><strong id="1bx3k"><dfn id="1bx3k"><label id="1bx3k"></label></dfn></strong><style id="1bx3k"></style><output id="1bx3k"></output><nobr id="1bx3k"><address id="1bx3k"><u id="1bx3k"><center id="1bx3k"></center></u></address></nobr><input id="1bx3k"><em id="1bx3k"></em></input><optgroup id="1bx3k"></optgroup><ruby id="1bx3k"><dl id="1bx3k"><em id="1bx3k"><pre id="1bx3k"></pre></em></dl></ruby><menuitem id="1bx3k"><code id="1bx3k"><ins id="1bx3k"><strike id="1bx3k"></strike></ins></code></menuitem><font id="1bx3k"><strong id="1bx3k"></strong></font><ol id="1bx3k"><small id="1bx3k"></small></ol><em id="1bx3k"><pre id="1bx3k"><form id="1bx3k"><p id="1bx3k"></p></form></pre></em><samp id="1bx3k"><tbody id="1bx3k"><output id="1bx3k"></output></tbody></samp><pre id="1bx3k"></pre></div>
</html>
![\"Pra](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543832336092.jpg\")
<\/p>\n