Hướng dẫn HTML chính xác cho người mới bắt đầu

Cập nhật lần cuối vào 15 May 2018

Hai mươi năm trước, ngay cả khi bạn chỉ là một blogger sở thích, bạn phải biết một số mã hóa web để bảo vệ bản thân hoặc thêm một chức năng đơn giản vào trang web của bạn. Nhưng giờ đây có rất nhiều trình chỉnh sửa và plugin sẵn có mà thậm chí biết được các khái niệm cơ bản về HTML không còn cần thiết nữa tạo trang web or chạy một blog.

Vấn đề với điều này là nếu bạn không biết một số vấn đề cơ bản, bạn có thể dễ dàng gặp rắc rối thực sự trong blog của mình và phải thuê một nhà phát triển đắt tiền để khắc phục vấn đề nhỏ. Không chỉ vậy, nhưng việc tạo các thay đổi cho blog của bạn như thêm một tiện ích văn bản tùy chỉnh đòi hỏi một chút kiến ​​thức.

Và nếu bạn đang gặp phải bố cục nội dung không đúng, kiến ​​thức HTML có thể giúp bạn quay trở lại đúng hướng.

Dưới đây là một số phiên bản hướng dẫn HTML của chúng tôi dành cho các blogger và chủ doanh nghiệp trực tuyến không phải là công nghệ cao.

HTML là xương sống của Internet ngày nay. Hàng triệu trang web cùng nhau tạo thành internet. Trong đó HTML là khối xây dựng của tất cả các trang web này.

Hỏi & Đáp của người mới bắt đầu

1- HTML là gì?

HTML là tên viết tắt của Hyper Text MArkupe Language. Đây là ngôn ngữ chuẩn để gắn thẻ nội dung cho trình duyệt web.

HTML được đại diện bởi "Elements". Các yếu tố còn được gọi là "Thẻ".

2- Tại sao HTML cần thiết?

Trình duyệt web chỉ có thể hiển thị trang web khi được viết bằng ngôn ngữ được hỗ trợ của chúng. HTML là ngôn ngữ đánh dấu phổ biến nhất và có sự chấp nhận cao nhất đối với các trình duyệt web.

Đó là lý do tại sao bạn cần HTML.

3- Trường hợp HTML có nhạy cảm không?

HTML không phân biệt chữ hoa chữ thường. Nhưng cách tốt nhất là viết HTML với các trường hợp thích hợp.

Các bước để tạo tệp HTML đầu tiên của bạn

Bạn có thể tạo một tệp HTML cơ bản bằng Notepad trên máy tính của bạn. Nhưng sẽ rất đau khi viết nhiều dòng mã.

Bạn cần một Trình soạn thảo mã. Một trình soạn thảo mã tốt sẽ giúp viết và sắp xếp các mã lớn dễ dàng hơn.

Tôi sử dụng và giới thiệu Notepad + + (miễn phí và mã nguồn mở) để viết các ngôn ngữ web. Có các trình chỉnh sửa khác mà bạn có thể sử dụng như Tiêu đề cao siêu, Nguyên tử và vv

Dưới đây là những gì bạn cần làm:

  1. Cài đặt trình chỉnh sửa mã
  2. Mở nó ra
  3. Tạo một tệp mới
  4. Lưu tệp dưới dạng tệp .html

Bạn đã sẵn sàng để đi!


Đi Lên trên

1- Hello World!

Sao chép và dán mã sau đây vào tệp HTML mới của bạn và lưu nó. Bây giờ hãy chạy nó trên trình duyệt web của bạn.

Mã số:

<! DOCTYPE html> <html> <head> <title> Trang web đầu tiên của tôi </ title> </ head> <body> <p> Xin chào thế giới! </ P> </ body> </ html>

Đầu ra:

Chúc mừng! Bạn đã tạo tệp HTML đầu tiên của mình. Bạn không cần phải hiểu nó vào thời điểm này. Chúng tôi sẽ giới thiệu nó ngay.

