Tùy thuộc vào nội dung và mục tiêu của trang, chúng tôi có thể sử dụng các kỹ thuật khác nhau (hoặc kết hợp chúng) để xác định vị trí của từng khối. Hãy cùng tìm hiểu thêm về các kỹ thuật này

Hộp linh hoạt

Trong các trang web hiện đại, bố cục dựa trên float đang được thay thế bằng Flexbox. Ý tưởng chính đằng sau Flexbox là với nó, bạn có thể kiểm soát căn chỉnh, hướng, thứ tự và kích thước của các mục bên trong thùng chứa

Thuộc tính nổi CSS

Thuộc tính float CSS hoặc "floats" cho phép các phần tử xuất hiện bên cạnh hoặc tách rời nhau, cho phép chúng ta tạo các loại bố cục khác nhau, bao gồm các trang nhiều cột, thanh bên, lưới, v.v.

  
    Title of the document
    
  
  
    

      

        
This is some paragraph inside div tag.
        This is some hyperlink inside div tag.
        

          
List item 1
          
List item 2
        
      

      

        
This is some paragraph inside div tag.
        

          
List item 1
          
List item 2
        
      

    

  

Lợi nhuận âm

Lề âm có thể được áp dụng cho cả phần tử tĩnh hoặc phần tử nổi

  
    Title of the document
    
  
  
    

      

        This is some hyperlink inside div tag.
      
      

        
This is some paragraph inside div tag.
        This is some hyperlink inside div tag.
        

          
List item 1
          
List item 2
        
      

      

        
This is some paragraph inside div tag.
        

          
List item 1
          
List item 2
        
      

    

  

Định vị tương đối + tuyệt đối

Nếu bạn muốn định vị div liên quan đến phần tử cụ thể, bạn có thể sử dụng kết hợp vị trí. tương đối và vị trí. tuyệt đối

  
    Title of the document
    
  
  
    

      

        
This is some paragraph inside div tag.
      

      

        
This is some paragraph inside div tag.
      

    

  

Chức vụ. tương đối không ảnh hưởng đến vị trí của các phần tử trong luồng thông thường trừ khi bạn thêm độ lệch

Cho cái này một bài kiểm tra. Bây giờ, "bạn đang cố hiển thị kết quả nào ở cuối trang chứ không phải ở đầu trang?

Lưu ý bên lề, khi bạn gặp lỗi, (không thể kết nối với db, bạn sẽ muốn thoát sạch mà không cố chạy mã khác. Vì vậy, hãy ghi nhớ điều đó trong tâm trí của bạn khi bạn tiến xa hơn

Tôi đã làm được điều này và trông như thế nào tôi muốn nhờ bạn Wolfe và bạn Rubble. Tôi có thể + đại diện cho cả hai bạn về điều này không?

Chào mừng. Chúng tôi rất vui khi bạn ở đây cùng chúng tôi để tìm hiểu cách trở thành nhà phát triển Epic PHP. PHP là ngôn ngữ lập trình chạy phần lớn web bao gồm các trang web lớn như Facebook. Nhưng vì PHP đã xuất hiện được một thời gian, có rất nhiều thông tin xấu, lỗi thời và nhàm chán về PHP trên web

Nhưng không phải ở đây. Trong khóa học này, chúng ta sẽ học PHP từ đầu bằng cách xây dựng một trang web thực sự. Điều này có nghĩa là bạn sẽ học các phương pháp được các nhà phát triển thực sự sử dụng để xây dựng những thứ thực sự thú vị chứ không chỉ là một loạt lý thuyết. Chúng tôi sẽ dạy bạn điều gì đó trong mỗi chương, sau đó bạn sẽ kiểm tra và thực hành các kỹ năng mới của mình bằng cách viết mã ngay trong trình duyệt của mình. Học rồi hành, đó mới là mấu chốt. Chẳng bao lâu nữa, bạn sẽ ngày càng tạo ra nhiều thứ phức tạp hơn và trở thành chàng trai hay cô gái tuyệt vời nhất mà bất kỳ người bạn nào của bạn biết - có thể là vậy. )

