VIẾT VÀ TRANG TRÍ WEBSITES BẰNG HTML
Một tập tin chỉ có thể được hiển thị trên Internet Explorer hoặc các trình duyệt chạy web khác khi được viết và lưu dưới dạng HTML.
- HTML là chữ viết tắt của Hyper Text Markup Language;
- Một tập tin HTML là một tập tin văn bản có thêm một số thẻ (dùng như những câu lệnh);
- Các thẻ thêm vào này sẽ điều khiển trình duyệt chạy web hiển thị nội dung của trang;
- Một tập tin HTML phải có đuôi là htm hoặc html;
- Một tập tin HTML có thể được soạn thảo bằng những công cụ soạn thảo văn bản đơn giản, ví dụ notepad, wordpad,...(*)(*) Lưu ý khi bạn chọn công cụ soạn thảo HTML:
Bạn có thể dễ dàng viết và chỉnh sửa các files HTML bằng những phần mềm WYSIWYG (What You See Is What You Get: dịch nôm na là thấy sao thì... ra vậy), ví dụ như FrontPage, Claris Home Page, hay Adobe PageMill thay vì viết thẻ markup trên một tập tin văn bản.
Nhưng nếu bạn muốn phát triển website của mình một cách thuần thục, W3Schools khuyên bạn nên sử dụng công cụ soạn thảo văn bản đơn giản để học HTML cơ bản.
**********
Một trang web bao gồm phần nội dung và cách sắp xếp các nội dung (trang trí).
Các nội dung trên một trang web có thể bao gồm phần chữ viết (để đọc), phần hình ảnh (để xem) và các liên kết (để cung cấp thêm thông tin).
Trước tiên, bạn hãy tạo một folder trong máy của mình, đặt tên gì cũng được (ví dụ: "website"). Tất cả các files dùng để hiển thị trên website cần phải lưu vào folder này. Nếu bạn tạo sub-folder thì bạn phải chỉ đường dẫn cho tập tin nằm trong subfolder đó.
Bây giờ bạn mở notepad (start/all programs/accessories/notepad), viết vào đoạn mã sau đây:
<html>
<head>
<title> Website</title>
</head><body>
<h1> Đây là tiêu đề</h1>
<h2> Đây là tiêu đề</h2>
<h3> Đây là tiêu đề</h3>
<h4> Đây là tiêu đề</h4>
<h5> Đây là tiêu đề</h5>
<h6> Đây là tiêu đề</h6>
<p> Đây là đoạn văn</p>
</body></html>
Chúng ta thấy tất cả các lệnh đều phải bắt đầu bằng <> và kết thúc bằng </>
<html> </html> nhận biết đây là một file viết để chạy trên trình duyệt web;
<head> </head> để thêm những thông số, mã cần thiết cho 1 số effect, nhưng không thể hiện trên web, ví dụ, tuyết rơi, mưa rơi,...
<title> </title> để chúng ta ghi tên trang web, hiển thị ở thanh màu xanh trên cùng của Internet Explorer (ví dụ: trang này, Instruction);
<body> </body> hiển thị tất cả những nội dung của file.html trên trình duyệt web;
<h> </h> hiển thị một tiêu đề (h = header), có giá trị đi từ 1 đến 6, tỷ lệ nghịch với kích thước của tiêu đề;
<p> </p> hiển thị 1 đoạn văn (p = paragraph).Bạn save file này với đuôi là html hoặc htm, vào folder "Website", encoding utf-8 để đọc được tiếng Việt. Tuy nhiên, theo W3Schools, bạn nên lưu với đuôi html sẽ tương thích hơn với nhưng phần mềm mới nhất. Sở dĩ nhiều web designers lưu với đuôi là htm vì trước đây, hầu hết các phầm mềm chỉ nhận biết đuôi của file bao gồm 3 ký tự mà thôi.
Kế tiếp, bạn mở Internet Explorer, chọn menu file/open, và browse đến file html mà bạn vừa save.
Bạn xem trên màn hình Internet Explorer có giống phần đầu của trang này không nhé? (click để xem hướng dẫn tiếp theo).