Một sốđoạnHtmlrấtcool
cho trangtríweb
Nếu bạn đang tìm kiếm những đoạn html, bạn đã đến đúng nơi! Ở đây, bạn sẽ tìm
thấy những đoạnhtml hữu ích và thú vị, sẽ giúp bạn cải thiện trangweb của bạn.
Tận hưởng!
1) HTML Marquee
Nếu bạn muốn nhận được sự chú ý của ai đó, bạn nên sử dụng mã marquee.
Nhưng, không sử dụng nó quá nhiều, đặc biệt là nếu trangweb của bạn có chứa
quá nhiều đoạn marquee, nó sẽ kích thích và làm hỏng sự tập trung của người đọc.
Bạn có thể thêm mã marquee để cho khách truy cập xem những gì sẽ được cập
nhật tiếp theo, bài viết phổ biến, quảng cáo vv…
Ví dụ 1: Kiểu Bouncy
<marquee behavior=alternate width=”190″ scrollamount=”7″ scrolldelay=”96″
height=”20″ bgcolor=”#E0FFFF”><font size=”5″>Your Text Here
</font></marquee>
Ví dụ 2: Kiểu Scrolling
<font color=”#FF0000″> <marquee direction=up scrollAmount=0scrollDelay=0
style=”filter:wave(add=13,phase=1,freq=3,strength=25)” width=100
height=220><font style=”font-family:arial; comic sans ms;font-
size:20px;color:.000000″ <br />T<br />H<br<br />A<br />N<br />G<br />C<br
/>O</font></marquee><br />
</font>
2) E-Mail Link
Nếu bạn cần liên kết email đơn giản nhưng hữu ích, cho phép khách truy cập liên
lạc với bạn, bạn nên sử dụng đoạn mã html.
Ví dụ 1: Email với ảnh.
<a href=”mailto:thangcohut@gmail.com”><img
src=”http://www.phanmem.com/wp-content/uploads/2013/07/contact-us1.jpg”
alt=”html cool” title=”contact-us” width=”100″ height=”102″ /></a>
Ví dụ 2: Email link thông thường.
<a href=”mailto:thangcohut@gmail.com”>E-mail Me!</a>
Ví dụ 3: Email link với chủ đề
<a href=”mailto:thangcohut@gmail.com?Subject=liên hệ với thangcohut”>Email
Me!</a>
Lưu ý: “mailto: thangcohut@gmail.com” trong phần này là mã viết địa chỉ email
của bạn
3) Hiệu ứng text để tạo logo
Bạn không thích sử dụng photoshop hoặc một phần mềm tương tự? Nếu như vậy,
bạn có thể tạo logo chỉ với html.
<p style=”color: #CCCCCC;”><font size=”5″><b>My Cool <span
style=”background: #CCCCCC; color: #000000; padding: 5px 5px 5px
5px;”>Logo Text</span></b></font></p>
<p>
4) Hiệu ứng text shadow.
Đoạn html này có sử dụng thêm CSS để tạo hiệu ứng đổ bóng rất độc đáo
<link rel=”stylesheet” type=”text/css”
href=”http://coolhtmlcodes.s3.amazonaws.com/public/shadows.css” />
<style type=”text/css”>
#shadow_1:before {
content: ‘YOUR TEXT HERE’;
}
</style>
<p class=’shadow’ id=’shadow_1′>YOUR TEXT HERE</p>
5) Hiệu ứng text highlighter
Đoạn html này cho phép bạn đánh dấu văn bản của bạn.Điều này là tuyệt vời khi
bạn muốn gây sự chú ý đến các phần đặc biệt của trangweb của bạn.
Cảm ơn bạn đã ghé thăm <span style=”background-
color:yellow”>Phanmem.com</span> Chúc bạn sẽ có những giây phút vui vẻ và
thỏa mái
.
Một số đoạn Html rất cool
cho trang trí web
Nếu bạn đang tìm kiếm những đoạn html, bạn đã đến đúng nơi! Ở đây, bạn sẽ tìm
thấy những đoạn html. shadow.
Đoạn html này có sử dụng thêm CSS để tạo hiệu ứng đổ bóng rất độc đáo
<link rel=”stylesheet” type=”text/css”
href=”http://coolhtmlcodes.s3.amazonaws.com/public/shadows.css”