Bạn muốn xem mã nguồn html của một trang web vì bạn làm việc trong lĩnh vực liên quan đến web hoặc chỉ vì tò mò. Nhưng tôi không biết cách xem mã nguồn html? Sau đó bài viết này là dành cho bạn.
Bạn đang xem: Mã nguồn của trang là gì
Hai cách để xem mã nguồn HTML của trang web trên Google Chrome
html là gì?
Dành cho những ai chưa biết về mã nguồn của html, anhhung.mobi sẽ chia sẻ với các bạn html là gì một cách đơn giản nhất.
html đại diện cho chữ cái đầu tiên của cụm từ tiếng Anh ngôn ngữ đánh dấu siêu văn bản, và cũng được dịch là ngôn ngữ đánh dấu siêu văn bản. Nó là một ngôn ngữ đánh dấu được sử dụng để thiết kế các trang web chứa các mẩu thông tin được trình bày trên World Wide Web.
Nói một cách đơn giản, mọi thành phần trong trang web, chẳng hạn như thẻ tiêu đề, liên kết, trích dẫn khối… đều được tạo thành từ html. Tuy nhiên, bạn cần phân biệt html với các ngôn ngữ lập trình, vì html chỉ có thể xây dựng định dạng và bố cục trong trang web, nó không thể tạo “động” cho trang web.
2 Cách xem mã nguồn html của trang web trên Google Chrome
Điều đầu tiên bạn cần làm là khởi động google chrome và truy cập trang web bạn muốn xem mã nguồn html. Sau đó, làm theo các bước dưới đây theo thứ tự.
Phương pháp 1: Sử dụng Xem mã nguồn trang
Bước 1: Nhấp chuột phải vào vùng trống của trang web và chọn Xem nguồn trang. Ngoài ra, bạn cũng có thể truy cập và xem mã nguồn của trang thông qua tổ hợp phím tắt ctrl + u.
%3cp%3exem+th%c3%aam%3a+suy+gi%e1%ba%a3m+%c4%90a+d%e1%ba%a1ng+sinh+h%e1%bb%8dc+l%c3%a0 +g%c3%ac%2c+%c4%90a+d%e1%ba%a1ng+sinh+h%e1%bb%8dc+l%c3%a0+g%c3%ac%3c%2fp%3e
Xem mã nguồn trang
Bước 2: Bây giờ, một tab mới sẽ bật lên. Trong tab mới này sẽ chứa tất cả các html từ trang web.
Tuy nhiên, rất khó để bạn tìm kiếm html cụ thể theo cách này vì chúng hoàn toàn mở và không được định dạng.
Phương pháp 2: Sử dụng công cụ dành cho nhà phát triển
Ngoài chức năng xem mã nguồn trang do Google cung cấp, bạn còn có thể sử dụng các công cụ dành cho nhà phát triển. Nó thậm chí có thể giúp bạn tìm hiểu sâu hơn về một trang web và có thể dễ dàng xem các phần tử có trong nguồn html hơn.
Cách sử dụng các công cụ dành cho nhà phát triển như sau:
Bước 1: Nhấp vào biểu tượng ba dấu chấm nằm ở bên phải của thanh công cụ cửa sổ google chrome.
Bước 2: Chọn Công cụ khác, sau đó chọn Công cụ dành cho nhà phát triển. (Hoặc bạn có thể nhấn phím tắt ctrl + shift + i để mở công cụ dành cho nhà phát triển)
Công cụ dành cho nhà phát triển
Bước 3: Tại đây, bạn sẽ thấy hộp thoại hiển thị mã nguồn html bên cạnh trang.
Sử dụng công cụ này, bạn có thể ngay lập tức tìm kiếm bất kỳ mã html nào bằng cách đánh dấu một hoặc nhiều thành phần trong trang web, sau đó nhấp chuột phải vào phần được đánh dấu và chọn kiểm tra (kiểm tra). Lúc này, mã html tương ứng với thành phần bạn chọn sẽ được đánh dấu ở phía bên phải của trang web.
Trên đây là 2 cách anhhung.mobi chia sẻ để xem mã nguồn html của trang web trên google chrome. Hy vọng họ sẽ giúp bạn. Chúc may mắn!
Ngoài ra, nếu có bất kỳ thắc mắc về các kiến thức khác liên quan đến máy tính, bạn có thể để lại lời nhắn bên dưới bài viết này. Và đừng quên đón đọc những bài viết mới nhất từ anhhung.mobi.
Đăng ký kênh youtube để theo dõi những bài học của giảng viên hay nhất: http://bit.ly/youtube_anhhung.mobi
Tham gia cộng đồng Học viện it.vn: https://www.facebook.com/groups/www.anhhung.mobi/
Trụ sở Hà Nội:8 ngõ 117 thái hà, đống đa, hà nội
Thành phố Hồ Chí Minh: Số 283/45, Cách mạng tháng 8, P.12, Q.10, TP.HCM Hải PhòngHải Phòng
thái nguyên: số 297 lương ngọc quy, tp. thai nguyenit.vn Academy – Hãy để nghề nghiệp thực tiễn đi đến thành công cùng bạn!