Cách View Page Source Là Gì ? Tổng Hợp Đầy Đủ Kiến Thức Về Source Code

Bạn muốn xem nguồn HTML của những trang Web bởi bạn đang thao tác trong nghành nghề dịch vụ tương quan đến chúng hay chỉ đơn thuần là thỏa mãn nhu cầu sự tò mò mà thôi. Thế nhưng bạn không biết cách xem nguồn HTML như thế nào ? Vậy bài viết này là dành cho bạn .Bạn đang xem : View page source là gì
*

2 cách xem mã nguồn HTML của các trang Web trên Google Chrome

Bạn đang đọc: Cách View Page Source Là Gì ? Tổng Hợp Đầy Đủ Kiến Thức Về Source Code

HTML là gì?

Dành cho những bạn nào vẫn chưa hiểu rõ về nguồn HTML, anhhung.mobi sẽ san sẻ cho những bạn định nghĩa HTML là gì một cách đơn thuần nhất .HTML là viết tắt những vần âm đầu của cụm từ Tiếng Anh HyperText Markup Language hay còn được dịch ra là Ngôn ngữ Đánh dấu Siêu văn bản. Nó là loại ngôn từ ghi lại được tạo ra nhằm mục đích phong cách thiết kế lên những trang Web với những mẩu thông tin được trình diễn trên World Wide Web .Nói một cách đơn thuần thì mọi thành phần trong trang Web như thẻ heading, link, blockquotes … đều được cấu trúc bằng HTML. Tuy nhiên, bạn cần phân biệt HTLM với ngôn từ lập trình bởi HTML chỉ hoàn toàn có thể dựng được định dạng cũng như bố cục tổng quan trong trang Web mà không hề tạo tính “ động ” cho trang Web .

2 cách xem mã nguồn HTML của các trang Web trên Google Chrome

Công việc tiên phong bạn cần làm là khởi động Google Chrome và truy vấn vào trang Web mà bạn muốn xem mã nguồn HTML. Sau đó, bạn hãy thực thi lần lượt theo những thao tác của một trong hai cách dưới đây .

Cách 1: Sử dụng View Page Source

Bước 1: Click chuột phải vào một khoảng trống trong trang Web và chọn View Page Source. Ngoài cách này thì bạn cũng có thể nhấn tổ hợp phím tắt Ctrl + U để truy cập vào View Page Source.

Xem thêm : Suy Giảm Đa Dạng Sinh Học Là Gì, Đa Dạng Sinh Học Là Gì
*View Page Source

Bước 2: Lúc này, một Tab mới sẽ được bật lên. Trong Tab mới này sẽ chứa tất cả các HTML trong trang Web.

Tuy nhiên, bạn rất khó để tìm kiếm từng HTML đơn cử theo cách này bởi chúng trọn vẹn lan rộng ra và không được định dạng .

Cách 2: Sử dụng công cụ dành cho Nhà phát triển

Ngoài tính năng View Page Source mà Google cung cấp, bạn cũng có thể sử dụng công cụ dành cho Nhà phát triển. Thậm chí, công cụ này còn giúp bạn tìm hiểu sâu hơn về các trang Web và có khả năng xem các phần tử có trong nguồn HTML một cách dễ dàng hơn.

Cách sử dụng công cụ dành cho Nhà phát triển như sau:

Bước 1: Nhấn vào biểu tượng ba dấu chấm nằm ở phía bên phải của thanh công cụ trong cửa sổ của Google Chrome.

Bước 2: Chọn More Tools và chọn tiếp Developer Tools. (Hoặc bạn cũng có thể nhấn tổ hợp 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à tăng trưởng

Bước 3: Tại đây, bạn sẽ thấy một khung thoại hiển thị các mã nguồn HTML nằm ngay bên cạnh trang Web.

Với công cụ này, bạn có thể tìm kiếm ngay một mã HTML bất kỳ bằng cách bôi đen một hoặc một số phần tử trong trang Web, tiếp đến click chuột phải vào phần bôi đen đó và chọn Inspect (Kiểm tra). Lúc này, mã HTLM tương ứng với phần tử mà bạn đã bôi đen sẽ được đánh dấu và hiển thị bên phải cửa sổ trang Web.

Trên đây là san sẻ của anhhung.mobi về 2 cách xem mã nguồn HTML của những trang Web trên Google Chrome. Hi vọng chúng giúp ích cho bạn. Chúc bạn thành công xuất sắc !Ngoài ra, nếu có bất kỳ vướng mắc nào về những kỹ năng và kiến thức tương quan đến máy tính khác thì bạn hoàn toàn có thể để lại phản hồi 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 của anhhung.mobi nhé .

Đăng ký kênh Youtube để theo dõi các bài học của Huấn luyện viên tốt nhất: http://bit.ly/Youtube_anhhung.mobi

Tham gia cộng đồng Học viện IT.vn tại: https://www.facebook.com/groups/www.anhhung.mobi/

Xem thêm: QUY ĐỊNH THANH TOÁN BÙ TRỪ CÔNG NỢ – ĐẠI LÝ THUẾ Q.P.T

Trụ sở Hà Nội: Số 8 ngõ 117 Thái Hà, Đống Đa, Hà Nội

Hồ Chí Minh: Số 283/45 Cách Mạng Tháng Tám, Phường 12, Quận 10, TP.HCMHải Phòng: Số 94 Quán Nam, Lê Chân, Hải Phòng

Thái Nguyên: Số 297 Lương Ngọc Quyến, TP. Thái NguyênHọc viện IT.vn – Truyền nghề thực tế cùng bạn đến thành công! 

Rate this post