Hiểu cấu trúc HTML

Mỗi tệp HTML có cấu trúc thông thường. Đây là nơi mọi thứ bắt đầu. Và mọi trang mã lớn sẽ đến cấu trúc này sau khi cắt bớt.

Vì vậy, hãy cố gắng hiểu nó từ mã “Hello World!”. Các phần tử sau đây là các phần bắt buộc cho mọi tệp HTML.

  • <! DOCTYPE html> = Đây là một khai báo cho trình duyệt rằng đây là một tệp HTML. Bạn phải chỉ định nó trước thẻ <html>.
  • <html> </ html> = Đây là phần tử gốc của tệp HTML. Mọi thứ bạn viết đều nằm giữa <html> và </ html>.
  • <head> </ head> = Đây là phần thông tin meta cho trình duyệt. Các mã bên trong thẻ này không có đầu ra trực quan.
  • <body> </ body> = Đây là phần mà trình duyệt web hiển thị. Những gì bạn thấy chính xác trên trang web là hiển thị mã giữa <body> và </ body>.


Đi Lên trên

Thẻ 2- HTML

HTML là sự cộng tác của hàng trăm thẻ khác nhau. Bạn cần phải học cách họ làm việc. Bạn cũng phải đảm bảo rằng họ đã sử dụng chúng đúng cách.

Các thẻ HTML thường có thẻ mở và thẻ đóng. Thẻ mở có từ khóa được bao quanh bởi dấu nhỏ hơn (<) và lớn hơn (>). Thẻ đóng có tất cả mọi thứ giống nhau nhưng dấu gạch chéo thêm (/) sau ký hiệu nhỏ hơn (<).

(Đầu thẻ 2a)

Tất cả các thẻ đầu nằm giữa <head> và </ head>. Chúng chứa thông tin meta cho trình duyệt web và công cụ tìm kiếm. Về cơ bản họ không có đầu ra trực quan.

<title> </ title>

Thẻ tiêu đề xác định tiêu đề của trang web hiển thị trên tab trình duyệt. Thông tin này được sử dụng bởi các chương trình web và công cụ tìm kiếm. Bạn có thể có một tiêu đề cao nhất cho mỗi tệp HTML.

Mã số:

<title> Trang web đầu tiên của tôi </ title>
Thẻ tiêu đề xuất hiện ở đầu trình duyệt của bạn.

<link>

Thẻ liên kết liên kết trang HTML của bạn với tài nguyên bên ngoài. Việc sử dụng chính của nó là liên kết trang HTML với các bảng định kiểu CSS. Nó là một thẻ tự đóng và không cần kết thúc </ link>. Ở đây rel là viết tắt của quan hệ với các tập tin và src có nghĩa là nguồn.

Mã số:

<link rel = "stylesheet" type = "text / css" src = "style.css">

<meta>

Meta là một thẻ tự đóng khác cung cấp thông tin meta của một tệp html. Các công cụ tìm kiếm và các dịch vụ web khác sử dụng những thông tin này. Thẻ meta là phải nếu bạn muốn tối ưu hóa trang của mình cho công cụ tìm kiếm.

Mã số:

<meta name = "description" content = "Đây là mô tả ngắn gọn mà các công cụ tìm kiếm hiển thị"

<script> </ script>

Thẻ tập lệnh được sử dụng để bao gồm tập lệnh phía máy chủ hoặc tạo liên kết tới tệp tập lệnh bên ngoài. Nó có thể có hai thuộc tính trong thẻ mở. Một là loại và một là nguồn (src).

Mã số:

<script type = "text / javascript" src = "scripts.js"> </ script>

<noscript> </ noscript>

Thẻ Noscript hoạt động khi các tập lệnh bị tắt trong trình duyệt web. Nó làm cho một trang tương thích với những người không cho phép các tập lệnh trong trình duyệt web của họ.

