Chào Thế Giới!

Episode # 2

Bạn đã sẵn sàng để xây dựng trang web đầu tiên của bạn? Đó là cách để sử dụng cụm từ "Hello World" khi kiểm tra mã hoặc khi học một ngôn ngữ lập trình mới. Mở bất kỳ trình soạn thảo văn bản như Notepad (nếu bạn là người dùng máy tính) hoặc TextEdit (nếu bạn là người dùng Mac).Hãy chắc chắn rằng bạn đang ở trongchế độ văn bản đơn giản và không chế độ văn bản phong phú. Ví dụ, trong TextEdit, bạn có thể vào Format -> Đặt Plain Text để chuyển sang chế độ văn bản đơn giản.
Hãy sử dụng các cấu trúc trang web HTML5 cơ bản sau đây mà chúng ta đã học trong bài học một:


Xem, sao chép, và sử dụng với các mã này trên CodePen tại: http://codepen.io/kimlarocca/pen/vLPZEd 


Bạn sẽ nhận thấy có một vài thay đổi mã của chúng ta từ bài học một. Đầu tiên, trên đường 6, chúng tôi đang thay đổi tiêu đề của trang để "Hello World!" Sự thay đổi khác sẽ bổ sung các văn bản "Hello World!" Trong <body> </ body> trên đường 10. Hãy nhớ rằng, bất cứ điều gì bạn đặt bên trong thẻ <body> </ body> sẽ được hiển thị trên trình duyệt web của bạn khi bạn xem các trang web.
Đó là nó! Bạn đã xây dựng thành công trang web đầu tiên của bạn. Lưu nó ở đâu đó trên máy tính của bạn như hello-world.html. Hãy chắc chắn để lưu nó bằng cách sử dụng phần mở rộng tập tin .html và không Txt!

Xem trang web của bạn
Bây giờ bạn đã lưu tập tin HTML của bạn, đó là thời gian để xem công việc của bạn. Mở trình duyệt web yêu thích của bạn (Chrome, FireFox, Safari, Internet Explorer, vv) và chọn tập tin hello-world.html. Thông thường bạn sẽ gõ vào một URL để xem một trang web, nhưng trong trường hợp này, chúng tôi muốn xem một tập tin địa phương thay vì (nghĩa là một tập tin đó chỉ tồn tại trên máy tính của bạn).trình duyệt web ưa thích của tôi là Chrome. Để mở ra một trang web địa phương trong Chrome, hãy vào File - ". Mở"> Open File, điều hướng đến trang hello-world.html của bạn, chọn nó và nhấn
Bây giờ bạn sẽ thấy dòng chữ "Hello World!" hiển thị trên trình duyệt web của bạn. (Mẹo: Nếu bạn thấy đoạn mã thay vì chỉ là "Hello World!" Văn bản, sau đó bạn không thể lưu trang web của bạn như là một tập tin văn bản .html đồng bằng theo hướng dẫn ở trên). Lưu ý các tiêu đề của các trang web "Hello World!" Được hiển thị trên các tab trong Chrome và cũng có khi bạn đi để đánh dấu trang.

View Page Source
Bước cuối cùng trong bài này là để xem mã nguồn của trang. Kích chuột phải vào bất cứ nơi nào trên trang và chọn "View Page Source" hoặc "Show Page Source". Điều này sẽ mở ra một cửa sổ mới hiển thị mã nguồn cho trang của bạn. Bạn có thể nhận thấy rằng trình duyệt cho biết thêm một số mã để mã ban đầu của bạn. Biết lừa này là tuyệt vời nếu bạn muốn xem mã của trang web khác và tìm hiểu thêm về cách họ xây dựng trang web của họ.

đề nghị cuốn sách