Các thẻ cơ bản trong html 5

by t11nguyen 6/6/2017, 11:47

Lập trình web là 1 công tác lý thú và hấp dẫn đối có Anh chị trẻ. bên cạnh đó việc học lập trình web chẳng hề đơn giản. xin trân trọng giới thiệu 10 bài học bổ ích nhất, thực hành nhất có hi vẳng là Anh chị sẽ mua ra 1 lối đi đơn giản nhất để phát triển thành chuyên gia lập trình web.

Bài 1: các định nghĩa và công cụ

chỉ tiêu của bài học này là giúp Anh chị bắt đầu từ số không, đề cập cả các bạn chưa biết gì về lập trình web cũng có thể hiểu được và dần dần phát triển thành 1 coder chuyên nghiệp. bởi thế giả dụ bạn nào đã học qua lập trình web và biết về các công cụ bề ngoài, lớn mạnh web thì có thể bỏ qua bài viết này. bên cạnh đó tôi khuyên Anh chị nên đọc lướt qua để chúng ta có các đồng nhất về định nghĩa, định nghĩa cũng như các công cụ thực hành để sau này dễ dàng theo sát các thí dụ trong các bài học tiếp sau. Bài học gồm 3 phần, phần 1 là các định nghĩa, phần 2 giới thiệu các công cụ mà bạn cần có trên máy tính của mình để thực hành và phần 3 sẽ chỉ dẫn bạn khiến 1 trang web đầu tiên.
khiến quen có các ngôn ngữ lập trình khác tại đây: https://vietpro.net.vn/hoc-ajax

Các khái niệm
Website hoạt động như thế nào?

Hãy hình dong khi bạn định vào 1 trang web nào chậm tiến độ, bạn cần có 1 máy tính có 1 phần mềm được gọi là browser mà Anh chị hay dùng như firefox, chrome trên hệ điều hành windows hay safari trên nền móng apple. ở mỗi browser này sẽ có 1 cái gọi là URL, bạn gõ tên website vào URL chậm tiến độ rồi enter, thế là trang web hiện ra. Vậy các gì diễn ra sau khi bạn enter ở cuối cái URL? có đầy đủ điều xảy ra đầu tiên là Browser phải thiết lập kết nối đến máy chủ cất trang web chậm tiến độ, sau chậm tiến độ nó cho máy chủ biết tên trang web mà nó cần đọc dựa trên URL mà bạn gõ vào. Máy chủ sẽ gửi đến browser 1 trang web có 2 thành phần 1 là NỘI DUNG và 2 là mã HTLM. Browser căn cứ vào mã HTML để biểu hiện 1 trang web như cái mà bạn nhận ra trên màn hình, trong chậm tiến độ mã HTML quy định chỗ nào thì mầu xanh, chỗ nào thì mầu đỏ, chỗ nào chữ lớn, chỗ nào chữ nhỏ, chỗ nào có ảnh, chỗ nào có video, chỗ nào có link đến 1 trang web khác.... chậm triển khai chính là ngọn ngành cho tên gọi HTML tức là Hyper Text Marker Language (Ngôn ngữ đánh dấu siêu văn bản).

ngôn ngữ HTML khiến cho việc như thế nào?

khi chậm triển khai nếu máy chủ web gửi về browser 1 trang web mà mang dòng như trên thì browser sẽ hiển thị như sau:

đương nhiên browser sẽ chẳng hiển thị thẻ đóng thẻ mở ra khiến cho gì vì người thăm viếng website đâu cần để ý đến các thẻ, họ chỉ để ý đến nội dung và cách bộc lộ nội dung chậm triển khai mà thôi. Tóm lại 1 trang web do máy chủ gửi đến máy tính của người đọc sẽ mang 2 thành phần, 1 là NỘI DUNG, là dòng .

PHP là gì?

