Cách lấy HTML của 1 trang web nhanh chóng và đơn giản

Thứ tư - 21/03/2018 07:30
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
 
Bước 1 cách lấy html
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.
 
Bước 2 cách lấy 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ộ.
 
Bôi đen mã code cách 1
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.
 
bôi đen mã code cách 2
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”.
 
tạo một text
Hình 5 : Tạo nơi lưu trữ HTML bằng Text Document

Sau khi tạo thì hãy thay đổi tên thành Index.html
 
tạo nơi chứa 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++”
 
chọn edit
Hình 7 : Mở nơi lưu trữ bằng Edit 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.
 
Hoàn thành
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.


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

Tổng số điểm của bài viết là: 10 trong 2 đánh giá

Xếp hạng: 5 - 2 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

CHO CHÚNG TÔI BIẾT YÊU CẦU CỦA BẠN

VIDOWEB & SỨ MỆNH

Được thành lập chính thức vào tháng 7 năm 2017 và có trụ sở tại Hồ Chí Minh. Sứ mệnh của chúng tôi là cung cấp các giải pháp kinh doanh trực tuyến thiết thực cho khách hàng dựa trên đội ngũ nhân sự là người khuyết tật được đào tạo chuyên nghiệp, không ngừng học hỏi và sáng tạo.
Vidoco cũng là một doanh nghiệp có trách nhiệm xã hội cung cấp các cơ hội đào tạo và việc làm cho những người có hoàn cảnh khó khăn ở Việt Nam. Chúng tôi luôn dành hơn 51% lợi nhuận của mình để phục vụ cộng đồng người yếu thế.

 

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây