Các tập tin kỹ thuật số [media files] mà mình đang nói đến đó là hình ảnh [hình ảnh], âm thanh [âm thanh] và phim ảnh [video]. Với HTML, chúng ta có thể dễ dàng chèn những loại tệp này vào tài liệu và nó sẽ hiển thị rất là sống động luôn
Lưu ý rằng các tập tin kỹ thuật số được thêm vào phải có đường dẫn đối chứng trực tiếp đến tập tin đó [ví dụ:. http. //miền. com/tập tin/hình ảnh. jpg hoặc âm thanh. mp3, video. mp4,…]
Chèn ảnh vào HTML
Để chèn ảnh vào HTML, chúng ta sẽ sử dụng thẻ
Các phương pháp tra cứu theo mục đích sử dụng
Áp dụng cho trường hợp bạn muốn tạo một phần tử HTML nhưng chưa biết nên lựa chọn thẻ [tag] nào, hay bạn muốn định dạng cho một phần tử HTML nhưng chưa biết thuộc tính CSS áp dụng nào
Cách 1. Tra cứu theo lục mục
Đối với nghiên cứu HTML Đối với nghiên cứu CSS1. Trên thanh Sidebar của W3Schools. com → Bạn vào mục HTML and CSS → Learn HTML
2. Lúc này, thanh Sidebar sẽ hiển thị thêm các mục con dựa trên mục đích sử dụng của HTML → Chọn mục con mà bạn cần tìm hiểu
Ví dụ
Giả sử mình cần tìm thẻ để tạo một phần tử HTML chứa các liên kết đến 1 trang khác, mình sẽ nhấp vào mục Liên kết HTML. Sau đó, trang kết quả thông tin hiện ra và mình biết là thẻ title
2 được dùng để tạo các phần tử liên kết [link], cùng với các thuộc tính liên quan, ví dụ cụ thể
1. Trên b của W3Schools. com → Bạn vào mục HTML and CSS → Learn CSS
2. Lúc này, thanh Sidebar sẽ hiển thị thêm các mục con dựa trên mục đích sử dụng của HTML → Chọn mục con mà bạn cần tìm hiểu
Ví dụ
Giả sử mình cần tìm thuộc tính CSS dùng để định dạng màu nền cho 1 phần tử HTML, mình sẽ nhấp vào mục Nền CSS [Nền CSS]. Sau đó trang hiển thị kết quả, và tôi biết rằng thuộc tính CSS title
3 hoặc title
4 được sử dụng để định dạng màu nền cho 1 phần tử HTML, bên cạnh diễn giải và những ví dụ cụ thể.
cách 2. Tra cứu bằng công cụ tìm kiếm
Đối với nghiên cứu HTML Đối với nghiên cứu CSSTrên thanh Menu của W3Schools. com → Bạn nhấp vào biểu tượng tìm kiếm
Bạn gõ từ khóa tìm kiếm theo cú pháp mục đích sử dụng + thẻ HTML
Ví dụ
Cũng theo trường hợp giả sử dụng ở cách 1, mình nhập từ khóa Link HTML tag hoặc Link HTML tag
Kết quả hiển thị danh sách ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến trang đúng kết quả của cách 1
Trên thanh Menu của W3Schools. com → Bạn nhấp vào biểu tượng tìm kiếm
Bạn gõ từ khóa search search theo cú pháp Mục đích sử dụng + CSS
Ví dụ
Cũng theo trường hợp giả sử dụng ở cách 1, mình nhập từ khóa CSS nền hoặc CSS nền
Kết quả hiển thị danh sách ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến trang đúng kết quả của cách 1
Các phương pháp cứu hộ theo đối tượng
Áp dụng cho trường hợp bạn muốn tra cứu về cách sử dụng của một loại thẻ trong HTML hoặc một loại thuộc tính CSS
Ví dụ
Mình cần tra cứu về cách sử dụng và những thông tin liên quan đến thẻ title
5
Mình cần tra cứu về cách sử dụng và những thông tin liên quan đến thuộc tính CSS font-style
Cách 1. Tra cứu bằng lục mục
Đối với nghiên cứu HTML Đối với nghiên cứu CSSTrên thanh Menu của W3Schools. com → Bạn vào mục REFERENCES → HTML Tag Reference
Danh sách tất cả các loại thẻ [tag] trong HTML hiện ra → Bạn click vào thẻ mà mình muốn tìm hiểu
Trên thanh Menu của W3Schools. com → Bạn vào mục REFERENCES → CSS Reference
Danh sách tất cả các thuộc tính CSS hiện ra → Bạn click vào thuộc tính mà mình muốn tìm hiểu
cách 2. Tra cứu bằng công cụ tìm kiếm
Đối với nghiên cứu HTML Đối với nghiên cứu CSSTrên thanh Menu của W3Schools. com → Bạn nhấp vào biểu tượng tìm kiếm
Bạn gõ từ khóa tìm kiếm theo cú pháp thẻ HTML + thẻ HTML
Ví dụ. mình search với từ khóa. title
5 thẻ HTML
Kết quả hiển thị danh sách ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến trang đúng kết quả của cách 1
Trên thanh Menu của W3Schools. com → Bạn nhấp vào biểu tượng tìm kiếm
Bạn gõ từ khóa tìm kiếm theo cú pháp thuộc tính + CSS
Ví dụ. mình search với từ khóa. title
7 CSS
Kết quả hiển thị danh sách ra, thông thường nếu bạn gõ theo cú pháp này thì kết quả số 1 sẽ là đúng nhất, mình click vào và trình duyệt chuyển đến trang đúng kết quả của cách 1
Như vậy chúng ta đã vừa tìm hiểu xong nội dung cuối cùng của bài giảng, cũng là phần cuối cùng của series HTML & CSS căn bản rồi. mật mã. org chân thành cảm ơn bạn đã ủng hộ series suốt thời gian qua. Sắp tới, chúng tớ sẽ tiếp tục cho ra series tiếp nối HTML & CSS nâng cao và chúng tớ rất hy vọng sẽ được các bạn đón nhận
Như thường lệ, nếu các bạn có bất kỳ thắc mắc nào về nội dung bài giảng này, hãy để lại bình luận [bình luận] bên dưới. Nếu các bạn cảm thấy nội dung bài giảng hay và hữu ích thì hãy cho mình 1 like, share hoặc đánh giá để mình có thêm động lực cho ra các bài giảng hay hơn nhé