Responsive trong HTML

  • Nguyễn Lê Điệp
  • 04-01-2017
  • 184
  • 0
  • 2
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.

    Web responsive là gì?

    Web responsive được thiết kế kết hợp giữa ngôn ngữ HTML và CSS sao cho nỏ hiển thị thu nhỏ, phóng to, ẩn, hiện hoặc di chuyển các nội dung của trang web sao cho vừa đối với các kích cở màn hình khác nhau.
    Web responsive là một web được thiết kế đã được tối ưu để hiển thị trên các loại màn hình như: Máy tính, máy tính bảng và điện thoại thông minh.

    Tự tạo web responsive

    Bạn có thể tự tạo web responsive theo ý thích của riêng mình

    <!DOCTYPE html>
    <html>
    <head>
    <style>
      .kennis {
         float: left;
         margin: 10px;
         padding: 10px;
         max-width: 200px;
         height: 200px;
         border: 1px solid red;
         color: violet;
      }   
    </style>
    </head>
    <body>
      <h3>Đây là một web responsive tự thiết kế</h3>
      <h4>Bạn có thể co dãn cửa sổ trình duyệt để theo dõi</h4>
      <div class="kennis">
        <h2>Học HTML</h2>
        <p>Bạn có thể học HTML tại Kennis.vn</p>
        <p>Luôn cung cấp các bài hướng dẫn về HTML hoàn toàn miễn phí!</p>
      </div>
      <div class="kennis">
        <h2>Học CSS</h2>
        <p>Bạn có thể học CSS tại Kennis.vn</p>
        <p>Luôn cung cấp các bài hướng dẫn về CSS hoàn toàn miễn phí!</p>
      </div>
      <div class="kennis">
        <h2>Học PHP</h2>
        <p>Bạn có thể học PHP tại Kennis.vn</p>
        <p>Luôn cung cấp các bài hướng dẫn về PHP hoàn toàn miễn phí!</p>
      </div>
      <div class="kennis">
        <h2>Học MySQL</h2>
        <p>Bạn có thể học MySQL tại Kennis.vn</p>
        <p>Luôn cung cấp các bài hướng dẫn về MySQL hoàn toàn miễn phí!</p>
      </div>
    </body>
    </html>
    Xem ví dụ
    Chúc các bạn thành công!surprise
    Từ khóa:

    Responsive trong HTML

    Responsive trong HTML

    Responsive trong HTML

    Responsive trong HTML
    Responsive trong HTML
    2 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    490
    - Hôm qua:
    904
    - Tuần này:
    4.952
    - Tuần trước:
    6.504
    - Tháng này:
    19.109
    - Tháng trước:
    24.702
    - Năm này:
    136.500
    - Năm trước:
    17.373
    - Tổng cộng:
    153.873