如何在html頁面中展示html原始碼

2021-10-03 13:31:34 字數 890 閱讀 7976

輸入框是可以展示html原始碼的,如下:

value=""

>

文字輸入框是可以展示html原始碼的,如下:

>

>

console.

log(12)

script

>

textarea

>

標籤之間的內容不會被當作文件內容解析,而會被用等寬字型直接呈現,包括空格和換行也可以展現。但是不建議使用!,改用

注意:

style

="background-color

: cornflowerblue;

">

>

console.

log(12)

script

>

xmp>

pre 元素可定義預格式化的文字,被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型

標籤的乙個常見應用就是用來表示程式的源**

注意:

示例**:

style

="background-color

: burlywood;

">

>console.log(12)>

pre>

如果需要展示原始碼,可以使用pre標籤,當然如果需要用到文字輸入框,可以看情況使用input或者textarea,他們都有一些共同特點:

在html頁面中展示JSON

背景 有時候我們需要將json資料直接顯示在頁面上 比如在做乙個介面測試的專案,需要將介面返回的結果直接展示 但是如果直接顯示字串,不方便檢視。需要格式化一下。解決方案 其實json.stringify本身就可以將json格式化,具體的用法是 json.stringify res,null,2 re...

如何在HTML頁面中包含CSS樣式

1 行內樣式 這個方式是直接在html的標籤中插入 style 屬性 屬性值 這個屬性 這是最簡單的一種插入方式,所以這個插入方式看上去很low 行內樣式的缺點主要有兩個 一 w3c標準是 內容 樣式 行為三者分開,這個嵌入方式不符合w3c規範,並且 亂,不好維護 二 冗餘,相同的style得寫多次...

如何在flutter裡顯示html頁面

一 效果圖 二 複製即執行 import package flutter material.dart import package flutter html flutter html.dart import package flutter html style.dart override widge...