Dự án

Chúng tôi sẽ xây dựng một trang web mà chúng tôi gọi là AirPupNMeow. com. Hãy tưởng tượng một trang web như Airbnb. com, ngoại trừ nơi mọi người thuê thú cưng dễ thương thay vì căn hộ. Nếu bạn đang tìm kiếm một người bạn đồng hành mà không phải chịu trách nhiệm dắt chó đi dạo mỗi sáng và mang theo một chiếc túi để đón nó. uh quà tặng, sau đó trang web này sẽ là dành cho bạn. Ok, ý tưởng có thể hơi ngớ ngẩn, nhưng điều đó đã không ngăn cản các công ty khởi nghiệp trong quá khứ. Vì vậy, chúng ta hãy đi

Những gì bạn thấy ở đây chỉ là một trang HTML mà tôi đã tải trong trình duyệt của mình

Đây là một mẫu dựa trên Twitter Bootstrap và nó chỉ là một loạt các văn bản và liên kết được mã hóa cứng chưa đi đến đâu. Nhưng đó đã là một khởi đầu dễ thương cho trang web cho thuê thú cưng của chúng tôi

Hiện tại, đừng lo lắng về phần localhost mà tôi có trong URL hoặc tệp này kết thúc bằng. php. Chỉ cần biết rằng khi tôi tải trang này, chỉ mục. tệp php đang được mở và tất cả HTML được hiển thị bởi trình duyệt của tôi

Tôi sẽ sử dụng trình soạn thảo yêu thích của mình có tên là PhpStorm để mở tệp này và chứng minh rằng đó chỉ là HTML đơn giản. Ở phần sau của khóa học này, chúng tôi sẽ thiết lập máy tính của bạn để chạy và sửa đổi các tệp giống như thế này

Ngay bây giờ, trang này hoàn toàn tĩnh. Mỗi lần tôi làm mới trang, tôi nhận lại cùng một HTML chính xác. Trên các trang web thực, mọi thứ đều năng động. tin bài cập nhật khi tôi làm mới và thông tin được cá nhân hóa được lấy từ cơ sở dữ liệu. Đó là loại công việc mà PHP làm

Viết PHP đầu tiên của bạn

Hãy làm cho trang này thú vị hơn

Trước khi bạn viết mã PHP, bạn sẽ luôn bắt đầu với cùng một thẻ mở. . Đây là những gì nói với PHP rằng chúng tôi không viết HTML nữa - chúng tôi thực sự muốn viết một số mã PHP. Hãy in ra một tin nhắn thú vị bằng cách sử dụng câu lệnh echo và bao quanh tin nhắn của chúng ta bằng các dấu nháy đơn. Kết thúc dòng bằng dấu chấm phẩy rồi viết thẻ đóng PHP. ?>. Hai ký tự cuối cùng này đưa chúng ta ra khỏi chế độ PHP và quay lại HTML. Các thẻ và ?> đối lập hoàn toàn và luôn đi theo một cặp. Một cái đưa chúng ta vào chế độ PHP và cái còn lại thoát khỏi chế độ PHP

Trước khi chúng ta nói về những gì chúng ta đã làm, hãy ăn mừng vì khi tôi làm mới trang, nó đã hoạt động. PHP đang in thông báo của chúng tôi ở giữa trang

Chìa khóa là câu lệnh echo, công việc của nó là in mọi thứ ra. Bản thân tin nhắn được gọi là một “chuỗi” và các chuỗi luôn được bao quanh bởi các dấu nháy đơn khi bạn viết chúng

Mẹo

Bạn thực sự có thể sử dụng dấu ngoặc đơn ('Foo') hoặc dấu ngoặc kép ("Foo"). Về cơ bản chúng giống nhau. Nhưng sử dụng dấu ngoặc đơn thì hipster hơn nhiều

