search

HTML trong email

Ngày đăng: 11/12/2022
Trả lời: 0
Lượt xem: 101

Tài liệu tham khảo này giả định rằng bạn là nhà thiết kế web giao diện người dùng có kiến ​​thức làm việc trung cấp về HTML và CSS. Bạn cảm thấy thoải mái khi viết mã và sử dụng các bảng HTML cho cấu trúc cũng như làm việc theo các tiêu chuẩn viết mã tiên tiến nhất vào năm 1999. Vui lòng tạo một chút TLC hoặc Goo Goo Dolls để hòa nhập vào tinh thần của mọi thứ

Show

Thực hành tốt nhất. Thiết kế

Có một số điều cần lưu ý khi thiết kế các chiến dịch email HTML

  • Email phải có chiều rộng tối đa 600-800 pixel. Điều này sẽ làm cho chúng hoạt động tốt hơn trong kích thước khung xem trước do nhiều khách hàng cung cấp
  • Thiết kế cho sự đơn giản. Sử dụng các lớp dựa trên lưới và tránh các phần tử phức tạp yêu cầu định vị hoặc thả nổi HTML
  • Giả sử ban đầu các hình ảnh sẽ bị chặn bởi các ứng dụng email hoặc một số hình ảnh nhất định—chẳng hạn như hình nền—sẽ hoàn toàn không tải được
  • Đừng thiết kế một email về cơ bản là một hình ảnh lớn, được cắt lát. Mặc dù những loại email này trông đẹp mắt nhưng chúng hoạt động kém
  • Sử dụng các phông chữ cơ bản, đa nền tảng như Arial, Verdana, Georgia và Times New Roman
  • Tránh các yếu tố yêu cầu Flash hoặc JavaScript. Nếu bạn cần chuyển động trong một email, một. gif là đặt cược tốt nhất của bạn
  • Đừng quên trải nghiệm di động. Email của bạn có thể đọc được trong tầm tay trên một màn hình nhỏ không?

Thực hành tốt nhất. Sự phát triển

