You don't have javascript enabled! Please download Google Chrome!
  1. Trang chủ
  2. Frontend
  3. HTML
  4. Tạo hiệu ứng nhấp nháy cho văn bản bằng thẻ Blink trong HTML

Tạo hiệu ứng nhấp nháy cho văn bản bằng thẻ Blink trong HTML

Hiệu ứng chữ có thể sẽ khiến cho trang web của bạn trở nên thú vị hơn. Vì thế mà bạn có thể sẽ phải cần đến thẻ này.

Xem thêm bài viết

Có một số ý kiến cho rằng HTML thật nhàm chán vì mọi thứ trên HTML bạn đều phải tự thực hiện. Đoạn văn cũng phải tự ghi. Định dạng tiêu đề cũng phải tự làm. Thiết kế phông nền chèn chữ vào bạn cũng phải tự xắn tay áo vào mà thực hiện. Chuyện này đúng chứ không sai. Bạn có thể nhìn thấy rõ ràng ràng chuyện mọi thứ bạn đều phải làm bằng tay. Tuy thời gian thiết kế của bạn sẽ lâu hơn nhưng bạn lại có thể tự tay thiết kế ra một trang web đúng với ý kiến của bạn. Bạn không cần phải phụ thuộc vào bất cứ mã nguồn mở nào. Đó chính là lợi thế lớn của bạn. Bạn không thể bỏ qua đặc điểm này trong HTML.

Đúng là HTML có hơi nhàm chán nhưng bạn có thể tạo ra những hiệu ứng đặc biệt cho các từ ngữ mà bạn muốn. Như vậy thì HTML cũng không được xem là nhàm chán chút nào.

Cách để tạo hiệu ứng trong HTML

Điều đầu tiên bạn nghĩ đến khi nhắc đến hiệu ứng là nó phải đẹp lồng lộn. Trong HTML hiệu ứng mà bạn có thể tạo được chính là một dòng chữ có thể nhấp nháy được. Điều đó cũng khá là thú vị đấy chứ. Bạn sẽ không còn chê bai HTML nhàm chán bởi thẻ Blink trong HTML sẽ giúp bạn tạo hiệu ứng chữ nhấp nháy. Thế còn gì mà bạn nói rằng HTML quá chán nữa.

Cú pháp thẻ Blink

<blink>Content</blink>

Cú pháp của thẻ đã quá quen thuộc đối với bạn rồi. Chúng ta không cần giải thích gì nhiều. Bây giờ chúng ta hãy đi đến những ví dụ ngay nhé!

Ví dụ

 

<!doctype html>
<html>

<head>
    <title>Trang web giới thiệu ẩm thực sáng tạo</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="Thức ăn, nước uống, địa điểm hay" />
    <meta name="description" content="Trang web giới thiệu ẩm thực Sài Gòn" />
   <link href="css/style.css" rel="stylesheet" type="text/css">

</head>

