整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
之前應領導要求把每日的運營數據定時發送到幾位老板的郵箱里。我寫了個shell腳本定時從數據庫中查詢并導出html文件，導出的html格式太丑，找了個html模板套上數據。用linux下的mail發送出去。在foxmail中顯示正常，但是在qq郵箱顯示的確實html的源碼。如下圖：
mail -s "$(echo -e "new terminal\nContent-Type: text/html;charset=UTF-8")" -c aa@bb.cc aa@qq.com < terminal.html
試了編碼問題及不用style的css還是不行，在網上搜索了一下，qq郵箱也有不少人遇到html顯示源碼的問題。多數原因是說,不顯示html就是防止跨站攻J(xss)內容被轉義了。好吧，只能換其他方法了。
網上搜了一下，看到有人用sendmail 可以發送html的郵件，果斷試了一把。使用方法大同小異。這里把它貼出來
yum -y install sendmail chkconfig sendmail on service sendmail start
cat > mail.txt << EOF
From: aa@bb.com
To: aaaa@qq.com
Content-type: text/html;charset=UTF-8
Subject: test<style type="text/css">
.container div{ width: 300px; margin: 5px; border-style: solid; border-width: 0px; float: left; }
.container img{ width: 300px; height: auto; }
.container p{ text-align: center; margin: 0px; font-size: 20px; font-style: italic; }
</style>
<div class="container">
<div>
...省略...
</div>
</div>
EOF
cat mail.txt | sendmail -tmail 是用戶使用客戶端（類似foxmail）負責向MTA 撰寫 發送郵件，類似瀏覽器的作用，叫做mail user agent.
sedmail就是負責郵件傳輸的MTA，做郵件服務器的，類似apache, nginx的作用，可以用作mail transport agent
所有以后要發送圖片，html的內容還是用sendmail。
下是一些常用的HTML網頁源代碼示例，這些示例可用作HTML文檔的基礎：
1、創建一個簡單的HTML文檔結構：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width,initial-scale=1.0">
<title>My Web Page</title>
</head>
<body>
<h1>Hello,World!</h1>
<p>This is a simple HTML webpage.</p>
</body>
</html>
2、插入圖片：
<img src="image.jpg"alt="Description of the image">
3、創建超鏈接：
<a href="https://www.example.com">Visit Example.com</a>
4、創建無序列表：
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
5、創建有序列表：
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
6、創建表格：
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1,Cell 1</td>
<td>Row 1,Cell 2</td>
</tr>
<tr>
<td>Row 2,Cell 1</td>
<td>Row 2,Cell 2</td>
</tr>
</table>
7、插入段落：
<p>This is a paragraph of text.</p>
8、插入換行符：
<p>This is some text.<br>This is on a new line.</p>
9、創建一個文本輸入框：
<input type="text"name="username"placeholder="Enter your username">
10、插入按鈕：
<button type="button">Click me</button>
這些示例代碼只是HTML的基礎，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小時內與您取得聯系。
