Hướng dẫn code web làm vui bạn gái năm 2024

Với những người mới bắt đầu, thế giới lập trình vô cùng rộng lớn, cùng với đó là nhiều loại ngôn ngữ lập trình khác nhau. Nhiều kiến thức và kỹ năng khác nhau mà những người làm về lập trình cần nắm rõ để có thể thực hiện công việc một cách chính xác. Và cách lấy source 1 trang web là một trong những keyword được search rất nhiều trên google. Chính vì vậy, bài viết này chúng tôi sẽ hướng dẫn cho các bạn cách lấy toàn bộ code của website theo cách đơn giản và nhanh chóng nhất.

Source code là gì?

Theo định nghĩa, source code hay mã nguồn là thành phần cơ bản bên trong các chương trình máy tính được tạo ra bởi các lập trình viên bằng cách sử dụng một loại ngôn ngữ lập trình nhất định.

Lập trình viên có thể viết ra một dòng lệnh bằng ngôn ngữ C lên phần mềm Microsoft Notepad, lưu dùng lệnh đó vào một tệp tin văn bản. Và chính tệp văn bản ấy được cho là có mã nguồn.

Hướng dẫn code web làm vui bạn gái năm 2024

Cụ thể hơn, mã nguồn là tập hợp các dòng lệnh nhằm mục đích đáp ứng một thao tác nào đó, tương tự như việc bấm vào nút Enter hay click vào một biểu tượng nào đó cũng vậy. Khi người dùng kích hoạt một thao tác nào đó, dòng lệnh sẽ tự động thực thi và trả về kết quả như đã được lập trình.

Lưu ý: thuật ngữ mã nguồn không được áp dụng với ngôn ngữ lập trình Script như JavaScript bởi nó chỉ có duy nhất một dạng mã. Bạn có thể xem source code của trang web này bằng cách bấm vào nút F12.

Có 2 loại mã nguồn dựa trên giấy phép là mã nguồn mở và mã nguồn độc quyền. Các phần mềm mà bạn vẫn sử dụng hàng ngày như Microsoft Office đều có mã nguồn độc quyền của Microsoft. Các công ty chọn thiết kế website WordPress tức là đang chọn nền tảng mã nguồn mở cho website của mình. Khi sử dụng mã nguồn mở, người dùng có thể chỉnh sửa nó để phù hợp hơn, phục vụ cho mục đích cá nhân của mình.

Hướng dẫn cách lấy toàn bộ source code HTML website

Trước tiên bạn cần chọn cho mình một website để sao chép và bắt đầu với các bước sau:

Bước 1: Bấm chuột phải lên màn hình và lựa chọn “Xem nguồn trang”. Ngoài ra còn một cách khách không giống là click tổ hợp phím Ctrl + U. Sau đó, màn hình máy sẽ được chuyển đến một tab chứa các mã code html.

Hướng dẫn code web làm vui bạn gái năm 2024

Bước 2: Bôi đen tất cả những đoạn code html bằng 2 phương pháp

  • Phương pháp 1: Sau khi màn hình đã hiện ra những đoạn mã code html. Chọn click tổ hợp phím Ctrl + A để bôi đen toàn bộ.

Hướng dẫn code web làm vui bạn gái năm 2024

  • Phương pháp 2: Giữ chuột trái vào ký tự đầu tiên ở trên cùng rồi kéo xuống để bôi đen mã code HTML.

Hướng dẫn code web làm vui bạn gái năm 2024

Bước 3: Lấy mã html về máy tính của mình bằng mẹo tạo ra một thư mục để lưu trữ. Sau khi chọn thư mục hãy chuột phải và tạo một “Text Document”.

Hướng dẫn code web làm vui bạn gái năm 2024

Sau khi tạo hãy lưu lại thành file .html và đổi tên thành code.html.

Hướng dẫn code web làm vui bạn gái năm 2024

Tiếp theo hãy nhấp chuột phải vào code.html và chọn vào “Edit with Notepad++”.

Hướng dẫn code web làm vui bạn gái năm 2024