Mã số:

<noscript> <p> Than ôi! Các tập lệnh bị tắt. </ P> </ noscript>

(2b) Thẻ nội dung

Tất cả các thẻ body đều nằm giữa <body> và </ body>. Chúng có đầu ra hình ảnh. Đây là nơi công việc được thực hiện nhiều nhất. Bạn phải sử dụng các thẻ này để cấu trúc nội dung trang chính của bạn.

<h1> </ h1> thành <h6> </ h6>

Đây là các thẻ tiêu đề. Tiêu đề quan trọng nhất được gắn thẻ <h1> và ít quan trọng nhất với <h6>. Bạn nên sử dụng chúng trong hệ thống phân cấp chính xác.

Mã số:

<h1> Đây là tiêu đề h1 </ h1> <h2> Đây là tiêu đề h2 </ h2> <h3> Đây là tiêu đề h3 </ h3> > Đây là tiêu đề h4 </ h4> <h4> Đây là tiêu đề h5 </ h5>

Đầu ra:

Thẻ định dạng

Văn bản trong một tập tin html có thể được định dạng bằng cách sử dụng nhiều thẻ định dạng. Nó sẽ là cần thiết khi bạn muốn làm nổi bật một từ hoặc dòng từ nội dung của bạn.

Mã số:

<p> Bạn có thể làm nổi bật văn bản của mình theo nhiều cách. </ p> <p> Bạn có thể <strong> in đậm </ strong>, <u> gạch chân </ u>, <em> in nghiêng </ em>, <mark > đánh dấu </ mark>, <sub> đăng ký </ sub>, <sup> siêu ký tự </ sup> và hơn thế nữa! </ p>

Đầu ra:

<! - ->

Bạn có thể làm lệch một số mã từ việc tăng dần bằng cách sử dụng thẻ nhận xét. Mã sẽ hiển thị trong mã nguồn nhưng sẽ không được hiển thị. Việc sử dụng chính của thẻ này là để tạo tài liệu của các tệp html để tham khảo trong tương lai.

Ví dụ:

<! - <p> Bạn có thể nhận xét bất kỳ mã nào bằng cách bao quanh chúng theo cách này </ p> ->

(2c) Các thẻ HTML quan trọng khác

<a> </a>

Neo là một thẻ vô giá được sử dụng gần như ở khắp mọi nơi. Bạn sẽ không thấy bất kỳ trang web nào trực tuyến mà không có ít nhất một liên kết anchor.

Cấu trúc giống nhau. Nó có phần mở <a> và phần đóng </a>. Văn bản bạn muốn neo giữa <a> và </a>.

Có một số thuộc tính xác định vị trí và cách người dùng truy cập sau khi nhấp vào nó.

  • ahref = ”“ = Nó xác định liên kết đích. Liên kết đi giữa các dấu ngoặc kép.
  • target = ”“ = Nó xác định xem URL sẽ mở trong tab trình duyệt mới hay trong cùng một tab. target = ”_ blank” dành cho tab mới và target = ”_ self” là để mở trong cùng một tab.
  • rel = ”“ = Nó xác định mối quan hệ của trang hiện tại với trang được liên kết. Nếu bạn không tin tưởng vào trang được liên kết, bạn có thể định nghĩa rel = ”nofollow”.

Mã số:

<p> <alists" href="https://www.google.com/"> Nhấp vào đây </a> để truy cập Google. Nó sẽ mở trong một tab mới. </ P> <p> <a<_elf" href="https://www.google.com/"> Nhấp vào đây </a>. Nó cũng sẽ đưa bạn đến Google nhưng sẽ mở trong tab hiện tại. </ P>

Đầu ra:

<img />

Thẻ hình ảnh là một thẻ quan trọng khác mà bạn không thể tưởng tượng ra nhiều trang web dựa trên hình ảnh.