ban đầu khi web mới ra đời các chuyên gia lập trình web sử dụng 1 dòng code thuần là HTML. khi chậm triển khai thực ra chưa mang định nghĩa chuyên viên lập trình web mà thực ra là định nghĩa nhân viên viết trang web. 1 chuyên gia web sẽ vừa phải nhập ngoại dung sau chậm triển khai gắn các mã thẻ HTML cho đúng ý của chủ trang web. Và khi chậm triển khai các trang web trên mạng đều là website tĩnh vì nội dung mang code gắn cứng mang nhau. Mỗi lần muốn đổi thay lại phải gọi chuyên gia viết web đến chỉnh sửa không những thế khi website phát triển lên, nôi dung web nâng cao nhanh và đổi thay hàng ngày, và lượng các chuyên gia viết web không liên quan nổi nhu cầu viết các trang web tĩnh nữa. khi này người ta mới phát minh ra các ngôn ngữ trung gian khác mang nhiệm vụ là tự sinh ra các đoạn code HTML để sẵn chậm triển khai, sau rồi mới nhập ngoại dung vào. trong khoảng chậm triển khai cắt cử cần lao rõ ràng, chuyên gia lập trình thì ngồi viết các chương trình sinh web bằng các ngôn ngữ khó hơn như PHP, ASP, Java.... đề tạo ra các trang web "trống" sau chậm triển khai chuyên gia nhập dữ liệu website thì bằng 1 dụng cụ nào chậm triển khai, đưa các nội dung thô vào các trang web trên, kết hợp lại sẽ mang 1 trang web mà nay thế này, mai thế khác tùy theo người nhập ngoại dung quyết định. trong khoảng chậm triển khai định nghĩa web động ra đời. Và đến giờ 90% các trang web trên mạng là động. tỉ dụ điển hình nhất là trang tin tức, mang trang tin này bạn sẽ thấy nó đổi thay hàng giờ, chậm triển khai là do hàng ngũ nhập tin bài, còn hàng ngũ viết code cho trang web chậm triển khai thì ngồi ở hậu đài xử lý các vấn đề khoa học.

Lưu ý là PHP không khiến cho việc ở phía browser, mà khiến cho việc ở trên máy chủ. Trên mỗi máy chủ hỗ trợ PHP sẽ mang 1 tiến trình nền mài miệt đọc các trang web do chuyên viên lập trình web để trên chậm triển khai, nếu nó thấy là 1 trang web tĩnh, chỉ bao gồm mã HML, nó sẽ đơn thuần là chuyển trang web chậm triển khai đến browser đề nghị trang web là xong nhiệm vụ. Nhưng nếu nó bắt gặp 1 trang web mang cả mã nhúng PHP, nó sẽ phải khiến cho thêm 1 giai đoạn là đọc xem đoạn PHP chậm triển khai kể gì, trong khoảng chậm triển khai sinh ra 1 đoạn mã HTML theo đúng ý của đoạn mã PHP hay kể đúng hơn là theo ý của người lập trình PHP, và chèn ngược lại vào trang web chậm triển khai trước khi gửi trang web đến mang browser. đương nhiên đã dòng bỏ hết mã PHP rồi, vì browser không hiểu được PHP kể gì.

MySQL là gì?

khi nội dung đã được động hóa qua cơ chế khiến cho việc của PHP nêu trên, chúng sẽ không nằm trong trang web mà nằm ở 1 chỗ trung gian, được đánh số và điều hành nghiêm ngặt. Chỗ chậm triển khai gọi là cơ sở vật chất dữ liệu. mang hồ hết hệ quản trị cơ sở vật chất dữ liệu như SQL, MySQL, Oracle... và đều mang thể khiến cho việc mang website, không những thế PHP rất khoái MySQL vì cả 2 đều là sản phẩm của mã nguồn mở, rất dễ sử dụng và quan trọng nhất là miễn phí.

Khó hiểu không các bạn? Ok tôi sẽ lấy tỉ dụ gần mang web hơn, chậm triển khai là trang tin tức VNexpress. Trang này mang 1 vị trí rất đắc địa là home page và chỉ sử dụng để đưa các tin hot nhất. khi 9h bạn mở ra thấy mang tin về cơn bão Haiyen. đến 10h mở ra, chỗ chậm triển khai đã bị thay bằng tin về họp quốc hội. Vậy cơn bão Haiyen hay họp quốc hội là các nội dung, dạng text hoặc hình ảnh. Nó sẽ được lưu ở trong cơ sở vật chất dữ liệu còn trang web VNexpress cứng cáp sẽ mang 1 đoạn mã nhúng PHP hay ASP gì chậm triển khai, đoạn mã này mang nhiệm vụ lấy các nội dung mà nó cho là hot nhất trong cơ sở vật chất dữ liệu đưa lên bộc lộ ở trang web vnexpress và gửi đến browser nếu mang đề nghị.