Bước 4: Tiếp theo bạn hãy copy phần mã code trên tab và copy vào. Cuối cùng tiến hành lưu lại, vậy là bạn đã lấy html của một trang web thành công. Như vậy là việc quét html của 1 web đã hoàn thành.

Đã fix lỗi nha mọi người, mình viết hơi khó hiểu nhưng mng thử vài lần là hiểu ngay cách nha, mình sẽ lên clip hướng dẫn cụ thể tại tiktok https://www.tiktok.com/@cuongbokreal, hãy follow trước và mình sẽ lên clip sớm nhất có thể!

Tạo link:

Điền đầy đủ thông tin rồi tạo link nhé! Sau khi "Tạo link" sẽ tự động copy link trang Tỏ Tình Crush của bạn! Chúc bạn trải nghiệm vui vẻ! 😘 Mình diễn tả hơi khó hiểu nma bạn cứ test trước vài lần rùi hiểu ngay thoi, hihi, bạn có thể xem DEMO để thực hành trước khi gửi Crush nha! <3

Tiêu đề Intro: (*) Mô tả Intro: Link ảnh mở đầu (Có thể bỏ qua nếu không có): Upload ảnh tại Công cụ Upload Version1, Version2 Tiêu đề chính: (*) Mô tả chính: Câu hỏi: (*) Câu trả lời: (*) Tiêu đề Outro: Mô tả Outro: Link Mess: Bật nhạc nền: Kết quả:

Điền đầy đủ thông tin rồi tạo link nhé! Sau khi "Tạo link" sẽ tự động copy link trang Tỏ Tình Crush của bạn! Chúc bạn trải nghiệm vui vẻ! 😘

Xem trang Tỏ tình của bạn

Bài viết này chỉ mang tính chất giải trí cho tất cả các anh em dev.Mình muốn tạo một chút thư giản cũng như tiếng cười đối cho mọi người.

Bắt Đầu Troll Thôi Nào

Mình thì có một ý tưởng rất vui đó là troll gái bằng cách khi mình hỏi: Bạn có yêu mình không. Mình sẽ có hai kết quả một bên là Yêu và một bên là Không Yêu. Khi mà chọn Yêu thì mình sẽ hiện một bạn thông báo còn nếu chọn Không Yêu thì mình sẽ di chuyển liên tục button đó. Để nó không chọn được cái button mang nội dung là Không Yêu.

Code Thôi Nào

Mình đã có ý tưởng bây giờ code thôi nào Mình sử dụng codepen.io để code nha

  • Trong phần HTML bạn code cho mình đoạn mã như thế này:
    Hướng dẫn code web làm vui bạn gái năm 2024
  • Trong phần CSS mình có code ở trong codepen link codepen mình để ở dưới do là CSS mình viết khá nhiều nên khi mình copy vào đây sẽ không đẹp cho lắm. Các bạn thông cảm nha.
  • Trong phần Javascript bạn code cho mình đoạn mã như thế này:

// Mấy cái này cũng đơn giản thôi mình sẽ bắt sự kiện khi người ta click vào button Yêu thì sẽ hiện một thông báo.

// Còn nếu mà người ta di chuyển con chuột đến button Không Yêu thì mình sẽ Add một Class cho button di chuyển với một tốc độ nhanh nhất.

var love = document.getElementById("love"); var nolove =document.getElementById("no-love");

love.addEventListener("click", myFunction); function myFunction(){ alert('Mình Biết Mà ahihi') }

nolove.addEventListener("mouseover",lovefunction); function lovefunction(){ nolove.classList.toggle('move') }

Lưu ý: Các bạn sử dụng máy tính để trải nghiệm màn troll một cách hoàn hảo nhất nghe.

Và đây là kết quả cũng như code mà mình code trên codepen các bạn tham khảo:

Thế này thì ép con nhà người ta quá :))


Lời Kết

Trên đây là một bài viết rất thú vị vừa giúp chúng ta ôn lại kiến thức vừa giúp chúng ta giải trí. Vừa troll được crush quá chi là buê :))

Nếu mọi người cảm thấy bài viết này hay thì có thể ủng hộ mình để mình có động lực để ra những bài topic hay và chất lượng hơn ủng hộ mình tại đây nha.