<img /> là một thẻ tự đóng. Nó không cần kết thúc truyền thống như </ img>. Có một số thuộc tính bạn cần phải biết trước khi bạn có thể sử dụng nó một cách chính xác.

  • src = ”“ = Đây là để xác định liên kết nguồn của hình ảnh. Đặt liên kết ngay giữa dấu ngoặc kép.
  • alt = ”“ = Nó là viết tắt của văn bản thay thế. Khi hình ảnh của bạn không tải, văn bản này sẽ cung cấp cho người dùng ý tưởng về hình ảnh bị thiếu.
  • width = ”“ = Nó xác định chiều rộng của một hình ảnh tính bằng pixel.
  • Chiều cao = ”“ = Nó xác định chiều cao của một hình ảnh tính bằng pixel.

Ví dụ:

<p> Đây là Googleplex vào tháng 8 2014. </ p> <p> Hình ảnh này có chiều rộng các pixel 500 và chiều cao của các pixel 375. </ p> <img src = "https: //upload.wik hè. org / wikipedia / commons / 0 / 0e / Googleplex-Patio-Aug-2014.JPG "alt =" Trụ sở chính của Google vào tháng 8 2014 "width =" 500 "height =" 375 "/>

Đầu ra:

Mẹo: Bạn muốn chèn hình ảnh có thể nhấp? Quấn mã hình ảnh bằng thẻ <a>. Xem nó như thế nào.

<ol> </ ol> hoặc <ul> </ ul>

Thẻ danh sách là để tạo danh sách các mục. <ol> là viết tắt của các danh sách có thứ tự (danh sách được đánh số) và <ul> là viết tắt của các danh sách không có thứ tự (các dấu đầu dòng).

Các mục danh sách bên trong <ol> hoặc <ul> được gắn thẻ <li> </ li>. li là viết tắt của danh sách. Bạn có thể có nhiều <li> như bạn muốn bên trong thẻ <ol> hoặc <ul> gốc.

Mã số:

<p> Đây là danh sách được sắp xếp: </ p> <ol> <li> Mục 1 </ li> <li> Mục 2 </ li> <li> Mục 3 </ li> </ ol> <p> Đây là danh sách không có thứ tự: </ p> <ul> <li> Mục 1 </ li> <li> Mục 2 </ li> <li> Mục 3 </ li> </ ul>

Đầu ra:

<table> </ table>

Thẻ bảng là để tạo bảng dữ liệu. Có một vài thẻ cấp bên trong xác định tiêu đề bảng, hàng và cột.

<table> </ table> là mã cha mẹ bên ngoài. Trong thẻ này, <tr> là viết tắt của hàng trong bảng, <td> là viết tắt của cột bảng và <th> là viết tắt của tiêu đề bảng.

Mã số:

<bảng> <tr> <th> Tên </ th> <th> Tuổi </ th> <th> Nghề </ th> </ tr> <tr> <td> Jo <td> 27 </ td> < td> Doanh nhân </ td> </ tr> <tr> <td> Carol </ td> <td> 26 </ td> <td> Y tá </ td> </ tr> <tr> <td> Simone < / td> <td> 39 </ td> <td> Giáo sư </ td> </ tr> </ bảng>

Đầu ra:

Lưu ý: Các giá trị bên trong <tr> đầu tiên là các tiêu đề. Vì vậy, chúng tôi đã sử dụng <th> áp dụng hiệu ứng chữ đậm cho văn bản.

Nhóm bảng

Bạn có thể mở rộng chức năng của một bảng bằng cách sử dụng các phần tử nhóm bảng. Sẽ có những lúc bạn cần tạo các bảng lớn được chia thành nhiều trang.

Nhóm dữ liệu bảng của bạn vào phần đầu, phần thân và chân trang, bạn có thể cho phép cuộn độc lập. Phần tiêu đề và phần nội dung sẽ in ra mọi trang nơi bảng của bạn đã mở rộng.