Nhận định về tài liệu [URL='https://vietpro.net.vn/hoc-lap-trinh-web-php-co-ban']học php nâng cao[/URL]

Các dụng cụ cần thiết
OK now! nếu bạn nào đọc xong phần trên mà vẫn còn nhiệt huyết, chúng ta mang thể đi tiếp phần sau đây. Còn nếu bạn nào thấy choáng quá thì nên đi ngủ, ngày mai đọc lại đoạn trên thấy dễ tiêu hơn, ngày kia đọc tiếp cho nó tiêu hẳn rồi hãy đọc tiếp phần này bởi vì. Lý thuyết giúp soi đường cho thực tế. nếu đã thấm nhuần các định nghĩa bên trên thì mới biết sắm các dụng cụ gì để thực hành.

Để hoàn tất 10 bài học này, bạn cần chuẩn bị 1 máy tính cấu hình vừa phải, trên chậm triển khai cài win7 hoặc windows XP là ổn sau chậm triển khai bạn download các phần mềm dưới đây và cài lên máy của mình. Mục đích là gì: trước hết để biến máy của bạn thành 1 webserver, để bạn vừa đá bóng vừa thổi còi. tức là browser và web server cộng ở 1 chỗ, khi chậm triển khai sẽ thuận tiện cho bạn viết web tĩnh hay động đều mang thể test tại chỗ được.

Mục đích thứ 4: là mang 1 bàn điểm trang cho các ảnh trước khi đưa lên website. Vấn đề về ảnh tuy đơn thuần nhưng nếu bạn coi thường nó, bạn sẽ gặp hồ hết rắc rối về sau. 2 nữa là bạn cần tập lề thói chỉn chu, kiên nhẫn khi xử lý ảnh thì mới mang thể tạo ra các website vừa mắt được. Để xử lý ảnh nếu bạn nào mang Win 7 rồi thì mang thể sử dụng Paint sẵn mang trong win 7, còn nếu bạn nào sử dụng XP thì nên download thêm 1 bản Pickpick sử dụng mang hồ hết tính năng có ích.

Để nghiên cứu thấu đáo về HTML chúng ta cần hồ hết thời gian vì HTML mang khoảng vài trăm thẻ khác nhau. Và các thẻ được phân dòng ra thành các thẻ thuộc hàng ngũ bộc lộ, hàng ngũ bố cục, hàng ngũ form... rất khó nhớ. do đó bạn nào muốn Nhận định kỹ về html thì qua trang . Còn trong bài học này chúng tôi sẽ giới thiệu 1 số thẻ thông dụng nhất.

Để khiến cho bố cục cho website chúng ta cần 1 dòng thước kẻ, hãy đặt dòng thước kẻ nằm ngang rồi kéo trong khoảng trên xuống, các chỗ giao nhau của các phần, lấy bút chì kẻ 1 đường ngang. tiếp diễn, đặt thước kẻ nằm dọc rồi kéo trong khoảng trái qua phải, các chỗ giao nhau của các phần, kẻ 1 đường dọc bạn sẽ thấy trang web trên được chia ra khiến cho 5 ô: banner, menu, nội dung chính, các kết liên và footer. công tác này được gọi là cut HTML, và nó hoàn toàn được tự động hóa nếu bạn sử dụng photoshop. không những thế trong bài thực hành này chúng ta sẽ khiến cho bằng tay để hiểu rõ các bước mẫu mã, bố cục 1 website như thế nào. mang các đường kẻ như trên chúng ta sẽ mường tưởng ngay được website này mang bố cục là 1 bảng gồm 4 dòng và 2 cột, dòng banner, dòng menu và dòng footer chỉ mang 1 cột, riêng dòng ở giữa mang 2 cột, do đó phải sử dụng 1 thuộc tính của thẻ td là colspan (gần giống như merge của excel hay word), Và mẫu mã trang này mang dạng như sau:

Xem thêm các [URL='https://vietpro.net.vn/hoc-html-va-css']học html[/URL] khác tại đây
Bài học về php bữa nay chấm dứt tại đây. Chúc Anh chị em học tập rẻ.