HTML – Tinh hoa Công nghệ https://tinhhoacongnghe.com Sun, 26 Nov 2023 09:04:48 +0000 vi hourly 1 https://wordpress.org/?v=6.6.2 Định nghĩa và cách dùng thẻ HTML < ruby > https://0222801001.com.tw/dinh-nghia-va-cach-dung-the-html-ruby/ Sun, 26 Nov 2023 09:04:48 +0000 https://0222801001.com.tw/?p=6517

Định nghĩa và cách sử dụng thẻ <ruby>

Thẻ <ruby> chỉ định chú thích ruby. Chú thích ruby ​​là một văn bản bổ sung nhỏ, được đính kèm với văn bản chính để biểu thị cách phát âm hoặc ý nghĩa của các ký tự tương ứng. Loại chú thích này thường được sử dụng trong những ấn phẩm của Nhật Bản. Đây là một ví dụ
về một chú thích Ruby:

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Sử dụng <ruby> cùng với <rt> và <rp>: Phần tử <ruby> bao gồm một hoặc nhiều ký tự cần giải thích/phát âm, phần tử <rt> cung cấp thông tin đó và phần tử <rp> tùy chọn xác định nội dung sẽ hiển thị cho các trình duyệt không hỗ trợ chú thích Ruby.

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ử.

Phần tử
<ruby>		 Google Chrome MS Edge Firefox Safari Opera
5.0 5.5 38.0 5.0 15.0

Thuộc tính Global

Thẻ <ruby> cũng hỗ trợ thuộc tính Global trong HTML.

Thuộc tính sự kiện

Thẻ <ruby> cũng hỗ trợ thuộc tính sự kiện trong HTML.

]]> Định nghĩa và cách sử dụng thẻ html https://0222801001.com.tw/dinh-nghia-va-cach-su-dung-the-html/ Sun, 26 Nov 2023 08:54:00 +0000 https://0222801001.com.tw/?p=6512

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

Thẻ <s> chỉ định văn bản không còn chính xác, chính xác hoặc phù hợp. Văn bản sẽ được hiển thị với một gạch ngang xuyên qua nó. Ví dụ sau đánh dấu văn bản không còn chính xác:

<p><s>Chỉ còn 50 chiếc bút!</s></p> <p>BÁN HẾT!</p>

Không nên sử dụng thẻ <s> để xác định văn bản đã xóa trong tài liệu, hãy sử dụng thẻ <del> cho việc đó.

Hỗ trợ trình duyệt

Phần tử
<s>		 Google Chrome MS Edge Firefox Safari Opera
Có Có Có Có Có

Thuộc tính Global

Thẻ <s> cũng hỗ trợ các thuộc tính Global trong HTML.

Thuộc tính sự kiện

Thẻ <s> cũng hỗ trợ thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết mọi trình duyệt sẽ hiển thị phần tử <s> với các giá trị mặc định sau:

s {
  text-decoration: line-through;
}
]]> Code html chữ chạy trên website https://0222801001.com.tw/code-html-chu-chay-tren-website/ Mon, 28 Nov 2022 02:57:19 +0000 https://0222801001.com.tw/?p=4873 Kết quả: tinhhoacongnghe Lưu ý: Thẻ marquee phía sau lúc nào cũng phải có dấu “/” ngay trước nha. 2. Chữ […]]]> 1. Chữ chạy ngang từ phải qua trái

Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.
Đoạn mã: <marquee>tinhhoacongnghe</marquee>

>Kết quả:

tinhhoacongnghe

Lưu ý: Thẻ marquee phía sau lúc nào cũng phải có dấu “/” ngay trước nha.

2. Chữ chạy ngang từ trái qua phải:

    • Đoạn mã:<marquee direction=”right”>tinhhoacongnghe</marquee>

 

  • Kết quả:

    tinhhoacongnghe

