Khối xây dựng html

Một trong những cách tốt nhất để bắt đầu viết mã là xây dựng trang web. Cho dù bạn muốn điều chỉnh trang web của doanh nghiệp mình, trau dồi kỹ năng phát triển web hay học cách cộng tác với các nhà phát triển, thì Skill Path này sẽ giúp bạn đạt được điều đó

Bao gồm HTML, CSS, Thiết kế đáp ứng, Flexbox, Chuyển tiếp CSS, Trang Github, v.v.

PHP là ngôn ngữ kịch bản máy chủ và là công cụ mạnh mẽ để tạo các trang Web động và tương tác

PHP là một giải pháp thay thế được sử dụng rộng rãi, miễn phí và hiệu quả cho các đối thủ cạnh tranh như ASP của Microsoft

Học dễ dàng với "PHP Tryit"

Với trình chỉnh sửa "PHP Tryit" trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã PHP và nhấp vào nút để xem kết quả

Ví dụ

echo "Tập lệnh PHP đầu tiên của tôi. ";
?>

Nhấp vào nút "Tự dùng thử" để xem nó hoạt động như thế nào

Bài tập PHP

Kiểm tra bản thân với các bài tập

Tập thể dục

Chèn phần còn thiếu của mã bên dưới để xuất "Xin chào thế giới"

Ví dụ PHP

Tìm hiểu bằng các ví dụ. Hướng dẫn này bổ sung tất cả các giải thích với các ví dụ rõ ràng

Xem tất cả các ví dụ về PHP

Bài kiểm tra PHP

Học bằng cách làm bài kiểm tra. Bài kiểm tra này sẽ cung cấp cho bạn tín hiệu về mức độ bạn biết hoặc không biết về PHP

Bắt đầu bài kiểm tra PHP

Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập của tôi" miễn phí tại W3Schools

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng My Learning

Tài liệu tham khảo PHP

Tài liệu tham khảo PHP của W3Schools chứa các danh mục khác nhau của tất cả các hàm, từ khóa và hằng số PHP, cùng với các ví dụ

Kéo và thả là một tính năng rất phổ biến. Đó là khi bạn "chộp lấy" một đối tượng và kéo nó đến một vị trí khác

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ Kéo và Thả đầy đủ

Ví dụ Kéo và Thả HTML

Ví dụ dưới đây là một ví dụ kéo và thả đơn giản

Ví dụ

Nó có vẻ phức tạp, nhưng chúng ta hãy đi qua tất cả các phần khác nhau của sự kiện kéo và thả

Tạo một phần tử có thể kéo được

Đầu tiên. Để làm cho một phần tử có thể kéo được, hãy đặt thuộc tính draggable thành true

Kéo cái gì - ondragstart và setData[]

Sau đó, chỉ định điều gì sẽ xảy ra khi phần tử được kéo

Trong ví dụ trên, thuộc tính ondragstart gọi một hàm, kéo[sự kiện], chỉ định dữ liệu nào sẽ được kéo

Phương thức dataTransfer.setData[] đặt kiểu dữ liệu và giá trị của dữ liệu được kéo

hàm kéo[ev] {
  ev. truyền dữ liệu. setData["văn bản", ev. Mục tiêu. là];
}

Trong trường hợp này, kiểu dữ liệu là "văn bản" và giá trị là id của phần tử có thể kéo được ["drag1"]

Thả ở đâu - ondragover

Sự kiện ondragover chỉ định nơi có thể bỏ dữ liệu được kéo

Theo mặc định, không thể bỏ dữ liệu/phần tử vào các phần tử khác. Để cho phép giảm, chúng ta phải ngăn việc xử lý phần tử mặc định

Mọi cú pháp viết HTML đã được rút gọn tinh tế, không còn phải đóng mở các thẻ [tag], không phải thêm các từ khóa cơ bản như. lớp, div, id. , các thẻ bọc nhau đơn giản là sử dụng các khoảng trắng để có thể hiển thị [thường người ta sử dụng tab để dễ nhìn], đó là bạn nhận các thẻ này vào lề, ra là được. Để dễ hình dung, chúng ta nhìn vào ví dụ sau

Move to HTML will like after

Cài đặt

Jade rất dễ sử dụng từ viết thẻ, chèn văn bản, javascript, liên kết, thêm thuộc tính, rồi đặt id, lớp đặc biệt thú vị đó là cho sử dụng vòng lặp, hằng biến, điều kiện cũng như dữ liệu từ bên ngoài

Tạo một thư mục JadeEx, sau đó cài đặt mô-đun của ngọc bích bằng lệnh

Create the after file

mẫu. ngọc bích. Là file ngọc bích mà chúng ta sẽ code ngọc bích vào đó

mục lục. js. Là tập tin mà chúng ta sẽ xây dựng ra html từ mẫu là xuất ra trình duyệt

Tại file index. js, nhiệm vụ là sử dụng mô-đun ngọc bích, đọc từ mẫu ra và xuất ra html, chúng tôi đơn giản chỉ sử dụng đoạn mã sau