Các thẻ nhóm bảng là:

  • <thead> </ thead> = Để gói các đầu đề của một bảng. Nó in ra mọi trang phân chia của bảng.
  • <tbody> </ tbody> = Để gói dữ liệu chính của bảng. Bạn có thể có nhiều <tbody> như bạn cần. Thẻ <tbody> có nghĩa là một nhóm dữ liệu riêng biệt.
  • <tfoot> </ tfoot> = Để gói thông tin chân trang của bảng. Nó in ra mọi trang phân chia của bảng.

Xin lưu ý rằng không bắt buộc phải sử dụng nhóm. Bạn có thể sử dụng nó để làm cho các bảng lớn hơn dễ đọc hơn. Trong khi một số nhà phát triển đặc biệt sử dụng rõ ràng các thẻ này dưới dạng Bộ chọn CSS.

Đây là cách chúng ta có thể nhóm bảng mẫu của chúng ta thành <thead>, <tbody> và <tfoot>:

Mã số:

<bảng> <thead> <tr> <th> Tên </ th> <th> Tuổi </ th> <th> Nghề </ th> </ tr> </ thead> <tbody> <tr> <td> John </ td> <td> 27 </ td> <td> Doanh nhân </ td> </ tr> <tr> <td> Carol </ td> <td> 26 </ td> <td> Y tá </ td> </ tr> <tr> <td> Simone </ td> <td> 39 </ td> <td> Giáo sư </ td> </ tr> </ tbody> <t feet> <tr> <td> Tổng số người: </ td> <td> 3 </ td> </ tr> </ t feet> </ bảng>

Đầu ra:

<form> </ form>

Phần tử biểu mẫu được sử dụng để tạo biểu mẫu tương tác cho các trang web. Biểu mẫu HTML chứa một số phần tử liên tiếp. Ví dụ: <label>, <input>, <textarea> v.v.

Thuộc tính action trong form là rất quan trọng. Nó trỏ đến trang phía máy chủ hoặc trang của bên thứ ba để xử lý thông tin. Để xử lý, trước tiên bạn cần xác định phương thức.

Bạn có thể sử dụng một trong hai phương pháp, nhận hoặc đăng. Nhận tất cả thông tin ở định dạng URL trong đó Đăng gửi thông tin trong nội dung thư.

Có nhiều loại đầu vào cho biểu mẫu. Kiểu đầu vào rất cơ bản là văn bản. Nó được viết dưới dạng <input type = ”text”>. Các loại cũng có thể là radio, hộp kiểm, email và vv. Nên có đầu vào loại gửi ở cuối để tạo nút gửi.

Thẻ <label> được sử dụng để tạo nhãn và liên kết chúng với đầu vào. Quy tắc liên kết nhãn với đầu vào là có cùng giá trị trong thuộc tính for = ”” thuộc tính của nhãn và id = ”” của đầu vào.

Mã số:

<form action = "#"> <nhãn for = "Firstname"> Tên: </ nhãn> <input type = "text" id = "Firstname"> <br> <nhãn for = "Lastname"> Họ: </ nhãn> <input type = "text" id = "lastname"> <br> <nhãn for = "bio"> Short Bio: </ nhãn> <textarea id = "bio" rows = "10" cols = " 30 "placeholder =" Nhập tiểu sử của bạn vào đây ... "> </ textarea> <br> <nhãn> Giới tính: </ nhãn> <br> <nhãn for =" male "> Nam </ nhãn> <input type = "radio" name = "male" id = "male"> <br> <nhãn for = "Female"> Female </ nhãn> <input type = "radio" name = "male" id = "Female"> <br > <input type = "submit" value = "Gửi"> <form>

Đầu ra:

Lưu ý: Tôi đã chỉ hành động đến một giá trị null vì nó không được kết nối với bất kỳ máy chủ nào để xử lý thông tin.


Đi Lên trên

