17 code HTML đơn giản bạn có thể học trong 10 phút - QuanTriMang.com

Mặc dù các trang web hiện đại thường được xây dựng với giao diện người dùng thân thiện, nhưng thật tốt nếu biết một số HTML cơ bản. Nếu biết 17 thẻ sau đây, bạn có thể tạo ra một trang web cơ bản từ đầu hoặc tinh chỉnh code được tạo bởi một ứng dụng như WordPress.

Bài viết cung cấp các ví dụ cho hầu hết các thẻ, nhưng nếu muốn, bạn có thể tải tệp HTML được liên kết ở cuối bài viết để xem trong trình soạn thảo văn bản và tải nó lên trong một trình duyệt.

1.

Bạn sẽ cần thẻ này ở đầu mỗi tài liệu HTML tạo ra. Điều này đảm bảo một trình duyệt biết rằng nó đang đọc HTML.

" width="640" height="427" class="lazy" data-src="https://st.quantrimang.com/photos/image/2017/10/23/code-html-1.jpg">

Mặc dù đây không thực sự là một thẻ HTML, nhưng người dùng vẫn nên biết về nó.

2.

Đây là một thẻ khác nói với trình duyệt rằng nó đang đọc HTML. Tại sao chúng ta cần cả hai thẻ và ? Thật sự có trời mới biết nhưng tốt hơn hết là bạn không nên bỏ nó. Và ở cuối tài liệu, thêm thẻ .

3.

Đối với các trang cơ bản, thẻ

sẽ chứa tiêu đề.

4.

Thẻ này xác định tiêu đề của trang. Tất cả những gì bạn cần làm là đặt tiêu đề vào thẻ và đóng nó, ví dụ này bao gồm cả thẻ head:

<head> <title>My Websitetitle> head>

Đây là tên được hiển thị dưới dạng tiêu đề tab khi nó được mở trong một trình duyệt.

17 code HTML đơn giản bạn có thể học trong 10 phút - QuanTriMang.com

5.

Giống như thẻ title, siêu dữ liệu được đặt trong khu vực tiêu đề của trang (siêu dữ liệu này, khác với siêu dữ liệu từ thiết bị di động). Siêu dữ liệu chủ yếu được sử dụng bởi các công cụ tìm kiếm và là thông tin trên trang của bạn. Có một số trường meta khác nhau, nhưng đây là một trong số các loại meta được sử dụng phổ biến nhất:

Dưới đây là ví dụ có thể áp dụng cho trang này:

<meta name="description" content="A basic HTML tutorial"> <meta name="keywords" content="HTML,code,tags"> <meta name="author" content="Dann Albright"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

Thẻ "viewport" sẽ luôn có “width=device-width, initial-scale=1.0” để nội dung trang hiển thị tốt trên thiết bị di động và máy tính để bàn.

6.

Về cơ bản, mọi thứ trừ tiêu đề được đặt trong phần thân của trang web và đặt trong thẻ body.

<body> Everything you want displayed on your page. body>

7.

Thẻ

Link nội dung: https://duhocminhanh.com/17-code-html-don-gian-ban-co-the-hoc-trong-10-phut-quantrimangcom-a14701.html