Tư vấn thiết kế website

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

Thứ tư - 21/03/2018 07:30/ Uncategorized

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.

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

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

TIN LIÊN QUAN

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

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

Cách lấy css của 1 trang web thì có rất nhiều từ thủ công cho đến sử dụng những công cụ hổ trợ như Chrome Devtools hay...

bởi Vidoco, T03 21, 2018 / Danh mục
5 phần mềm thiết kế web tốt nhất hiện nay

5 phần mềm thiết kế web tốt nhất hiện nay

Thiết kế website đã đang phát triển một cách vượt bậc và nhanh chóng ở thời điểm hiện tại. Đi kèm đó là việc luôn luôn...

bởi Vidoco, T03 21, 2018 / Danh mục
Điểm chất lượng trong google adwords là gì?

Điểm chất lượng trong google adwords là gì?

Điểm chất lượng trong google adwords rất quan trọng trong quảng cáo google, yếu tố này quyết định đến giá thầu của từ...

bởi Vidoco, T03 22, 2018 / Danh mục
Định nghĩa tên miền và hosting là gì?

Định nghĩa tên miền và hosting là gì?

Tên miền và hosting là gì? Đây là câu hỏi mà chắc chắn những nhà thiết kế website thường gặp phải từ khách hàng. Do đó...

bởi Vidoco, T03 21, 2018 / Danh mục
Hướng dẫn thiết kế web responsive

Hướng dẫn thiết kế web responsive

Thế giới công nghệ luôn thay đổi theo thời gian, cái mới đang dần thay thế cho cái cũ, có những cập nhập mới để phù hợp...

bởi Vidoco, T03 19, 2018 / Danh mục
Thiết kế giao diện web bằng photoshop phần 1

Thiết kế giao diện web bằng photoshop phần 1

Thiết kế giao diện web bằng photoshop là cách thiết kế web chuyên nghiệp và cũng là công việc thiết yếu của nhà thiết kế...

bởi Vidoco, T03 19, 2018 / Danh mục