Thuộc tính 3- HTML

Thuộc tính là một loại công cụ sửa đổi cho thẻ HTML. Họ thêm cấu hình mới vào thẻ HTML.

Thuộc tính trông giống như attributename = ”” và nằm trong thẻ HTML mở. Giá trị của thuộc tính đi giữa dấu ngoặc kép.

id = ”” và class = ””

id và class là số nhận dạng của các thẻ HTML. Các tên khác nhau được chỉ định cho các phần tử HTML khác nhau bằng cách sử dụng số nhận dạng. Bạn có thể sử dụng một định danh lớp cho nhiều phần tử. Nhưng bạn không thể sử dụng một định danh id cho nhiều phần tử.

Mã số:

<h1 class = "heading"> Đây là tiêu đề chính </ h1>

href = ””

href là viết tắt của Hypertext Reference. Họ hướng người dùng tham khảo các liên kết. Thẻ neo <a> sử dụng href để đưa người dùng đến URL đích.

Mã số:

<a href="https://www.google.com/"> Google </a>

src = ””

src là viết tắt của nguồn. Nó định nghĩa nguồn của phương tiện hoặc tài nguyên bạn đang sử dụng trong tệp HTML. Nguồn có thể là URL của địa phương hoặc bên thứ ba.

Mã số:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

alt = ””

alt là viết tắt của thay thế. Nó là một văn bản dự phòng được sử dụng khi một phần tử HTML không thể tải.

Mã số:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "Trụ sở chính của Google" />

style = ””

thuộc tính style thường được sử dụng trong các thẻ HTML. Nó thực hiện công việc của CSS trong thẻ HTML. Thuộc tính tạo kiểu của bạn đi giữa dấu ngoặc kép.

Mã số:

<h2 style = "color: red"> Đây là một tiêu đề khác </ h2>


Đi Lên trên

4- Mã hiển thị: Block vs Inline

Một số yếu tố luôn bắt đầu trên một dòng mới và có chiều rộng có sẵn đầy đủ. Đây là những phần tử “Chặn”.

Ví dụ: <div>, <p>, <h1> - <h6>, biểu mẫu, v.v.

Một số yếu tố chỉ chiếm không gian cần thiết và không bắt đầu trên một dòng mới. Đây là những phần tử “Inline”.

Ví dụ: <a>, <span>, <br>, <strong>, <img> v.v.

Bạn sẽ cần phải phân biệt các phần tử khối từ nội tuyến khi bạn sẽ sử dụng các kiểu CSS. Trong hướng dẫn HTML này, nó không phải là rất cần thiết.

Mã số:

<! DOCTYPE html> <html> <head> <title> Trang web đầu tiên của tôi </ title> </ head> <body> <h2> Đây là tiêu đề H2. Nó có Hiển thị khối. </ H2> <h2> Đây là <u> khác </ u> tiêu đề H2. Ở đây, thẻ gạch dưới có hiển thị Nội tuyến. </ H2> </ body> </ html>

Đầu ra:


Đi Lên trên

5- Trích dẫn kép so với trích dẫn đơn trong HTML

Câu hỏi này rất rõ ràng. Bạn nên sử dụng gì trong HTML? Trích dẫn đơn hoặc trích dẫn kép? Mọi người dường như sử dụng cả hai, nhưng cái nào là đúng?

Trong HTML, trích dẫn đơn và trích dẫn kép giống nhau. Họ không thực hiện bất kỳ sự khác biệt trong đầu ra.

Bạn có thể sử dụng bất cứ ai bạn thích. Nhưng trộn lẫn cả hai trong một trang mã được coi là một thực tế xấu. Bạn nên nhất quán với bất kỳ một trong số họ.


Đi Lên trên

6- HTML ngữ nghĩa và HTML không ngữ nghĩa

HTML ngữ nghĩa là phiên bản HTML mới nhất, còn được gọi là HTML5. Nó là phiên bản phát triển của HTML và XHTML không ngữ nghĩa.