3.Chữ chạy từ trên xuống dưới:

  • Đoạn mã:<marquee direction=”down”>tinhhoacongnghe</marquee>
    • Kết quả:

      • tinhhoacongnghe.com

    4.Chữ chạy từ dưới lên trên:

    • Đoạn mã: <marquee direction=”up”>tinhhoacongnghe</marquee>
    • Kết quả:

    5.Chữ chạy qua lại:

    • Đoạn mã:<marquee behavior=”alternate”>tinhhoacongnghe</marquee>
    • Kết quả:

      • tinhhoacongnghe.com

    6.Chữ đứng,mũi tên 2 bên chạy ra vào :

    • Đoạn mã:>>tinhhoacongnghe<<

     

      • Kết quả:

        • >>tinhhoacongnghe.com<<

      7.Chữ chạy có nền màu:

      • Đoạn mã:<font ><marquee direction=”left” style=”background:orange”>tinhhoacongnghe</marquee></font>
        • Kết quả:

          • tinhhoacongnghe.com

        8.Chữ chạy có khung xung quanh:

          • Đoạn mã:

            <marquee style=”border:blue 2px SOLID”>tinhhoacongnghe</marquee>

         

          • Kết quả:

            • www.thietkemenu.net

          9.Chữ chạy và biến mất:

            • Đoạn mã:<marquee behavior=”alternate”><marquee width=”150″>tinhhoacongnghe</marquee></marquee>
            • Kết quả:

              • tinhhoacongnghe.com

            10.Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:

            • Đoạn mã:<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″>tinhhoacongnghe</marquee>
              • Kết quả:

                • tinhhoacongnghe

              ]]> Cách đặt ảnh làm hình nền trong HTML https://0222801001.com.tw/cach-dat-anh-lam-hinh-nen-trong-html/ Fri, 07 Jan 2022 14:05:29 +0000 https://0222801001.com.tw/?p=2790

              Cách đặt ảnh làm hình nền trong HTML

              Hôm nay Tinh Hoa Công Nghệ sẽ hướng dẫn cho mọi người cách để đặt ảnh nền cho web html nha.

              Trước tiên mọi người mở trình chạy code lên. Sau đó hãy thêm thẻ <html></html và thẻ <head></head> phần đầu. Bên tron thẻ <head></head> mọi người hãy thêm thẻ <style></style> sau đó hãy thêm những dòng code như trong ảnh nha.

              Và đầy đủ của nó sẽ có như này

              <!DOCTYPE html>
              <html>
                  <head>
                     <style>
              body{
                  background-image: url(https://gstatic.gvn360.com/2020/12/final.jpg);
                  background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: 100% 100%;
              }
                      </style>
                  </head>
              </html>

              Mình sẽ nói qua chút về mấy cái code nhé.

              • background-image: url( );

              -Bạn hãy thêm địa chỉ hình ảnh mà bạn muốn đặt làm hình nền vào bên trong ngoặc

              • background-repeat: no-repeat;

              -Nếu hình ảnh của bạn nhỏ hơn phần tử thì ảnh của bạn sẽ bị lặp đi lặp lại theo hàng ngang và dọc cho tới hết trang. Để tránh trường hợp lặp lại ảnh thì hãy thêm vào

              background-repeat: no-repeat;

              • background-attachmet: fixed;

              Để đảm bảo toàn bộ phần tử luôn được bao phủ, hãy đặt thuộc tính background-attachment: fixed;

              • background-size : 100% 100%

              Nó sẽ giúp hình ảnh của bạn bao phủ để vừa với toàn bộ phần tử. Bạn có thể thử thay đổi kích thước cửa sổ trình duyệt, và bạn sẽ thấy rằng hình ảnh sẽ kéo dài, nhưng luôn bao phủ toàn bộ phần tử.

              ]]>                             Cách đặt background-color trong HTML https://0222801001.com.tw/cach-dat-background-color-trong-html/ Fri, 07 Jan 2022 11:40:07 +0000 https://0222801001.com.tw/?p=2779  

              Cách đặt nền một màu trong HTML cực đơn giản.

              Xin chào mọi người hôm nay mình sẽ hướng dẫn cho mọi người cách đặt hình nền một màu trong HTML như bên dưới cực đơn giản nha.

              Để đặt được cho website một màu đồng nhất thì đầu tiên mọi người hãy mở trình chạy code của mình lên > Tiếp theo hãy thêm những thẻ như bên dưới đây là xong.

              Và đầy đủ của nó sẽ có như này

              <!DOCTYPE html>
              <html>
                  <head>
                     <style>
              body{
                  background-color: rgb(71, 65, 71);
              }
                      </style>
                  </head>
              </html>
              • Chi tiết :
              • Nói đơn giản hơn là bên trong phần body ( thân) mọi người thêm thẻ <style></style>
              • Tiếp theo bên trong thẻ <style></style> mọi người chỉ cần thêm :

              body{

              background-color: (màu mà bạn muốn để)

              }

              Bạn có thể xem ảnh mẫu như bên dưới để làm theo nhé.

               

              ]]>