<body>
    <nav>
        <a href="try.html" class="main-menu">Trang chủ</a> |
        <a href="thuc-don.html" class="main-menu">Thực Đơn</a> |
        <a href="lien-he.html" class="main-menu">Liên Hệ</a>
    </nav>
    

    <h1>Ẩm thực 47 ngõ đường phố Sài Gòn</h1>
    <nav id="gola">
        <a href="#gthieu" class="main-top">Giới thiệu dự án</a> |
        <a href="#muc-tieu" class="main-top">Mục tiêu dự án</a> |
        <a href="#diem-nhan" class="main-top">Điểm nhấn dự án</a>
    </nav>
   
    
    <pre>
            Sài Gòn không giống với Hà Nội bởi thời tiết Sài Gòn luôn thất thường.
                Sài Gòn không có đặc sản của riêng mình vì Sài Gòn là nơi dung nạp mọi nền văn hoá.
                    Muốn ăn món Thái, 
                            Có ngay! 
                    Muốn ăn món Hàn, 
                            Hãy nhìn bên kia đường! 
                    Muốn ăn thịt nướng, 
                            Đi thêm vài bước nữa! 
                    Muốn ăn món Nhật, 
                            Ghé đối diện! 
                Sài Gòn tuy có vẻ đơn điệu về ẩm thực nhưng chính Sài Gòn cũng có một phong cách rất riêng mà chỉ có ở Sài Gòn
                    Những buổi tối không ngủ 
                        Ngắm nhìn đường phố nhộp nhịp
                            Bên cạnh những người mình yêu thương cùng ly cà phê hương vị đậm đà. 
                Sài Gòn là nơi của những ly cà phê đặc biệt. 
                Hiếm có nơi mà người ta có thể thưởng thức được ly cà phê hấp dẫn bằng nhiều hình thức khác nhau. 
                Có một Sài Gòn rất khác... 
            
            Chúng ta sẽ khám phá Sài Gòn bằng mọi cung bậc mà bạn có thể cảm nhận được. Thấm nhuần những giá trị tinh thần khác biệt. Đó mới là Sài Gòn. Một Sài Gòn diễm tình hoa lệ.
        </pre>
        
        <h1>Khám phá Sài Gòn ngay nào</h1>
        <blink>Nhấn nút để khám phá những điều thú vị của Sài Gòn</blink>
        <center><a href="thuc-don.html"><button class="button1">Khám phá ngay</button></a></center>
        <div>
        <a><h2 id="gthieu">Giới thiệu dự án</h2></a>
        <p>Dự án được thự chiện bởi một nhóm bạn trẻ có niềm đam mê với ẩm thực nơi họ sinh ra. Chúng tôi luôn phát triển dự án theo đúng tôn chỉ "Ngon-bổ-rẻ". Chúng tôi luôn muốn mang đến cho bạn những trải nghiệm ẩm thực chỉ có ở Sài Gòn không nơi đâu có được. </p>
        <p>Nếu như bạn biết được một ngày nào đó chính bạn cũng sẽ có cảm giác ấn tượng đến khó phai với bất cứ thứ gì mà bạn đãn từng sinh ra tại đây</p>
        <a id="muc-tieu"><h2>Mục tiêu dự án</h2></a>
        <p>Chúng tôi muốn hoàn thành trọn vẹn bộ bản đồ ẩm thực Sài Gòn theo từng quận huyện khác nhau. Hiện chúng tôi đã có bản đồ của hai huyện ngoại thành thành phố.</p>
        <a id="diem-nhan"><h2>Điểm nhấn dự án</h2></a>
        <p>Món ăn đường phố thường bị gắn mác là kém vệ sinh. Nhưng chúng tôi muốn mang đến một trải nghiệm khác biệt hơn dành cho bạn. Một trải nghiệm thức ăn đường phố rẻ nhưng hợp vệ sinh.</p>
        </div>
        <a href="form.html" target="_blank"><button class="button2">THEO DÕI THÔNG TIN CỦA CHÚNG TÔI</button></a>
</body>

</html>

Kết quả ví dụ

Sau ví dụ này bạn đã thấy rõ chức năng của thẻ Blink. Một thẻ rất thú vị trong HTML đúng không nào? Sau này chúng ta sẽ sử dụng hiệu hứng thông qau CSS và JavaScript để thực hiện. Hiển nhiên là với tình hình công nghệ phát triển như ngày nay thì thẻ này đã được thay bằng cách tạo ra hiệu ứng với hai ngôn ngữ khác nhằm chúng chuyện chỉnh sửa trở nên dễ dàng hơn.  Bạn cần luyện tập để thực hiện thành thạo hiệu ứng này. Một hiệu ứng khá  thú vị trong HTML. Bạn có thể sử dụng thẻ này trong nhiều trường hợp. Ở bài viết sau mình sẽ hướng dẫn các bạn sử dụng thẻ Marquee trong HTML. Một thẻ cực kỳ thú vị.




Đặt câu hỏi cho bài viết này ?