Cách copy code trang web

Hôm nay, VIDOCO chúng tôi sẽ chia sẽ đến các bạn cách lấy html của 1 trang web. Việc này sẽ hổ trợ các bạn trong việc thiết kế website


Khi bạn thiết kế web cho khách hàng, tình cờ bạn thấy có một website có giao diện hay một chuyên mục nào đó rất phù hợp với yêu cầu của trang website mà bạn đang làm và bạn muốn lấy html của trang web đó về thì cần làm như thế nào? Đối với giới chuyên môn thì việc này khá là dễ dàng. Tuy nhiên, nếu bạn là một người mới không biết về thiết kế web hoặc bạn muốn tự thiết kế web cho riêng mình mà không cần nhờ đến những chuyên gia thì bài viết cách lấy html của 1 trang web rất có ích đối với bạn.

Cách lấy html của 1 trang web


Đầu tiên bạn cần tìm cho mình một trang website mà bạn muốn copy. Chẳng hạn trong bài hướng dẫn này chúng tôi sẽ lấy trang web VIDOCO.VN để làm ví dụ. Nào chúng ta cùng bắt đầu

Bước 1 : Bạn click chuột phải trên màn hình và chọn Xem nguồn trang như trong hình. Còn có một cách khác nữa là bạn hãy bấm tổ hợp phím Ctrl + U.

Hình 1 : Cách để thấy mã HTML của trang web đó

Sau đó bạn sẽ được chuyển đến một tab chứa các mã code html.
Hình 2 : Trang tab chứa những đoạn code của trang web

Bước 2 : Bạn hãy bôi đen những mã code html bằng 2 cách

Cách 1 : Sau khi bạn mở tab chứa mã code html lên thì hãy nhấn tổ hợp phím Ctrl + A để bôi đen toàn bộ.

Hình 3 : Bôi đen code theo cách 1

Cách 2 : Giữ im chuột trái và kéo xuống để bôi đen mã code HTML.
Hình 4 : Bôi đen mã code theo cách 2

Bước 3 : Lấy mã html về máy tính bằng cách là tạo một thư mục để lưu trữ sau khi tạo thư mục bạn hãy chuột phải và tiếp tục tạo một Text Document.
Hình 5 : Tạo nơi lưu trữ HTML bằngText Document

Sau khi tạo thì hãy thay đổi tên thành Index.html
Hình 6 : Đổi tên nơi lưu trữ thành Index.html

Tiếp theo hãy chuột phải vào Index.Html và chọn Edit with Notepad++
Hình 7 : Mở nơi lưu trữ bằngEdit with Notepad++

Bước 4 : Bạn chỉ cần copy phần mã code trên tab và copy vào. Cuối cùng bạn chỉ cần lưu lại là bạn đã lấy html của một trang web. Bạn đã hoàn thành việc lấy HTML từ 1 trang web.
Hình 8 : Copy và lưu trữ lại html của trang web đó

Chúng tôi đã giới thiệu với các bạn cách lấy html của 1 trang web nhanh chóng và hiệu quả. Chúc các bạn thành công.

Mời bạn tham khảo: Top 10 công ty thiết kế web ở tphcm

Xem tiếp: Cách lấy css của 1 trang web với công cụSnappy Snippet

Video liên quan

Chủ đề