在HTML中,想要讓兩段代碼并排展示,可以通過使用pre標(biāo)簽和p標(biāo)簽來實(shí)現(xiàn)。
首先,我們需要為每個(gè)代碼塊創(chuàng)建一個(gè)pre標(biāo)簽,這個(gè)標(biāo)簽表示其中的文本應(yīng)該按照預(yù)格式化的方式展示。
接著,在pre標(biāo)簽內(nèi),我們可以輸入我們的代碼,包括所有的空格和換行符,因?yàn)檫@些符號在使用pre標(biāo)簽時(shí)會得到保留。
接下來,我們需要在p標(biāo)簽內(nèi)插入我們的代碼塊。因?yàn)閜標(biāo)簽表示一個(gè)段落,我們需要使用兩個(gè)p標(biāo)簽來顯示兩個(gè)代碼塊,并確保它們在同一行內(nèi)。
如下示例代碼所示:
```
// 第一個(gè)代碼塊 function hello() { console.log('Hello World!'); }
// 第二個(gè)代碼塊 for (var i = 0; i< 10; i++) { console.log(i); }``` 當(dāng)我們展示這個(gè)代碼時(shí),我們將獲得兩個(gè)并排的代碼塊,每個(gè)代碼塊都使用pre標(biāo)簽來保留它們的格式,并使用p標(biāo)簽來確保它們在同一行內(nèi)。