HTML基礎操作：圖片顯示

景圖片

本例演示如何向 HTML 頁面添加背景圖片。

<html>

<p>gif 和 jpg 文件均可用作 HTML 背景。</p>

<p>如果圖像小于頁面，圖像會進行重復。</p>

</body>

</html>

HTML基礎操作：圖片顯示

常在razor文件中，如果這樣寫：

<div>
@content
</div>
@code
{
string content = "<h1>hello world</h1>";
}

你將得到的是：

但是你的本意是要讓它正常的渲染html，要怎么來實現呢？

<div>
@((MarkupString)(@content)
</div>
@code
{
string content = "<h1>hello world</h1>";
}

@((MarkupString)(@content) 這樣就告訴blazor，要用html格式進行渲染。

這樣就正常了。

在 HTML 中，某些字符是預留的。

在 HTML 中不能使用小于號（<）和大于號（>），這是因為瀏覽器會誤認為它們是標簽。

如果希望正確地顯示預留字符，我們必須在 HTML 源代碼中使用字符實體（character entities）。

字符實體類似這樣：

&entity_name;
或者
entity_number;

如需顯示小于號，我們必須這樣寫：< 或 <

提示：使用實體名而不是數字的好處是，名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實體名稱（對實體數字的支持卻很好）。

HTML基礎教程：瀏覽器中符號是怎么顯示出來的

不間斷空格（non-breaking space）

HTML 中的常用字符實體是不間斷空格( )。

瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格，在顯示該頁面之前，瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量，您需要使用字符實體。

實例

<html>
<body>
<h2>字符實體</h2>
<p>&x;</p>
<p>用實體數字（比如"divide"）或者實體名稱（比如 "#247"）替代 "X"，然后查看結果。</p>
</body>
</html>

HTML基礎教程：瀏覽器中符號是怎么顯示出來的

希望以上可以解決你們心中的一些疑惑，其中可能會有不對的地方或是需要改進的地方，歡迎留言糾正。感覺還不錯歡迎關注收藏轉載哦

*請認真填寫需求信息，我們會在24小時內與您取得聯系。