Tạo và sử dụng biến

Vì việc in một chuỗi tĩnh rất nhàm chán, hãy tạo một biến. Bất cứ khi nào chúng ta muốn viết mã PHP, hãy nhớ mở PHP bằng và đóng nó bằng ?>

Các thẻ PHP mở và đóng hoàn toàn có thể nằm trên các dòng riêng biệt. Nếu chúng tôi làm mới bây giờ, sẽ không có thay đổi. Trừ khi chúng tôi in một cái gì đó từ bên trong PHP, không có gì được hiển thị trên trang. Ngay cả khi chúng tôi thêm các dòng trống, chúng không xuất hiện bên trong mã nguồn HTML

Để tạo một biến, hãy bắt đầu bằng ký hiệu đô la ($), viết một cái tên thông minh, sau đó kết thúc bằng dấu bằng (=) và giá trị chúng ta muốn cung cấp hoặc gán cho biến. Nhớ thêm dấu chấm phẩy ở cuối dòng. hầu như tất cả các dòng trong PHP kết thúc bằng dấu chấm phẩy. Bạn có nghe tôi nói không?

Nếu chúng tôi làm mới, không có gì thay đổi. điều đó có ý nghĩa, bởi vì chúng tôi chưa in bất cứ thứ gì từ bên trong PHP. Sử dụng biến rất dễ dàng, hãy thay thế chuỗi echo'd của chúng tôi bằng $ và tên biến. và cứ như vậy, chúng tôi đang tạo và sử dụng các biến và tiến một bước gần hơn đến người bạn thân mới của bạn

Biến dưới dạng chuỗi hoặc số

Tất nhiên, các biến cũng có thể được đặt thành các số trông giống nhau nhưng không có dấu ngoặc kép

Lưu ý rằng tôi có 2 dòng PHP hoặc câu lệnh bên trong một bộ mở và đóng thẻ PHP. Điều đó hoàn toàn hợp pháp. khi bạn mở PHP, bạn có thể viết bao nhiêu tùy thích. Sử dụng biến mới của bạn để in một tin nhắn khác

________số 8

Khi chúng tôi mới, đó là một thành công

Làm cho PHP tức giận với các lỗi cú pháp

Bây giờ, hãy tạo một lỗi nhỏ để xem điều gì sẽ xảy ra. Tôi sẽ chỉ xóa dấu chấm phẩy ở cuối dòng $cleverWelcomeMessage

________số 8

Lỗi phân tích cú pháp PHP. lỗi cú pháp, ‘$pupCount’ (T_VARIABLE) không mong muốn trong /path/to/site/index. php trên dòng 70

Bạn sẽ thấy rất nhiều thông báo lỗi và mẹo là hiểu rõ ý nghĩa của chúng. Hãy chắc chắn nhìn vào số dòng và kiểm tra dòng đó và các dòng phía trên nó. Trong trường hợp này, lỗi được báo cáo trong dòng có $pupCount. Nhưng không có gì sai với dòng này - dấu chấm phẩy bị thiếu thực sự là dòng trên. Điều đó thực sự phổ biến với các lỗi PHP, vì vậy hãy tìm nó

Làm cách nào để sử dụng div trong echo PHP?

php echo "

Hello PHP.

"; if(isset($_GET['formHELPbutton'])) { echo "Hello Form Help."; echo "

"; } if(isset($_GET['formFEEDBACKbutton'])) { echo "Hello Form Feedback."; echo "

"; } ?>

Làm cách nào để thêm ID trong echo PHP?

Bạn cần đóng gói (bọc) đầu ra PHP của bạn trong một div. Sau đó cung cấp id cho div đó . Ngoài ra, không cần dấu ngoặc ( và ) cho echo vì đây là cấu trúc ngôn ngữ, không phải hàm.