Tại sao HTML5 lại tốt hơn? Trong các phiên bản trước, các phần tử HTML được xác định bằng tên id / class. Ví dụ: <div id = ”article”> </ div> được coi là một bài viết.

Trong HTML5, thẻ <article> </ article> thể hiện chính nó như là một bài viết mà không cần bất kỳ định danh id / class nào.

Vì lợi ích của HTML5, hiện tại các công cụ tìm kiếm và các ứng dụng web khác có thể hiểu rõ hơn về một trang web. Các trang web ngữ nghĩa đã được chứng minh là làm tốt hơn cho SEO.

Dưới đây là danh sách một số thẻ HTML5 phổ biến:

  • <main> </ main> = Đây là để gói nội dung chính mà bạn muốn hiển thị cho người xem của mình.
  • <header> </ header> = Đây là để đánh dấu phần tiêu đề của một nội dung như tiêu đề hoặc meta tác giả.
  • <article> </ article> = Nó chỉ định nội dung do người dùng xác định hoặc độc lập cho người xem của bạn.
  • <section> </ section> = Nó có thể nhóm bất kỳ mã nào như đầu trang, chân trang hoặc thanh bên. Bạn có thể nói, nó là dạng ngữ nghĩa của một div.
  • <footer> </ footer> = Đây là nơi nội dung chân trang của bạn, tuyên bố từ chối trách nhiệm hoặc văn bản bản quyền thuộc về.
  • <audio> </ audio> = Nó cho phép bạn chèn các tập tin âm thanh mà không gặp bất kỳ vấn đề nào về plugin.
  • <video> </ video> = Giống như <audio>, bạn có thể chèn video bằng thẻ này mà không gặp sự cố plugin.

Một cấu trúc HTML5 đơn giản sẽ trông như sau:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> Trang web đầu tiên của tôi </ title> </ head> <body> <title> <nav> <ul> < li> Menu 1 </ li> <li> Menu 2 </ li> </ ul> </ nav> </ header> <main> <article> <title> <h2> Đây là tiêu đề của bài viết </ h2> <p> Được đăng bởi John Doe </ p> </ header> <p> Nội dung của bài viết ở đây </ p> </ article> </ main> <footer> <p> Bản quyền 2017 John Doe </ p> </ footer> </ body> </ html>


Đi Lên trên

Xác thực 7- HTML

Hầu hết các chuyên gia web xác nhận mã của họ sau khi hoàn thành nó. Tại sao cần phải xác nhận mã khi nó hoạt động tốt?

Có hai lý do có thể để xác thực mã của bạn:

  1. Nó sẽ giúp bạn làm cho mã của bạn qua trình duyệt và cross-nền tảng tương thích. Mã có thể không hiển thị bất kỳ lỗi nào trong trình duyệt hiện tại của bạn, nhưng nó có thể xuất hiện trong một mã khác. Mã xác nhận sẽ sửa chữa nó lên.
  2. Công cụ tìm kiếm và các chương trình web khác có thể ngừng thu thập dữ liệu trang của bạn nếu bạn có lỗi trong đó. Bạn có thể xác nhận thông qua xác nhận rằng bạn không có bất kỳ lỗi lớn nào.

Xác nhận W3C là dịch vụ phổ biến nhất để xác thực mã. Họ có một số phương pháp để xác thực mã. Bạn có thể tải lên tệp hoặc nhập trực tiếp mã trong công cụ xác thực của mình.


Đi Lên trên

8- Tài nguyên hữu ích khác

HTML là một chủ đề luôn học hỏi. Các phiên bản cập nhật khác của HTML có thể sớm hơn. Vì vậy, bạn phải luôn cập nhật và tiếp tục luyện tập. Thực hành là những gì aces HTML.

Dưới đây là một số tài nguyên hữu ích cho bạn: