Nội dung
Viết nốt cái bài đã đặt cọc từ khi bắt đầu lập cái page Mẹo WordPress cho đến giờ :”>
Nội dung bài này sẽ là những gì bạn có thể làm được với text, tức là chỉnh sửa font, cỡ chữ, vân vân và vân vân… ^^
Với mỗi mục sẽ có tên, code và ví dụ cụ thể ^^
Tất cả đều phải được viết trong chế độ HTML.
Nội dung không được sắp xếp theo thứ tự gì hết thế nên để dễ cho các bạn, mình sẽ xếp cái list ngay bên cạnh để các bạn tiện xem. Nếu sau này có thêm cái gì thì mình sẽ post luôn vào bài này luôn. Thế nên phần nào viết ở dưới tức là được viết sau.
Những điều cần biết trước khi xem bài này
- Màu sử dụng trong code HTML là mã màu hex. Để biết được mã hex cho mỗi màu, các bạn chọn dấu mũi tên cạnh hình chữ A trong thanh công cụ trên WordPress, chọn More colors, copy mã trong ô Color
- Code
spandùng cho từ/cụm từ trong một đoạn,pcho cả đoạn,divcho nhiều đoạn hoặc cả bài. - Để áp dụng nhiều thuộc tính cho một đoạn, hãy gộp nó lại trong cùng một thẻ.
Màu nền cho đoạn
Cái này thích hợp khi viết sì poi, tức là khi đó, người đọc phải bôi đen mới có thể đọc được. Nên để màu chữ trùng với màu nền
<div style="padding: 12px; background-color: #mã hex; line-height: 1.4;">ĐOẠN</div>
Ví dụ:
<div style="padding: 12px; background-color: #8ff9eb; line-height: 1.4;">Đây là một đoạn văn ví dụ.</div>
Kết quả:
Màu nền cho kí tự
<span style="background-color: #mã hex;">KÍ TỰ</span>
Ví dụ:
Đây là một đoạn văn <span style="background-color: #8ff9eb;">ví dụ</span>.
Kết quả:
Đây là một đoạn văn ví dụ.
Đường kẻ ở trên chữ
<span style="text-decoration: overline;">KÍ TỰ</span>
Ví dụ:
Đây là một đoạn văn <span style="text-decoration: overline;">ví dụ</span>.
Kết quả:
Đây là một đoạn văn ví dụ.
Chữ ở phía trên (mũ)
<sup>KÍ TỰ</sup>
Ví dụ:
Đây là một đoạn văn <sup>ví dụ</sup>.
Kết quả:
Đây là một đoạn văn ví dụ.
Chữ ở phía dưới
<sub>KÍ TỰ</sub>
Ví dụ:
Đây là một đoạn văn <sub>ví dụ</sub>.
Kết quả:
Đổi cỡ chữ
<span style="font-size:100%;">KÍ TỰ</span>
Ví dụ:
Đây là một đoạn văn <span style="font-size:200%;">ví dụ</span>.
Kết quả:
Đổi font chữ
Về lý thuyết thì bạn có thể để bất cứ font nào mà bạn muốn, nhưng chỉ máy nào có cài font đó thì mới hiện ra được thôi. Vì vậy, để an toàn, hãy chỉ dùng những font mà Windows có sẵn. Đó là:
Arial
Arial Black
Comic Sans MS
Courier New
Georgia
Impact
Lucida Console
Lucida Sans Unicode
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
<span style="font-family:TÊN FONT;">KÍ TỰ</span>
Ví dụ:
Đây là một đoạn văn <span style="font-family:Palatino Linotype;">ví dụ</span>.
Kết quả:
Tạo đường kẻ ngang
<hr />
Ví dụ:
Đây là một đoạn văn ví dụ. <hr /> Đây là một đoạn văn ví dụ.
Kết quả:
Đây là một đoạn văn ví dụ.
Tạo thông tin thêm cho kí tự
Cái này tức là khi di chuyển vào một kí tự, một dòng giải thích/thông tin thêm cho kí tự đó sẽ hiện ra.
Cũng có thể sử dụng nó như một hình thức spoiler cho truyện, yêu cầu người xem phải di chuyển chuột vào chỗ đó mới đọc được phần spoil ^^
<abbr title="THÔNG TIN THÊM">KÍ TỰ</abbr>
Ví dụ:
Đây là một đoạn văn <abbr title="Đây là một đoạn thông tin thêm.">ví dụ</abbr>.
Kết quả:
Đây là một đoạn văn ví dụ.
