Chúng ta đã thảo luận về web hosting.
Tuy nhiên, cũng như các phần khác, để tiện cho việc thực hành, trừ khi có nhu cầu, chúng ta sẽ sử dụng một công cụ Online quen thuộc là Online GDB.Quay lại với các lệnh HTML đầu tiên của chúng ta
<!DOCTYPE html>
<html>
<head>
<title>Day La Trang Web Dau Tien</title>
</head>
<body>
<h1>Day La Trang Web Dau Tien</h1>
<p>Xin Chao!!</p>
</body>
</html>
Chúng ta sẽ phân tích các lệnh trên.
- Khai báo <!DOCTYPE html> định nghĩa rằng tài liệu này là tài liệu HTML5
- Thẻ <html> là phần tử gốc của trang HTML. Tức là mọi trang HTML sẽ bắt đầu bằng thẻ này
- Thẻ <head> chứa thông tin meta về trang HTML
- Thẻ <title> chỉ định tiêu đề cho trang HTML (được hiển thị trên thanh tiêu đề của trình duyệt hoặc trong tab của trang)
- Thẻ <body> định nghĩa phần thân của tài liệu và là vùng chứa cho tất cả nội dung hiển thị, chẳng hạn như tiêu đề, đoạn văn, hình ảnh, siêu liên kết, bảng, danh sách, v.v.
- Thẻ <h1> định nghĩa tiêu đề lớn, cỡ chữ H1
- Thẻ <p> định nghĩa bắt đầu một đoạn văn bản.
Các thẻ HTML.
Các thẻ HTML luôn có một thẻ mở đầu và một thẻ kết thúc (thẻ đóng)
<tagname> Nội dung nằm ở đây... </tagname>
Ví dụ:
<h1>Day La Trang Web Dau Tien</h1>
Để dễ hình dung chúng ta hãy nhìn vào "mặt trước" của trang web với các thẻ HTML ở "mặt sau"
Phần màu trắng là phần chúng ta "thấy" một trang web khi chúng ta "lướt web".
Bây giờ chúng ta sẽ thử với Online GDB.
Trước hết chúng ta sử dụng lại mã HTML cũ
<!DOCTYPE html>
<html>
<head>
<title>Day La Trang Web Dau Tien</title>
</head>
<body>
<h1>Day La Trang Web Dau Tien</h1>
<p>Xin Chao!!</p>
</body>
</html>
Bấm Run để thực thi giống như chúng ta truy cập vào trang web.
Kết quả hoàn toàn giống như khi chúng ta sử dụng Hosting và Trình duyệt.
Để thực hành nhanh và đơn giản, chúng ta hoàn toàn có thể sử dụng Online GDB. Khi nào "le vồ" của chúng ta tăng lên, chúng ta sẽ chuyển qua sử dụng Hosting.
Nhắc lại qui trình sử dụng Hosting:
- Cần đăng ký với một nhà cung cấp web hosting và cần có tên miền
- Soạn thảo các trang HTML trên máy tính bằng text editor, ví dụ Notepad trong các máy Windows hay TextEdit trên các máy Mac.
- Để truy cập Notepad trên Windows: Bấm vào Start > Programs > Accessories > Notepad
- Để truy cập TextEdit trên máy Mac: Finder > Applications > TextEdit
- Trang index.html được coi là trang chủ của một website. Nôm na là khi bạn truy cập www.datvietlaptrinh.com hay www.datvietlaptrinh.com/index.html thì đều thấy kết quả giống nhau.
- Sau khi hoàn tất một website, bao gồm nhiều trang HTML trong đó trang chủ sẽ là trang index.html, chúng ta cần truy cập vào web hosting và tải toàn bộ lên thư mục thông thường là public_html của nhà cung cấp web hosting.
- File index.html và thư mục đúng (ví dụ public_html trong trường hợp 000webhost) là hai điều kiện cần để chúng ta "nhìn thấy" thành quả của chúng ta.
- Để có thể thấy được tiếng Việt tốt, khi Save các trang HTML chúng ta cần chọn Encoding là UTF-8
Không có nhận xét nào:
Đăng nhận xét