Cũng giống như thiết kế, có những phương pháp hay nhất để tuân theo khi mã hóa email HTML

  • Mã hóa tất cả cấu trúc bằng phần tử bảng. Đối với các bố cục phức tạp hơn, bạn nên lồng các bảng để xây dựng các cấu trúc phức tạp
  • Sử dụng các thuộc tính phần tử (chẳng hạn như cellpadding, valign và width) để đặt kích thước bảng. Điều này buộc một cấu trúc mô hình hộp
  • Giữ CSS của bạn đơn giản. Tránh khai báo kiểu phức hợp (IE. "nét chữ. #000 12px Arial, Helvetica, sans-serif;”), mã tốc ký (IE. #000 thay vì #000000), thuộc tính bố cục CSS (IE. vị trí, vị trí, rõ ràng, khả năng hiển thị, v.v. ), bộ chọn phức tạp (IE. bộ chọn hậu duệ, con hoặc anh chị em và các phần tử giả)
  • Nội tuyến tất cả CSS trước khi gửi. (Mailchimp sẽ tự động làm việc này cho bạn. )
  • Chỉ sử dụng các liên kết tuyệt đối cho hình ảnh và lưu trữ những hình ảnh đó trên một máy chủ đáng tin cậy. (Mailchimp cung cấp dịch vụ lưu trữ hình ảnh miễn phí. )
  • Đừng bận tâm đến JavaScript hoặc Flash—những công nghệ đó phần lớn không được ứng dụng email hỗ trợ
  • Tính thân thiện với thiết bị di động, nếu có thể. Sử dụng truy vấn phương tiện để tăng kích thước văn bản trên màn hình nhỏ, cung cấp các vùng nhấn có kích thước bằng ngón tay cái (~46x46px) cho các liên kết. Tạo phản hồi email nếu thiết kế cho phép
  • Kiểm tra, kiểm tra, kiểm tra. Tạo tài khoản email trên nhiều dịch vụ khác nhau và gửi email cho chính bạn. Làm điều này kết hợp với các dịch vụ như Litmus

đọc tiếp

  • Hợp nhất các thẻ
  • Ngôn ngữ mẫu
  • Sử dụng Mailchimp

Trở lại đầu trang

❮ Thuộc tính kiểu HTML

Thí dụ

Xác định trường cho địa chỉ email (tự động xác thực khi gửi)

Nhập email của bạn

Tự mình thử »

Định nghĩa và cách sử dụng

xác định một trường cho một địa chỉ e-mail

Giá trị đầu vào được tự động xác thực để đảm bảo đó là địa chỉ email được định dạng đúng

Để xác định trường e-mail cho phép nhiều địa chỉ e-mail, hãy thêm thuộc tính "multiple"

Mẹo. Luôn thêm thẻ để có các phương pháp tiếp cận tốt nhất

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử

Thuộc tínhtype="email"5. 010. 04. 05. 010. 1

cú pháp

❮ Thuộc tính kiểu HTML


Phát triển mã email HTML gần giống như biến nòng nọc thành ếch. Nó trải qua rất nhiều thay đổi ngay từ khi lên ý tưởng cho đến khi phân phối mẫu email HTML cuối cùng. Sau khi nhà tiếp thị email xác định mục đích gửi email, người viết quảng cáo sẽ phác thảo nội dung email theo wireframe. Sau đó, người thiết kế email tiến hành thiết kế email theo wireframe. Sau khi thiết kế được phê duyệt, nó sẽ được giao cho nhà phát triển email, người chuyển đổi tệp PSD hoặc AI hoặc PDF thành email HTML hoàn hảo pixel. Tệp này được tải trong ESP và được triển khai sau khi kiểm tra kỹ lưỡng để hiển thị hoàn hảo. Hầu hết các nhà tiếp thị gửi email HTML thay vì email văn bản thuần túy vì tính thẩm mỹ nâng cao của nó

Vì một số người tham gia vào việc tạo HTML email, ngay cả một thay đổi nhỏ cũng có thể mất quá nhiều thời gian để giải quyết. Trên thực tế, mất khoảng 4-6 giờ để phát triển một mẫu email. Sự phức tạp của quy trình làm tăng thêm thời gian phát triển một mẫu email HTML duy nhất. Tất nhiên, bạn có thể tạo email HTML miễn phí từ các tùy chọn có sẵn trực tuyến nhưng email tùy chỉnh hoạt động tốt hơn các mẫu miễn phí đó

MUỐN XEM CÁC EMAIL HTML CỦA CHÚNG TÔI HOÀN HẢO NHƯ THẾ NÀO?

Tải xuống các mẫu email mẫu miễn phí để xem chất lượng mã của chúng tôi

TẢI XUỐNG GÓI MẪU

HTML trong email

Tải xuống Mẫu

Thông qua bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo mẫu email HTML đơn giản, bạn có thể tham khảo để khắc phục sự cố cơ bản cho mã HTML mẫu email của mình

P. S. Bạn có thể tạo email HTML miễn phí trên trình chỉnh sửa DIY, nhưng tốt hơn hết là bạn nên dựa vào các chuyên gia như Email Uplers để đảm bảo rằng người đăng ký của bạn nhận được email tuyệt vời và được mã hóa hoàn hảo. Chúng tôi thực sự khuyên bạn không nên chỉnh sửa email HTML trên Microsoft FrontPage, Word hoặc Publisher vì nó sẽ thêm mã bổ sung vào mẫu email của bạn. Sử dụng trình soạn thảo văn bản cơ bản như Notepad hoặc chỉnh sửa mã HTML mẫu email trong trình chỉnh sửa mã của ESP của bạn

Mục lục

  • Làm cách nào để Chuẩn bị mẫu email HTML đơn giản của bạn?
  • Làm thế nào để Phong cách và thiết kế email HTML?
  • What does the Final code look like
  • How to build your Email
  • Những điểm cần nhớ khi tạo mẫu email HTML

Khái niệm cơ bản về HTML. Cách tạo mẫu email HTML đơn giản?

Mẫu email HTML cơ bản bao gồm hai phần

  1. Header section: Any code placed between and is referred to as the header section. All the media queries, styling and CSS animations are specified in this section.
  2. Body: Any code placed between and is the body section and the rendering engine uses the code to create HTML email structure.

Step 1: How to Prepare your HTML template?

Phần đầu của mẫu email HTML đơn giản giống với đoạn mã sau

Thẻ đầu cho một email mẫu

 

 

 

 

 

 

 

 

1

2

3

4

5

6

7

8

9

10

11

<. DOCTYPE html PubLIC “-//W3C//DTD XHTML 1. 0 Chuyển tiếp//EN” “https. //www. w3. org/TR/xhtml1/DTD/xhtml1-chuyển tiếp. dtd”>

<html xmlns=“https. //www. w3. org/1999/xhtml”>

<đầu>

<tiêu đề>Kiểm tra Email Sample</title>

<meta http–tương đương=“Content-Type” content=“text/html; charset=UTF-8” />

<meta http–tương đương=“X-UA-Compatible” content=“IE=edge” />

<meta tên=“khung nhìn” content=“width=device-width, initial-scale=1.0 “ />

<. — mã CSS(if CSS code (if any) —>

</đầu>

<. DOCTYPE> được sử dụng để thông báo cho công cụ hiển thị thẻ HTML nào sẽ mong đợi và bộ quy tắc nào mà HTML và CSS tuân thủ. Mặc dù một số ứng dụng email (ứng dụng webmail như Gmail, Google Apps, Yahoo. Thư và Outlook. com) loại bỏ mã và áp dụng mã của riêng họ, nên đưa mã này vào mã HTML mẫu email của bạn

Mặc dù bạn được tự do lựa chọn giữa XHTML 1. 0, XHTML chuyển tiếp 1. 0 và HTML5 nghiêm ngặt, hầu hết các nhà phát triển email đáng để họ sử dụng XHTML chuyển tiếp XHTML 1. 0

specifies how to process text and special characters in your email. The “text/html” instructs the rendering engine to consider the following strings of text as HTML.

instructs the device, on which the email is viewed, to set the viewable area of the email as per the screen width.

The title of the email is written between the tag. When a subscriber clicks on “view online”, the title of the email is displayed on the browser tab.</p><p><h2 id="buoc-2-lam-cach-nao-de-tao-kieu-html-cho-email-cua-ban">Bước 2. Làm cách nào để tạo kiểu HTML cho email của bạn?</h2><p><p><p>Phong cách là mát mẻ, nhưng nó khó khăn</p><p>Whatever styling you are going to implement in your email such as text formatting, image size, media queries go between the <style> tags as different classes. The basic format for adding <style> tag is <style type=”text/css”> where in “text/css” specifies the media type as CSS. Placement of the <style> tag is tricky as 6 out of 36 email clients do not support <style> tag in <head> and Gmail doesn’t support it in the email body.</p><p>định dạng văn bản</p><p>Trong trường hợp bạn cần thêm điều kiện định dạng tập trung (hiển thị bên dưới) cho bất kỳ văn bản nào, bạn có thể chỉ định các thuộc tính trong lớp cụ thể của mẫu email HTML cơ bản</p><p>e. g. để tắt trang trí văn bản trong siêu liên kết, hãy thêm</p><p><p><span>Mã để loại bỏ trang trí văn bản</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p><p><span>.</span><span>em</span><span>_</span> liên kết mặc định <span>a</span> <span>{</span></p><p><span>màu</span><span>. </span> <span>kế thừa</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>văn bản</span><span>–</span><span>trang trí</span><span>. </span> <span>không có</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p>Truy vấn phương tiện truyền thông</p><p>Trong trường hợp bạn đang mã hóa một mẫu email đáp ứng, các truy vấn phương tiện cần được thêm vào theo định dạng sau</p><p><p><span>Cấu trúc của một truy vấn phương tiện</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p><p><span>@</span><span>phương tiện </span><span>chỉ </span><span>màn hình </span><span>và</span> <span>(</span><span>min</span><span>–</span><span>width</span><span>:</span> <span>___px</span><span>)</span> <span>và</span> <span>(</span><span>max . </span><span>–</span><span>width</span><span>:</span> <span>___px</span><span>)</span></p><p><span>{</span></p><p><span>.</span><span>(</span><span>tên_lớp</span><span>)</span></p><p><span>{</span></p><p><span>(</span><span>thuộc tính </span><span>để</span> <span>được </span><span>triển khai</span><span>)</span></p><p><span>}</span></p><p><span>}</span></p><p>Ví dụ: hãy xem xét truy vấn phương tiện sau trong mã HTML email</p><p><p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>10</p><p>11</p><p>12</p><p>13</p><p>14</p><p>15</p><p>16</p><p>17</p><p>18</p><p>19</p><p>20</p><p>21</p><p><p><span>@</span><span>phương tiện </span><span>chỉ </span><span>màn hình </span><span>và</span> <span>(</span><span>min</span><span>–</span><span>width</span><span>:</span><span>481px</span><span>)</span> <span>và</span> <span>(</span><span>max . </span><span>–</span><span>width</span><span>:</span><span>699px</span><span>)</span> <span>{</span></p><p><span>.</span><span>em_main</span><span>_</span> bảng <span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100</span><span>%</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.</span><span>em</span><span>_</span> trình bao bọc <span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100</span><span>%</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.</span><span>em</span><span>_</span> ẩn <span>{</span></p><p><span>hiển thị</span><span>. </span> <span>không có</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.</span><span>em</span><span>_</span> img <span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100</span><span>%</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>chiều cao</span><span>. </span> <span>tự động</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.</span><span>em</span><span>_</span> h20 <span>{</span></p><p><span>chiều cao</span><span>. </span> <span>20px</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.</span><span>em</span><span>_</span> padd <span>{</span></p><p><span>phần đệm</span><span>. </span> <span>20px</span> <span>10px</span> <span>. </span><span>quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>}</span></p><p>Khi thiết kế email HTML được xem trong một thiết bị có chiều rộng màn hình từ 481 đến 699px</p><ul><li>Chiều rộng của email (em_main_table) buộc phải là 100% do “chiều rộng. 100%. quan trọng;" </li><li>Phần được liên kết với em. lớp ẩn sẽ bị ẩn do “hiển thị. không ai. quan trọng;" </li><li>Phần được liên kết với em. lớp h20 sẽ có chiều cao cố định là 20px do “chiều cao. 20px. quan trọng;" </li><li>Bất kỳ phần tử nào được liên kết với lớp em_padd sẽ có phần đệm cố định là 20px (ngang) và 10px (dọc)</li></ul><p>P. S. . quan trọng buộc công cụ kết xuất không thực hiện bất kỳ thay đổi nào đối với truy vấn phương tiện</p><p>Để tạo ví dụ email HTML phản hồi, các truy vấn phương tiện riêng biệt được chỉ định để kích hoạt ở độ rộng màn hình nhỏ hơn 480px</p><p>Các truy vấn phương tiện mà bạn đã học cho đến bây giờ sẽ hiển thị trong một số bố cục trên thiết bị di động. Tuy nhiên, việc hiển thị trong một số bố cục yêu cầu một bộ truy vấn phương tiện cụ thể và chỉ nhà phát triển chuyên gia mới có thể giúp bạn thực hiện điều đó. Bạn có thể tìm hiểu thêm về những thách thức và cơ hội của mẫu email đáp ứng trong blog này</p><p><p><p><p><h2 id="ma-hoa-email-co-the-cong-kenh">Mã hóa email có thể cồng kềnh</h2><p>Nhóm hơn 150 chuyên gia của chúng tôi có thể trợ giúp với các mẫu email phù hợp</p><ul><li>mã hóa bằng tay</li><li>Phản ứng nhanh nhẹn</li><li>Pixel hoàn hảo</li></ul><p>LIÊN LẠC</p><p><p><div class="imgBox"><img alt="HTML trong email" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjIvMTAvY3JvLWJhbm5lcjQtaW1nLnBuZyUyMg==.webp"></img></div></p><p>Tính tương tác trong email<br>Trong trường hợp bạn muốn gửi ví dụ về email HTML với các tính năng tương tác, phần CSS của mã sẽ được thêm vào trước khi bạn đóng phần </p><p>Tính tương tác trong email HTML rất khó viết mã và cần nhiều thử nghiệm để hiển thị hoàn hảo trong ứng dụng email. Có thể có sẵn mã HTML email trên internet, nhưng vẫn cần nhiều kinh nghiệm mã hóa để tạo email tương tác. Bạn có thể tìm hiểu thêm về các email HTML tương tác trong đồ họa thông tin của chúng tôi – Các yếu tố thiết kế email tương tác. Tại đây, bạn cũng sẽ có thể tải xuống các mẫu của từng thành phần tương tác có thể được thêm vào trong mã mẫu email HTML</p><h5>Muốn chúng tôi tạo các email tương tác tuyệt vời cho bạn? </h5><p><h2 id="step-3-what-does-the-final-code-look-like">Step 3: What does the Final code look like?</h2><p><p><p>So, our final <head> in the HTML email template code looks like</p><p><p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>10</p><p>11</p><p>12</p><p>13</p><p>14</p><p>15</p><p>16</p><p>17</p><p>18</p><p>19</p><p>20</p><p>21</p><p>22</p><p>23</p><p>24</p><p>25</p><p>26</p><p>27</p><p>28</p><p>29</p><p>30</p><p>31</p><p>32</p><p>33</p><p>34</p><p>35</p><p>36</p><p>37</p><p>38</p><p>39</p><p>40</p><p>41</p><p>42</p><p>43</p><p>44</p><p>45</p><p>46</p><p>47</p><p>48</p><p>49</p><p>50</p><p>51</p><p>52</p><p>53</p><p>54</p><p>55</p><p>56</p><p>57</p><p>58</p><p>59</p><p>60</p><p>61</p><p>62</p><p>63</p><p>64</p><p>65</p><p><p><span><</span><span>. </span><span>DOCTYPE </span><span>html </span><span>PubLIC</span> <span>“-//W3C//DTD XHTML 1. 0 Chuyển tiếp//EN”</span> <span>“https. //www. w3. org/TR/xhtml1/DTD/xhtml1-chuyển tiếp. dtd”</span><span>></span></p><p><span><</span><span>html </span><span>xmlns</span><span>=</span><span>“https. //www. w3. org/1999/xhtml”</span><span>></span></p><p><span><</span><span>đầu</span><span>></span></p><p><span><</span><span>tiêu đề</span><span>></span><span>Kiểm tra </span><span>Email </span><span>Sample</span><span><</span><span>/</span><span>title</span><span>></span></p><p><span><</span><span>meta </span><span>http</span><span>–</span><span>tương đương</span><span>=</span><span>“Content-Type”</span> <span>content</span><span>=</span><span>“text/html; charset=UTF-8”</span> <span>/</span><span>></span></p><p><span><</span><span>meta </span><span>http</span><span>–</span><span>tương đương</span><span>=</span><span>“X-UA-Compatible”</span> <span>content</span><span>=</span><span>“IE=edge”</span> <span>/</span><span>></span></p><p><span><</span><span>meta </span><span>tên</span><span>=</span><span>“khung nhìn”</span> <span>content</span><span>=</span><span>“width=device-width, initial-scale=1.0 “</span> <span>/</span><span>></span></p><p><span><phong cách></span></p><p><span><a i=0><. —Văn bản </a><a i=1>đã xóa phần trang trí –></a></span><span>decoration removed –></span></p><p><span>.em_defaultlink a </span><span>{</span></p><p><span>màu</span><span>. </span> <span>kế thừa</span> <span>. quan trọng</span><span>;</span></p><p><span>trang trí văn bản</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span><a i=0><. —Phương tiện </a><a i=1>Truy vấn bố cục màn hình nền –></a></span><span>Query for desktop layout –></span></p><p><span>@màn hình chỉ phương tiện và (chiều rộng tối thiểu. 481px) và (chiều rộng tối đa. 699px) </span><span>{</span></p><p><span>.em_main_table </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_wrapper </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_hide </span><span>{</span></p><p><span>hiển thị</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_img </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao</span><span>. </span> <span>tự động</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_h20 </span><span>{</span></p><p><span>chiều cao</span><span>. </span> <span>20px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_padd </span><span>{</span></p><p><span>phần đệm</span><span>. </span> <span>20px</span> <span>10px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>}</span></p><p><span>@màn hình phương tiện và (chiều rộng tối đa. 480px) </span><span>{</span></p><p><span>.em_main_table </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_wrapper </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_hide </span><span>{</span></p><p><span>hiển thị</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_img </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao</span><span>. </span> <span>tự động</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_h20 </span><span>{</span></p><p><span>chiều cao</span><span>. </span> <span>20px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_padd </span><span>{</span></p><p><span>phần đệm</span><span>. </span> <span>20px</span> <span>10px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_text1 </span><span>{</span></p><p><span>cỡ chữ</span><span>. </span> <span>16px</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao dòng</span><span>. </span> <span>24px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>u +. em_body. em_full_wrap </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều rộng</span><span>. </span> <span>100vw</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>}</span></p><p><span></style></span></p><p><span><</span><span>/</span><span>đầu</span><span>></span></p><hr><p></head> có làm bạn đau đầu không? Chúng tôi có thể là liều thuốc giảm đau cho bạn. Nói chuyện với chúng tôi ngay bây giờ<p><h2 id="step-4-how-to-build-your-email">Step 4: How to build your Email ?</h2><p><p><p>Phạm vi 600px cho thiết kế email HTML đã được tính cho Windows Outlook hoạt động trên màn hình máy tính để bàn 1024px, 10 năm trước. Giờ đây, các thiết bị có chiều rộng màn hình tối thiểu 800px đang tràn ngập thị trường; </p><p>Vì vậy, chúng tôi bắt đầu với phần thân có chiều rộng 100% với màu #efefefef</p><p><p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p><p><span><</span><span>body </span><span>class</span><span>=</span><span>“em_body”</span> <span>style</span><span>=</span><span>“margin:0px; padding:0px;”</span> <span>bgcolor</span><span>=</span><span>“#efefef”</span><span>></span></p><p>Trong phần này, chúng tôi thêm một bảng được căn giữa ở 700px trong thiết kế email HTML</p><p><p><span>Bảng được căn giữa có chiều rộng 700px</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p><p><span><</span><span>bảng </span><span>căn chỉnh</span><span>=</span><span>“trung tâm”</span> <span>width</span><span>=</span><span>“700”</span> <span>border</span><span>=</span><span>“0”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>class</span><span>=</span><span>“em_main_table”</span> <span>style</span><span>=</span><span>“width:700px;”</span><span>></span></p><p>Bây giờ, chúng tôi sẽ bao gồm văn bản tiêu đề trước và “xem trực tuyến” như một phần của ô, được tạo bằng cách lồng một bảng khác vào bảng nêu trên</p><p><p><span>Bảng lồng nhau để xem trực tuyến</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>kiểu</span><span>=</span><span>“phần đệm. 15px;”</span> <span>class</span><span>=</span><span>“em_padd”</span> <span>valign</span><span>=</span><span>“top”</span> <span>bgcolor</span><span>=</span><span>“#efefef”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>phong cách</span><span>=</span><span>“họ phông chữ. 'Mở Sans', Arial, sans-serif; . 12px; . 15px; . #0d1121;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span>Test </span><span>Email </span><span>Sample</span> <span>|</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“ . #0d1121; . gạch chân;”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color:#0d1121; text-decoration:underline;”</span><span>></span><span>Xem </span><span>Trực tuyến</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><div class="imgBox"><img alt="HTML trong email" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzExNzQsaF8yMzcvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMTcvMTIvVmlldy1PbmxpbmUtZTE1MzgwNTM0ODI4NTcuanBn.webp"></img></div></p><p>Bây giờ, chúng tôi thêm hình ảnh anh hùng ở định dạng email HTML</p><p><p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>img </span><span>class</span><span>=</span><span>“em_img”</span> <span>alt</span><span>=</span><span>“Welcome to EmailWeb Newsletter”</span> <span>style</span><span>=</span><span>“display:block; font-family:Arial, sans-serif; font-size:30px; line-height:34px; color:#000000; max-width:700px;”</span> <span>src</span><span>=</span><span>“Vị trí hình ảnh của bạn”</span> <span>chiều rộng</span><span>=</span><span>“700”</span> <span>border</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“345”</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><div class="imgBox"><img alt="HTML trong email" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzEwMjQvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDEvZW1haWwtdXBsZXJzLTFzdC1IVE1MLTEwMjR4MzA5LmpwZw==.webp"></img></div></p><p>Bây giờ, chúng tôi thêm một bảng riêng cho bản sao email</p><p><p><span>Email sao chép mã</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>10</p><p>11</p><p>12</p><p>13</p><p>14</p><p>15</p><p>16</p><p>17</p><p>18</p><p>19</p><p>20</p><p>21</p><p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span> <span>bgcolor</span><span>=</span><span>“#0d1121”</span> <span>style</span><span>=</span><span>“padding:35px 70px 30px;”</span> <span>lớp</span><span>=</span><span>“em_padd”</span><span>></span><span><</span><span>table </span><span>align</span><span>=</span><span>“center”</span> <span>width</span><span>=</span><span>“100%”</span> <span>border</span><span>=</span><span>“0”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>căn chỉnh</span><span>=</span><span>“trung tâm”</span> <span>valign</span><span>=</span><span>“top”</span> <span>style</span><span>=</span><span>“font-family:’Open Sans’, Arial, sans-serif; font-size:16px; line-height:30px; color:#ffffff;”</span><span>></span><span>Đây</span> <span>là</span> <span>a</span> <span>sample </span><span>email </span><span>which </span><span>shall </span><span>be </span><span>accommodated </span><span>in</span> <span>a</span> <span>single </span><span>paragraph</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>chiều cao</span><span>=</span><span>“15”</span> <span>style</span><span>=</span><span>“font-size:0px; line-height:0px; height:15px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>. </span> — <span>đây</span> <span>là</span> <span>không gian </span><span>của</span> <span>15px</span> <span>to</span> <span>separate </span><span>two </span><span>paragraphs</span> <span>—</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>căn chỉnh</span><span>=</span><span>“trung tâm”</span> <span>valign</span><span>=</span><span>“top”</span> <span>style</span><span>=</span><span>“font-family:’Open Sans’, Arial, sans-serif; font-size:18px; line-height:22px; color:#fbeb59; letter-spacing:2px; padding-bottom:12px;”</span><span>></span><span>Đây</span> <span>là</span> <span>đoạn văn</span> <span>2</span> <span>of </span><span>font </span><span>size</span> <span>18px</span> <span>and</span> <span>#fbeb59 font color with a line spacing of 15px</td></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>chiều cao</span><span>=</span><span>“25”</span> <span>class</span><span>=</span><span>“em_h20”</span> <span>style</span><span>=</span><span>“font-size:0px; line-height:0px; height:25px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>. </span> — <span>đây</span> <span>là</span> <span>không gian </span><span>của</span> <span>25px</span> <span>to</span> <span>separate </span><span>two </span><span>paragraphs</span> <span>—</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>căn chỉnh</span><span>=</span><span>“trung tâm”</span> <span>valign</span><span>=</span><span>“top”</span> <span>style</span><span>=</span><span>“font-family:’Open Sans’, Arial, sans-serif; font-size:18px; line-height:22px; color:#fbeb59; text-transform:uppercase; letter-spacing:2px; padding-bottom:12px;”</span><span>></span> <span>Đây</span> <span>là</span> <span>đoạn văn</span> <span>3</span> <span>of </span><span>font </span><span>size</span> <span>18px</span> <span>and</span> <span>#fbeb59 font color with a line spacing of 25px and Uppercase</td></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>bảng</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><div class="imgBox"><img alt="HTML trong email" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzEwMjQvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDEvMm5kLUhUTUwtMTAyNHg0OTguanBn.webp" ></img></div></p><p>Bây giờ, chúng tôi thêm chân trang tương thích CAN-SPAM trong mã email HTML</p><p><p><span>Chân trang Tương thích CAN-SPAM</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>10</p><p>11</p><p>12</p><p>13</p><p>14</p><p>15</p><p>16</p><p>17</p><p>18</p><p>19</p><p>20</p><p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span> <span>bgcolor</span><span>=</span><span>“#f6f7f8”</span> <span>style</span><span>=</span><span>“padding:38px 30px;”</span> <span>lớp</span><span>=</span><span>“em_padd”</span><span>></span><span><</span><span>table </span><span>align</span><span>=</span><span>“center”</span> <span>width</span><span>=</span><span>“100%”</span> <span>border</span><span>=</span><span>“0”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span> <span>style</span><span>=</span><span>“padding-bottom:16px;”</span><span>></span><span><</span><span>bảng </span><span>căn chỉnh</span><span>=</span><span>“center”</span> <span>border</span><span>=</span><span>“0”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration:none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/fb.png”</span> <span>alt</span><span>=</span><span>“fb”</span> <span>kiểu</span><span>=</span><span>“display:block; font-family:Arial, sans-serif; font-size:14px; line-height:14px; color:#ffffff; max-width:26px;”</span> <span>đường viền</span><span>=</span><span>“0”</span> <span>chiều rộng</span><span>=</span><span>“26”</span> <span>height</span><span>=</span><span>“26”</span> <span>/</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>chiều rộng</span><span>=</span><span>“6”</span> <span>style</span><span>=</span><span>“width:6px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration:none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/tw.png”</span> <span>alt</span><span>=</span><span>“tw”</span> <span>kiểu</span><span>=</span><span>“display:block; font-family:Arial, sans-serif; font-size:14px; line-height:14px; color:#ffffff; max-width:27px;”</span> <span>đường viền</span><span>=</span><span>“0”</span> <span>chiều rộng</span><span>=</span><span>“27”</span> <span>height</span><span>=</span><span>“26”</span> <span>/</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>chiều rộng</span><span>=</span><span>“6”</span> <span>style</span><span>=</span><span>“width:6px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration:none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/yt.png”</span> <span>alt</span><span>=</span><span>“yt”</span> <span>kiểu</span><span>=</span><span>“display:block; font-family:Arial, sans-serif; font-size:14px; line-height:14px; color:#ffffff; max-width:26px;”</span> <span>đường viền</span><span>=</span><span>“0”</span> <span>chiều rộng</span><span>=</span><span>“26”</span> <span>height</span><span>=</span><span>“26”</span> <span>/</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>bảng</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>căn chỉnh</span><span>=</span><span>“trung tâm”</span> <span>valign</span><span>=</span><span>“top”</span> <span>style</span><span>=</span><span>“font-family:’Open Sans’, Arial, sans-serif; font-size:11px; line-height:18px; color:#999999;”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color:#999999; text-decoration:underline;”</span><span>></span><span>BẢO MẬT </span><span>BÁO CÁO</span><span><</span><span>/</span><span>a</span><span>></span> <span>|</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“ . #999999; . gạch dưới;”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color:#999999; text-decoration:underline;”</span><span>></span><span>ĐIỀU KHOẢN </span><span>CỬA </span><span>DỊCH VỤ</span><span><</span><span>/</span><span>a</span><span>></span> <span>|</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“ . #999999; . gạch chân;”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color:#999999; text-decoration:underline;”</span><span>></span><span>TRẢ LẠI</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>br</span> <span>/</span><span>></span></p><p><span>&</span><span>bản sao</span><span>;</span> <span>2017</span> <span>Tên công ty</span><span>.</span> <span>Tất cả </span><span>Quyền </span><span>Được bảo lưu</span><span>. </span><span><</span><span>br</span> <span>/</span><span>></span></p><p><span>Nếu</span> <span>bạn </span><span>làm</span> <span>không</span> <span>ước </span><span>to</span> <span>receive </span><span>any </span><span>further </span><span>emails </span><span>from </span><span>us</span><span>,</span> <span>please</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration:none; color:#999999;”</span><span>></span><span>hủy đăng ký</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>bảng</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><div class="imgBox"><img alt="HTML trong email" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzEwMjQvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDEvM3JkLUhUTUwtMTAyNHg0NDMuanBn.webp"></img></div></p><p>Bây giờ, trước khi đóng nội dung email HTML, chúng tôi thêm đoạn mã sau</p><p><p><span>Sửa lỗi Gmail</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p><p><span><</span><span>div </span><span>class</span><span>=</span><span>“em_hide”</span> <span>style</span><span>=</span><span>“white-space: nowrap; display: none; font-size:0px; line-height:0px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>div</span><span>></span></p><p>Điều này thêm khoảng cách bổ sung để buộc bố cục màn hình trong Gmail</p><p>Vì vậy, mã HTML mẫu email cuối cùng của bạn phải là</p><p><p><span>Mã HTML hoàn chỉnh</span><p> </p><p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p><p> </p><p> </p><p></p><p><p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>10</p><p>11</p><p>12</p><p>13</p><p>14</p><p>15</p><p>16</p><p>17</p><p>18</p><p>19</p><p>20</p><p>21</p><p>22</p><p>23</p><p>24</p><p>25</p><p>26</p><p>27</p><p>28</p><p>29</p><p>30</p><p>31</p><p>32</p><p>33</p><p>34</p><p>35</p><p>36</p><p>37</p><p>38</p><p>39</p><p>40</p><p>41</p><p>42</p><p>43</p><p>44</p><p>45</p><p>46</p><p>47</p><p>48</p><p>49</p><p>50</p><p>51</p><p>52</p><p>53</p><p>54</p><p>55</p><p>56</p><p>57</p><p>58</p><p>59</p><p>60</p><p>61</p><p>62</p><p>63</p><p>64</p><p>65</p><p>66</p><p>67</p><p>68</p><p>69</p><p>70</p><p>71</p><p>72</p><p>73</p><p>74</p><p>75</p><p>76</p><p>77</p><p>78</p><p>79</p><p>80</p><p>81</p><p>82</p><p>83</p><p>84</p><p>85</p><p>86</p><p>87</p><p>88</p><p>89</p><p>90</p><p>91</p><p>92</p><p>93</p><p>94</p><p>95</p><p>96</p><p>97</p><p>98</p><p>99</p><p>100</p><p>101</p><p>102</p><p>103</p><p>104</p><p>105</p><p>106</p><p>107</p><p>108</p><p>109</p><p>110</p><p>111</p><p>112</p><p>113</p><p>114</p><p>115</p><p>116</p><p>117</p><p>118</p><p>119</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>120</p><p>121</p><p>122</p><p>123</p><p>124</p><p>125</p><p>126</p><p>127</p><p>128</p><p>129</p><p>130</p><p>131</p><p>132</p><p>133</p><p>134</p><p>135</p><p>136</p><p>137</p><p>138</p><p>139</p><p>140</p><p>141</p><p>142</p><p>143</p><p>144</p><p>145</p><p>146</p><p>147</p><p>148</p><p>149</p><p>150</p><p>151</p><p>152</p><p>153</p><p>154</p><p>155</p><p>156</p><p>157</p><p>158</p><p>159</p><p>160</p><p>161</p><p>162</p><p>163</p><p>164</p><p>165</p><p>166</p><p>167</p><p>168</p><p>169</p><p>170</p><p>171</p><p>172</p><p>173</p><p>174</p><p>175</p><p>176</p><p>177</p><p>178</p><p>179</p><p>180</p><p>181</p><p>182</p><p>183</p><p>184</p><p><p><span><</span><span>. </span><span>DOCTYPE </span><span>html </span><span>PubLIC</span> <span>“-//W3C//DTD XHTML 1. 0 Chuyển tiếp//EN”</span> <span>“https. //www. w3. org/TR/xhtml1/DTD/xhtml1-chuyển tiếp. dtd”</span><span>></span></p><p><span><</span><span>html </span><span>xmlns</span><span>=</span><span>“https. //www. w3. org/1999/xhtml”</span> <span>xmlns</span><span>. </span><span>v</span><span>=</span><span>“urn. lược đồ-microsoft-com. vml”</span> <span>xmlns</span><span>. </span><span>o</span><span>=</span><span>“urn. lược đồ-microsoft-com. văn phòng. văn phòng”</span><span>></span><span><</span><span>đầu</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span>[</span><span>if</span> <span>gte </span><span>mso</span> <span>9</span><span>]</span><span>></span><span><</span><span>xml</span><span>></span></p><p><span><</span><span>o</span><span>. </span><span>Cài đặt OfficeDocument</span><span>></span></p><p><span><</span><span>o</span><span>. </span><span>Cho phép PNG</span><span>/</span><span>></span></p><p><span><</span><span>o</span><span>. </span><span>PixelsPerInch</span><span>></span><span>96</span><span><</span><span>/ . </span><span>o</span><span>:</span><span>PixelsPerInch</span><span>></span></p><p><span><</span><span>/</span><span>o</span><span>. </span><span>Cài đặt OfficeDocument</span><span>></span></p><p><span><</span><span>/</span><span>xml</span><span>></span><span><</span><span>!</span><span>[</span><span>endif</span><span>]</span><span>—</span><span>></span></p><p><span><</span><span>tiêu đề</span><span>></span><span>Giáng sinh </span><span>Email </span><span>template</span><span><</span><span>/</span><span>title</span><span>></span></p><p><span><</span><span>meta </span><span>http</span><span>–</span><span>tương đương</span><span>=</span><span>“Content-Type”</span> <span>content</span><span>=</span><span>“text/html; charset=utf-8”</span><span>></span></p><p><span><</span><span>meta </span><span>http</span><span>–</span><span>tương đương</span><span>=</span><span>“X-UA-Compatible”</span> <span>content</span><span>=</span><span>“IE=edge”</span><span>></span></p><p><span><</span><span>meta </span><span>tên</span><span>=</span><span>“khung nhìn”</span> <span>content</span><span>=</span><span>“width=device-width, initial-scale=1.0 “</span><span>></span></p><p><span><</span><span>meta </span><span>tên</span><span>=</span><span>“phát hiện định dạng”</span> <span>content</span><span>=</span><span>“telephone=no”</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span>[</span><span>nếu</span> <span>. </span><span>mso</span><span>]</span><span>></span><span><</span><span>. </span><span>—</span><span>></span></p><p><span><</span><span>liên kết </span><span>href</span><span>=</span><span>“https. //phông chữ. googleapis. com/css?family=Open+Sans. 300.400.600.700.800”</span> <span>rel</span><span>=</span><span>“biểu định kiểu”</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span><</span><span>. </span><span>[</span><span>endif</span><span>]</span><span>—</span><span>></span></p><p><span><a i=0><kiểu </a><a i=1>loại</a><a i=2>=”text/css”></a></span><span>type</span><span>=”text/css”></span></p><p><span>body </span><span>{</span></p><p><span>lề</span><span>. </span> <span>0</span> <span>. quan trọng</span><span>;</span></p><p><span>phần đệm</span><span>. </span> <span>0</span> <span>. quan trọng</span><span>;</span></p><p><span>-webkit-text-size-adjust</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>-ms-text-size-adjust</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>-webkit-làm mịn phông chữ</span><span>. </span> <span>khử răng cưa</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>img </span><span>{</span></p><p><span>đường viền</span><span>. </span> <span>0</span> <span>. quan trọng</span><span>;</span></p><p><span>đường viền</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>p </span><span>{</span></p><p><span>Ký quỹ</span><span>. </span> <span>0px</span> <span>. quan trọng</span><span>;</span></p><p><span>Đệm</span><span>. </span> <span>0px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>bảng </span><span>{</span></p><p><span>sụp đổ đường viền</span><span>. </span> <span>sụp đổ</span><span>;</span></p><p><span>mso-table-lspace</span><span>. </span> <span>0px</span><span>;</span></p><p><span>mso-table-rspace</span><span>. </span> <span>0px</span><span>;</span></p><p><span>}</span></p><p><span>td, a, span </span><span>{</span></p><p><span>sụp đổ đường viền</span><span>. </span> <span>sụp đổ</span><span>;</span></p><p><span>mso-line-height-rule</span><span>. </span> <span>chính xác</span><span>;</span></p><p><span>}</span></p><p><span>.ExternalClass * </span><span>{</span></p><p><span>chiều cao dòng</span><span>. </span> <span>100%</span><span>;</span></p><p><span>}</span></p><p><span>.em_defaultlink a </span><span>{</span></p><p><span>màu</span><span>. </span> <span>kế thừa</span> <span>. quan trọng</span><span>;</span></p><p><span>trang trí văn bản</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>span. MsoHyperlink </span><span>{</span></p><p><span>mso-style-priority</span><span>. </span> <span>99</span><span>;</span></p><p><span>màu</span><span>. </span> <span>kế thừa</span><span>;</span></p><p><span>}</span></p><p><span>span. MsoHyperlink Đã theo dõi </span><span>{</span></p><p><span>mso-style-priority</span><span>. </span> <span>99</span><span>;</span></p><p><span>màu</span><span>. </span> <span>kế thừa</span><span>;</span></p><p><span>}</span></p><p><span>@màn hình chỉ phương tiện và (chiều rộng tối thiểu. 481px) và (chiều rộng tối đa. 699px) </span><span>{</span></p><p><span>.em_main_table </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_wrapper </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_hide </span><span>{</span></p><p><span>hiển thị</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_img </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao</span><span>. </span> <span>tự động</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_h20 </span><span>{</span></p><p><span>chiều cao</span><span>. </span> <span>20px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_padd </span><span>{</span></p><p><span>phần đệm</span><span>. </span> <span>20px</span> <span>10px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>}</span></p><p><span>@màn hình phương tiện và (chiều rộng tối đa. 480px) </span><span>{</span></p><p><span>.em_main_table </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_wrapper </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_hide </span><span>{</span></p><p><span>hiển thị</span><span>. </span> <span>không có</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_img </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao</span><span>. </span> <span>tự động</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_h20 </span><span>{</span></p><p><span>chiều cao</span><span>. </span> <span>20px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_padd </span><span>{</span></p><p><span>phần đệm</span><span>. </span> <span>20px</span> <span>10px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>.em_text1 </span><span>{</span></p><p><span>cỡ chữ</span><span>. </span> <span>16px</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều cao dòng</span><span>. </span> <span>24px</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>u +. em_body. em_full_wrap </span><span>{</span></p><p><span>chiều rộng</span><span>. </span> <span>100%</span> <span>. quan trọng</span><span>;</span></p><p><span>chiều rộng</span><span>. </span> <span>100vw</span> <span>. quan trọng</span><span>;</span></p><p><span>}</span></p><p><span>}</span></p><p><span></style></span></p><p><span><</span><span>/</span><span>đầu</span><span>></span></p><p> </p><p><span><</span><span>body </span><span>class</span><span>=</span><span>“em_body”</span> <span>style</span><span>=</span><span>“margin:0px; padding:0px;”</span> <span>bgcolor</span><span>=</span><span>“#efefef”</span><span>></span></p><p><span><</span><span>bảng </span><span>lớp</span><span>=</span><span>“em_full_wrap”</</span> <span>valign</span><span>=</span><span>“top”</span> <span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>bgcolor</span><span>=</span><span>“#efefef”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>class</span><span>=</span><span>“em_main_table”</span> <span>style</span><span>=</span><span>“width:700px;”</span> <span>chiều rộng</span><span>=</span><span>“700”</span> <span>khoảng cách ô</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span><</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span>Phần tiêu đề </span><span>section</span><span>—</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>kiểu</span><span>=</span><span>“phần đệm. 15px;”</span> <span>class</span><span>=</span><span>“em_padd”</span> <span>valign</span><span>=</span><span>“top”</span> <span>bgcolor</span><span>=</span><span>“#f6f7f8”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>phong cách</span><span>=</span><span>“họ phông chữ. 'Mở Sans', Arial, sans-serif; . 12px; . 15px; . #0d1121;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span>Test </span><span>Email </span><span>Sample</span> <span>|</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“ . #0d1121; . gạch chân;”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color:#0d1121; text-decoration:underline;”</span><span>></span><span>Xem </span><span>Trực tuyến</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span>//Phần tiêu đề–></span></p><p><span><</span><span>. </span><span>—</span><span>Phần biểu ngữ </span><span>section</span><span>—</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>img </span><span>class</span><span>=</span><span>“em_img”</span> <span>alt</span><span>=</span><span>“merry Christmas”</span> <span>style</span><span>=</span><span>“display:block; font-family:Arial, sans-serif; font-size:30px; line-height:34px; color:#000000; max-width:700px;”</span> <span>src</span><span>=</span><span>“images/05be8b57-6b90-4ebd-ba17-4014c79f2e4b. jpg”</span> <span>width</span><span>=</span><span>“700”</span> <span>border</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“345”</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>. </span><span>—</span><span>//Banner section–></span></p><p><span><</span><span>. </span><span>—</span><span>Content </span><span>Text </span><span>Section</span><span>—</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“padding. 35px 70px 30px;”</span> <span>class</span><span>=</span><span>“em_padd”</span> <span>valign</span><span>=</span><span>“top”</span> <span>bgcolor</span><span>=</span><span>“#0d1121”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“font-family. ’Open Sans’, Arial, sans-serif; font-size. 16px; line-height. 30px; color. #ffffff;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span>This</span> <span>is</span> <span>a</span> <span>sample </span><span>email </span><span>which </span><span>shall </span><span>be </span><span>accommodated </span><span>in</span> <span>a</span> <span>single </span><span>paragraph</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“font-size. 0px; line-height. 0px; height. 15px;”</span> <span>height</span><span>=</span><span>“15”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>. </span><span>—</span> — <span>this</span> <span>is</span> <span>space </span><span>of</span> <span>15px</span> <span>to</span> <span>separate </span><span>two </span><span>paragraphs</span> <span>—</span><span>—</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“font-family. ’Open Sans’, Arial, sans-serif; font-size. 18px; line-height. 22px; color. #fbeb59; letter-spacing. 2px; padding-bottom. 12px;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span>This</span> <span>is</span> <span>paragraph</span> <span>2</span> <span>of </span><span>font </span><span>size</span> <span>18px</span> <span>and</span> <span>#fbeb59 font color with a line spacing of 15px</span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>class</span><span>=</span><span>“em_h20”</span> <span>style</span><span>=</span><span>“font-size. 0px; line-height. 0px; . 25px;”</span> <span>height</span><span>=</span><span>“25”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>. </span><span>—</span> — <span>this</span> <span>is</span> <span>space </span><span>of</span> <span>25px</span> <span>to</span> <span>separate </span><span>two </span><span>paragraphs</span> <span>—</span><span>—</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“font-family. ’Open Sans’, Arial, sans-serif; font-size. 18px; line-height. 22px; color. #fbeb59; text-transform. uppercase; letter-spacing. 2px; padding-bottom. 12px;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span> <span>This</span> <span>is</span> <span>paragraph</span> <span>3</span> <span>of </span><span>font </span><span>size</span> <span>18px</span> <span>and</span> <span>#fbeb59 font color with a line spacing of 25px and Uppercase</span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p> </p><p><span><</span><span>. </span><span>—</span><span>//Content Text Section–></span></p><p><span><</span><span>. </span><span>—</span><span>Footer </span><span>Section</span><span>—</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“padding. 38px 30px;”</span> <span>class</span><span>=</span><span>“em_padd”</span> <span>valign</span><span>=</span><span>“top”</span> <span>bgcolor</span><span>=</span><span>“#f6f7f8”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>width</span><span>=</span><span>“100%”</span> <span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“padding-bottom. 16px;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>table </span><span>cellspacing</span><span>=</span><span>“0”</span> <span>cellpadding</span><span>=</span><span>“0”</span> <span>border</span><span>=</span><span>“0”</span> <span>align</span><span>=</span><span>“center”</span><span>></span></p><p><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration. none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/fb. png”</span> <span>alt</span><span>=</span><span>“fb”</span> <span>style</span><span>=</span><span>“display. block; font-family. Arial, sans-serif; font-size. 14px; line-height. 14px; color. #ffffff; max-width. 26px;”</span> <span>width</span><span>=</span><span>“26”</span> <span>border</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“26”</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“width. 6px;”</span> <span>width</span><span>=</span><span>“6”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration. none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/tw. png”</span> <span>alt</span><span>=</span><span>“tw”</span> <span>style</span><span>=</span><span>“display. block; font-family. Arial, sans-serif; font-size. 14px; line-height. 14px; color. #ffffff; max-width. 27px;”</span> <span>width</span><span>=</span><span>“27”</span> <span>border</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“26”</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“width. 6px;”</span> <span>width</span><span>=</span><span>“6”</span><span>></span><span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>td </span><span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration. none;”</span><span>></span><span><</span><span>img </span><span>src</span><span>=</span><span>“images/yt. png”</span> <span>alt</span><span>=</span><span>“yt”</span> <span>style</span><span>=</span><span>“display. block; font-family. Arial, sans-serif; font-size. 14px; line-height. 14px; color. #ffffff; max-width. 26px;”</span> <span>width</span><span>=</span><span>“26”</span> <span>border</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“26”</span><span>></span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>style</span><span>=</span><span>“font-family. ’Open Sans’, Arial, sans-serif; font-size. 11px; line-height. 18px; color. #999999;”</span> <span>valign</span><span>=</span><span>“top”</span> <span>align</span><span>=</span><span>“center”</span><span>></span><span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color. #999999; text-decoration. underline;”</span><span>></span><span>PRIVACY </span><span>STATEMENT</span><span><</span><span>/</span><span>a</span><span>></span> <span>. </span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color. #999999; . underline;”</span><span>></span><span>TERMS </span><span>OF </span><span>SERVICE</span><span><</span><span>/</span><span>a</span><span>></span> <span>. </span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“color. #999999; text-decoration. underline;”</span><span>></span><span>RETURNS</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>br</span><span>></span></p><p>© <span>2017</span> <span>Companyname</span><span>. </span> <span>All </span><span>Rights </span><span>Reserved</span><span>. </span><span><</span><span>br</span><span>></span></p><p><span>Nếu</span> <span>bạn </span><span>làm</span> <span>không</span> <span>ước </span><span>to</span> <span>receive </span><span>any </span><span>further </span><span>emails </span><span>from </span><span>us</span><span>,</span> <span>please</span> <span><</span><span>a</span> <span>href</span><span>=</span><span>“#”</span> <span>target</span><span>=</span><span>“_blank”</span> <span>style</span><span>=</span><span>“text-decoration:none; color:#999999;”</span><span>></span><span>hủy đăng ký</span><span><</span><span>/</span><span>a</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>tr</span><span>></span></p><p><span><</span><span>td </span><span>class</span><span>=</span><span>“em_hide”</span> <span>style</span><span>=</span><span>“line-height. 1px;min-width. 700px;background-color. #ffffff;”</span><span>></span><span><</span><span>img </span><span>alt</span><span>=</span><span>“”</span> <span>src</span><span>=</span><span>“images/spacer. gif”</span> <span>style</span><span>=</span><span>“max-height. 1px; min-height. 1px; display. block; width. 700px; min-width. 700px;”</span> <span>chiều rộng</span><span>=</span><span>“700”</span> <span>đường viền</span><span>=</span><span>“0”</span> <span>height</span><span>=</span><span>“1”</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span><span><</span><span>/</span><span>td</span><span>></span></p><p><span><</span><span>/</span><span>tr</span><span>></span></p><p><span><</span><span>/</span><span>tbody</span><span>></span><span><</span><span>/</span><span>table</span><span>></span></p><p><span><</span><span>div </span><span>class</span><span>=</span><span>“em_hide”</span> <span>style</span><span>=</span><span>“white-space: nowrap; display: none; font-size:0px; line-height:0px;”</span><span>></span><span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span> <span>&</span><span>nbsp</span><span>;</span><span><</span><span>/</span><span>div</span><span>></span></p><p><span><</span><span>/</span><span>body</span><span>></span><span><</span><span>/</span><span>html</span><span>></span></p><p>của bạn đi. Bạn đã tạo thành công một Email HTML. Bạn có thể sử dụng Ví dụ Email HTML này và tạo của riêng bạn</p><p><div class="imgBox"><img alt="HTML trong email" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzEwMjQvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDEvM3JkLUhUTUwtMTAyNHg0NDMuanBn.webp" ></img></div></p><p>Phiên bản máy tính để bàn</p><p><div class="imgBox"><img alt="HTML trong email" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/html-trong-email---aHR0cHM6Ly9jZG4uc2hvcnRwaXhlbC5haS9jbGllbnQvcV9nbG9zc3kscmV0X2ltZyx3XzEwMjQvaHR0cHM6Ly9lbWFpbC51cGxlcnMuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDEvbW9iaWxlLXZlcnNpb24tSFRNTC5qcGc=.webp"></img></div></p><p>Chế độ xem trên thiết bị di động</p><h2 id="nhung-diem-can-nho-khi-tao-email-html">Những điểm cần nhớ khi tạo email HTML</h2><p>Tạo email HTML là chủ đề nhạy cảm với kỹ thuật vì bạn phải ghi nhớ nhiều điều nên và không nên làm để đảm bảo hiển thị hoàn hảo trên các ứng dụng email và thiết bị khác nhau</p><h3 id="1-avoid-using-javascript-and-complex-css-coding">1. Avoid using JavaScript and complex CSS coding</h3><p>Website developers heavily rely on JavaScript for interactivity and visual richness. However, email clients do not support JavaScript in the HTML email format. If you still want to incorporate interactivity in HTML email code, you can use AMP in HTML emails. Currently, AMP components in email are supported by Gmail, Yahoo. , and Mail. ru</p><p>Sometimes, you can experiment with CSS3 and HTML5 in your HTML marketing emails but make sure you test the HTML email design with its complicated coding before hitting the “Send” button</p><h3 id="2-make-use-of-font-stacks">2. Make use of font stacks</h3><p>While converting email to HTML, pay attention to the fonts used. Write an HTML email with proper font stacks, thereby ensuring proper readability and rendering across different email clients</p><p>While creating HTML emails, use email-safe fonts like Arial, Times New Roman, and Courier New. Provide fallback fonts in your HTML email design regardless whether you choose web-safe fonts or not. It is always advisable to do so as all email clients do not have the same support for fonts</p><p>How to create a font stack in the HTML code for email template?</p><p>Font stack is a strategic compilation of fonts according to their priority in the HTML email format. You must place the font you want to use in your HTML email body at the top. Mention the email-safe alternatives and default font below that</p><h3 id="3-monitor-the-loading-time-of-the-html-email-template-code">3. Monitor the loading time of the HTML email template code</h3><p>If your email takes too long to load, it will turn off the subscribers and affect the performance of your HTML marketing emails. Therefore, you must use images and visual elements judiciously in your HTML email examples. When you build HTML email, make sure you do not add too many high-quality images. For every new image loaded in the HTML email body, a new request is generated to the server. Your loading time is directly proportional to the number of requests. So, how to design visually rich HTML email free from any rendering issues? The answer is to optimize your image size and set the content width to 600px. Also, add suitable alt-text with the images when you code HTML for email</p><p>Use HTML minifier to remove unnecessary code from the HTML email format. Do not copy-paste from Microsoft Word when you code email to HTML. It will add too many additional codes</p><h3 id="4-pay-special-attention-to-accessibility-in-the-html-code-for-email-template">4. Pay special attention to accessibility in the HTML code for email template</h3><p>Nếu bạn muốn viết một email HTML gửi tới tất cả người đăng ký, bạn phải tuân theo các phương pháp hay nhất về khả năng truy cập. When you convert PSD email to HTML, choose the visuals, font size, color contrast, and CTA button size in such a way that everyone can access it. Send HTML email with proper lang attributes and semantic tags so that screen readers can interpret the email HTML formatting. Arrange the HTML email template code from left to right and top to bottom for better readability. Single column layouts are the best bet to create accessible HTML email examples</p><h2 id="wrapping-up">Wrapping Up</h2><p>With the help of this step-by-step guide, you can build an HTML email template that can be used for your email marketing strategy. The above methodology is just one of the many processes used to train our developers and test the email templates rigorously using tools like Email on Acid to deliver pixel perfect results as per our clients’ requirements. You can easily use this HTML Email code to create Mailchimp Email Templates, Pardot Email Templates, Marketo, Salesforce Email Templates and many other ESP newsletter templates as well</p><div></div> <div></div> <h3 id="can-you-put-html-in-an-email">Can you put HTML in an email?</h3> <div><span>You can embed HTML in email with the 'Insert as Text' option</span> . Select 'Insert' > Attach File > Select the htm. file > Click on 'Insert' dropdown bar > Select 'Insert as Text'. Read more about HTML emails at https. //www. enginemailer. com/create-html-email. </div> <h3 id="why-is-there-html-showing-in-my-email">Why is there HTML showing in my email?</h3> <div><span>Go to your email notification settings for this email and make sure the box to "Send Emails in Plain Text" is not checked</span> . Check for a plugin conflict. We've seen several plugins that force all emails to be sent as either plain text or HTML cause this issue. Please deactivate your plugins and resend the email. </div> <h3 id="what-is-html-format-in-email">What is HTML format in email?</h3> <div>HTML stands for HyperText Markup Language. It's the way web pages and email templates are coded so that text is formatted and images are added. Plain Text is regular text, with no formatting options such as bold, italics, underlines, or special layout options</div> <h3 id="can-you-use-html-in-gmail-emails">Can you use HTML in Gmail emails?</h3> <div>Since Gmail was introduced way back in 2004, many changes have been made to the email provider. One of the first changes was to remove the HTML editor and just keep the WYSIWYG editor. While Gmail doesn't offer the functionality of an HTML editor, <span>it does still support HTML</span> . </div></p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/rDMYe2jo4z8?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://biquyetxaynha.com/tags/programming" class="tag-link">programming</a> <a href="https://biquyetxaynha.com/tags/html" class="tag-link">html</a> </div> </div> <div class="post-tools"> <button data-postid="html-trong-email" class="btn btn-answerModalBox"><img class="mr-1" alt="HTML trong email" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="html-trong-email" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="HTML trong email" src="/dist/images/svg/face-smile_16.svg">4</button> <button data-postid="html-trong-email" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="HTML trong email" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="HTML trong email" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_html-trong-email" class="answers"> </div><!-- end answer-wrap --> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tuyen-tap-cac-bai-hat-cua-my-tam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/X5akT4mx628/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AeQJgALQBYoCDAgAEAEYZiA0KH8wDw==&rs=AOn4CLDCiob7hvlY4JhHy2rCtiu5IuKNew" alt="Tuyển tập các bài hát của mỹ tâm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tuyen-tap-cac-bai-hat-cua-my-tam-nam-2024">Tuyển tập các bài hát của mỹ tâm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cac-cong-thuc-can-nho-trong-hoa-hoc-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/uTjDjV-ahTM/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDSfuA0C_TESEIQb6OCQOlIqnf9nQ" alt="Các công thức cần nhớ trong hóa học năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cac-cong-thuc-can-nho-trong-hoa-hoc-nam-2024">Các công thức cần nhớ trong hóa học năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Công thức" class="tag-link">Công thức</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/trung-tam-dau-gia-tai-san-ninh-binh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/rCS_rIr_JO8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBprDBhK0yD4jxuwioT-YkZiiAwCw" alt="Trung tâm đấu giá tài sản ninh bình năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/trung-tam-dau-gia-tai-san-ninh-binh-nam-2024">Trung tâm đấu giá tài sản ninh bình năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Cryto" class="tag-link">Cryto</a> <a href="/tags/Giá " class="tag-link">Giá </a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-nau-vit-om-sau-lam-nhu-the-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Lgff9v78f-M/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCmj7A3NlR-jZRntuFz0A0u0jZ6zQ" alt="Cách nấu vịt om sấu làm như thế nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-nau-vit-om-sau-lam-nhu-the-nao-nam-2024">Cách nấu vịt om sấu làm như thế nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Thế nào" class="tag-link">Thế nào</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> <a href="/tags/Món Ngon" class="tag-link">Món Ngon</a> <a href="/tags/Nấu" class="tag-link">Nấu</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-khong-vao-duoc-pubg-mobilevng-tren-pc-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/cT2RkDsDNDQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCy1kmX2Ir96ylD9GRslz0EahUg4w" alt="Lỗi không vào được pubg mobilevng trên pc năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-khong-vao-duoc-pubg-mobilevng-tren-pc-nam-2024">Lỗi không vào được pubg mobilevng trên pc năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tom-tat-tac-pham-vo-nhat-ngu-van-12-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/onbwq8vM8MU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBxkuyvgycXsjkE_Y_JhmuFkBDyvA" alt="Tóm tắt tác phẩm vợ nhặt ngữ văn 12 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tom-tat-tac-pham-vo-nhat-ngu-van-12-nam-2024">Tóm tắt tác phẩm vợ nhặt ngữ văn 12 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Tóm tắt" class="tag-link">Tóm tắt</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/4-bai-tap-thuc-hanh-chong-xuat-tinh-som-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/EMmnRhvKSb0/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AdQGgALgA4oCDAgAEAEYZSBKKEMwDw==&rs=AOn4CLBHhgPzZjYaxKeP1yJg-9P1HceuuA" alt="4 bài tập thực hành chống xuất tinh sớm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/4-bai-tap-thuc-hanh-chong-xuat-tinh-som-nam-2024">4 bài tập thực hành chống xuất tinh sớm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-access-is-denied-khi-share-tren-win-7-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/aEfZlbDz1W4/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDEFvli85h31H0yTegSbW17VUv5-Q" alt="Lỗi access is denied khi share tren win 7 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-access-is-denied-khi-share-tren-win-7-nam-2024">Lỗi access is denied khi share tren win 7 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chong-tham-nha-ve-sinh-loai-nao-tot-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HTlD1L5Kzpw/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDLd2bsOXDtFgKYgg30ygr-9U_1DQ" alt="Chống thấm nhà vệ sinh loại nào tốt năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chong-tham-nha-ve-sinh-loai-nao-tot-nam-2024">Chống thấm nhà vệ sinh loại nào tốt năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Xây Đựng" class="tag-link">Xây Đựng</a> <a href="/tags/Nhà" class="tag-link">Nhà</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-ke-khai-hoa-don-dau-ra-khong-chiu-thue-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/tORQCbcVQsk/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCObSqBcmOmSniQ0bOZ3lH26P4zpw" alt="Cách kê khai hóa đơn đầu ra không chịu thuế năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-ke-khai-hoa-don-dau-ra-khong-chiu-thue-nam-2024">Cách kê khai hóa đơn đầu ra không chịu thuế năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> </div> </div> </div> </div><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-van-bieu-cam-cua-em-ve-cay-tre-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/FBKyqPEXdwM/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AYIOgALKB4oCDAgAEAEYRyBlKCgwDw==&rs=AOn4CLBTVSnzyxMG5msOnUXXSfG0Kdz7xQ" alt="Bài văn biểu cảm của em về cây tre năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-van-bieu-cam-cua-em-ve-cay-tre-nam-2024">Bài văn biểu cảm của em về cây tre năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-sony-z3-khong-ket-noi-voi-may-tinh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/0IYYcoYUAHk/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDwAzzPY4OiCx_U7cOL3ED1SCxoYQ" alt="Lỗi sony z3 không kết nối với máy tính năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-sony-z3-khong-ket-noi-voi-may-tinh-nam-2024">Lỗi sony z3 không kết nối với máy tính năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Son" class="tag-link">Son</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Máy tính" class="tag-link">Máy tính</a> <a href="/tags/Máy" class="tag-link">Máy</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phan-mem-ke-toan-cho-doanh-nghiep-sieu-nho-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Z2lkFGQMT0A/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAldhP2N4X2j1b1H9fUE0II10vo5Q" alt="Phần mềm kế toán cho doanh nghiệp siêu nhỏ năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phan-mem-ke-toan-cho-doanh-nghiep-sieu-nho-nam-2024">Phần mềm kế toán cho doanh nghiệp siêu nhỏ năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-the-exception-breakpoint-a-breakpoint-has-been-reached-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Z2FLxj4gmqE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAV9yhcV2m7PT3ZCRIco_bCQQuY9A" alt="Lỗi the exception breakpoint a breakpoint has been reached năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-the-exception-breakpoint-a-breakpoint-has-been-reached-nam-2024">Lỗi the exception breakpoint a breakpoint has been reached năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-van-ta-canh-sinh-hoat-lop-5-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/DWTlQugMNrM/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBqiJUy8ZOJN5tStMU3pLprdHvlzQ" alt="Bài văn tả cảnh sinh hoạt lớp 5 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-van-ta-canh-sinh-hoat-lop-5-nam-2024">Bài văn tả cảnh sinh hoạt lớp 5 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-khong-chup-man-hinh-duoc-trong-lien-minh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Z2sitiXh0oo/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB2oWKalJPp05rF5-lXBqCMDfMdew" alt="Lỗi không chụp màn hình được trong liên minh năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-khong-chup-man-hinh-duoc-trong-lien-minh-nam-2024">Lỗi không chụp màn hình được trong liên minh năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Màn hình" class="tag-link">Màn hình</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-tinh-thue-khi-ca-nhan-tu-quyet-toan-nam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/cmN1wlXj1kM/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDM68nUXOYrRufEu8TeMxkBhwtepg" alt="Cách tính thuế khi cá nhân tự quyết toán năm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-tinh-thue-khi-ca-nhan-tu-quyet-toan-nam-nam-2024">Cách tính thuế khi cá nhân tự quyết toán năm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-van-thuong-vo-cua-hoc-sinh-chuyen-van-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/rRke3C4CGPg/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDdN2_KjMbHqwACUX4ex0JhOS2UAw" alt="Bài văn thương vợ của học sinh chuyên văn năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-van-thuong-vo-cua-hoc-sinh-chuyen-van-nam-2024">Bài văn thương vợ của học sinh chuyên văn năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tom-tat-cong-thuc-toan-cao-cap-c1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/8D2fx6XleSc/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLATPhMFMywTaEYROrTLsGWIMBfvOA" alt="Tóm tắt công thức toán cao cấp c1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tom-tat-cong-thuc-toan-cao-cap-c1-nam-2024">Tóm tắt công thức toán cao cấp c1 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Công thức" class="tag-link">Công thức</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Tóm tắt" class="tag-link">Tóm tắt</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phan-mem-diet-virut-avira-co-sua-loi-win7-khong-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/h4xAGMO1bO4/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBc-pxMe5zlw6VFSqbgq7JGaZf2YA" alt="Phần mềm diệt virut avira có sửa lỗi win7 không năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phan-mem-diet-virut-avira-co-sua-loi-win7-khong-nam-2024">Phần mềm diệt virut avira có sửa lỗi win7 không năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> </div> </div></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/chia-lai-cho-cong-ty-me-hach-toan-the-nao-nam-2024">Chia lãi cho công ty mẹ hạch toán thế nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/NursingDoorway" class="author">NursingDoorway</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/bang-ke-thanh-toan-hop-dong-thue-ngoai-nam-2024">Bảng kê thanh toán hợp đồng thuê ngoài năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/PeacefulCommissioner" class="author">PeacefulCommissioner</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/loi-ko-khai-dc-thong-tin-doanh-nghiep-htkk-moi-nam-2024">Lỗi ko khai đc thông tin doanh nghiệp htkk mới năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/DespisedPotassium" class="author">DespisedPotassium</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/co-quan-thue-kiem-tra-hoa-don-lien-may-nam-2024">Cơ quan thuế kiểm tra hóa đơn liên mấy năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/MonetaryScenario" class="author">MonetaryScenario</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/627a-nguyen-van-qua-phuong-dong-hung-thuan-quan-12-nam-2024">627a nguyễn văn quá phường đông hưng thuận quận 12 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/SmolderingSemiconductor" class="author">SmolderingSemiconductor</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/cung-van-hoa-thieu-nhi-ha-noi-mo-cua-tet-nam-2024">Cung văn hóa thiếu nhi hà nội mở cửa tết năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/StockySelf-control" class="author">StockySelf-control</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toc-nam-day-va-cung-nen-cat-kieu-nao-nam-2024">Tóc nam dày và cứng nên cắt kiểu nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/WorkingFollower" class="author">WorkingFollower</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/bai-van-lop-8-bai-viet-so-3-nam-2024">Bài văn lớp 8 bài viết số 3 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/MigratoryDarkness" class="author">MigratoryDarkness</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/hoi-nong-dan-viet-nam-thanh-lap-nam-nao-nam-2024">Hội nông dân việt nam thành lập năm nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/DivorcedRecreation" class="author">DivorcedRecreation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/177-vo-van-kiet-thanh-pho-phan-thiet-binh-thuan-nam-2024">177 võ văn kiệt thành phố phan thiết bình thuận năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/VacantMaple" class="author">VacantMaple</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-9-tap-ban-do-lop-8-bai-31-2023">Top 9 tập bản đồ lớp 8 bài 31 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-6-ket-qua-thi-hsg-da-nang-2022-2023">Top 6 kết quả thi hsg đà nẵng 2022 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-9-tu-nhua-dai-loan-4-canh-3d-2023">Top 9 tủ nhựa đài loan 4 cánh 3d 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-9-chat-khi-co-the-lam-mat-mau-dung-dich-nuoc-brom-la-a-so2-b-co2-c-o2-d-hcl-2023">Top 9 chất khí có thể làm mất màu dung dịch nước brom là: a. so2. b. co2. c. o2. d. hcl. 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-8-tim-viec-lam-tien-phay-bao-q7-2023">Top 8 tìm việc làm tiện, phay bảo q7 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-3-toi-xuyen-thanh-tieu-kieu-the-cua-lao-dai-phan-2-2023">Top 3 tôi xuyên thành tiểu kiều the của lão đại phản 2 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-9-doi-moi-phong-cach-thai-do-phuc-vu-cua-can-bo-y-te-huong-toi-su-hai-long-cua-nguoi-benh-2023">Top 9 đổi mới phong cách, thái độ phục vụ của cán bộ y tế hướng tới sự hài lòng của người bệnh 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-2-bai-the-duc-phat-trien-chung-lop-6-2022-2023">Top 2 bài the dục phát triển chung lớp 6 2022 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/toplist-top-3-bai-giang-vu-dieu-sac-mau-lop-4-2023">Top 3 bài giảng vũ điệu sắc màu (lớp 4) 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/bai-toan-lien-quan-toi-muc-cuong-do-am-nam-2024">Bài toán liên quan tới mức cường độ âm năm 2024</a></h5> <small class="meta"> <span class="pr-1">6 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/ShadowyTiger" class="author">ShadowyTiger</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/khi-nao-dang-ky-nguyen-vong-dai-hoc-2023-nam-2024">Khi nào đăng ký nguyện vọng đại học 2023 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/InterstateVariation" class="author">InterstateVariation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/tinh-bao-hiem-xa-hoi-theo-muc-luong-nao-nam-2024">Tính bảo hiểm xã hội theo mức lương nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">3 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/CrookedStandpoint" class="author">CrookedStandpoint</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/lai-gui-tiet-kiem-ngan-hang-nao-cao-nhat-nam-2024">Lãi gửi tiết kiệm ngân hàng nào cao nhất năm 2024</a></h5> <small class="meta"> <span class="pr-1">17 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/HeadyBoardroom" class="author">HeadyBoardroom</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/trung-tam-thuc-tai-y-khoa-binh-hoa-tp-hcm-nam-2024">Trung tâm thực tại y khoa bình hòa tp hcm năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/IndestructibleTourney" class="author">IndestructibleTourney</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/hoi-nong-dan-viet-nam-thanh-lap-nam-nao-nam-2024">Hội nông dân việt nam thành lập năm nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/DivorcedRecreation" class="author">DivorcedRecreation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/loi-the-exception-breakpoint-a-breakpoint-has-been-reached-nam-2024">Lỗi the exception breakpoint a breakpoint has been reached năm 2024</a></h5> <small class="meta"> <span class="pr-1">5 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/ComputerizedDexterity" class="author">ComputerizedDexterity</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/co-so-hinh-thanh-cac-nen-van-minh-phuong-dong-nam-2024">Cơ sở hình thành các nền văn minh phương đông năm 2024</a></h5> <small class="meta"> <span class="pr-1">4 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/ImprovisedPrisoner" class="author">ImprovisedPrisoner</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://biquyetxaynha.com/bai-tap-ve-hinh-tieu-chuan-jis-2d-sang-3d-nam-2024">Bài tập vẽ hình tiêu chuẩn jis 2d sang 3d năm 2024</a></h5> <small class="meta"> <span class="pr-1">5 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://biquyetxaynha.com/author/ScaryStandpoint" class="author">ScaryStandpoint</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='html-trong-email'</script> <script>var postTime ='2022-12-11T22:08:12.910Z'</script> <script>var siteDomain ='biquyetxaynha.com'</script> <script type="text/javascript" src="https://biquyetxaynha.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://biquyetxaynha.com">Xây Nhà</a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --><script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script> <!-- template js files --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div> <!-- end back to top --> <script src="https://biquyetxaynha.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://biquyetxaynha.com/dist/js/moment.js"></script> <script src="https://biquyetxaynha.com/dist/js/read-more.min.js"></script> <script src="https://biquyetxaynha.com/dist/js/main.js?v=6"></script> <!-- Google Tag Manager (noscript) --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html>