MỤC LỤC
Hiện nay, sau khi NetScape và Microsoft giới thiệu về một vài đặc điểm được coi như là vượt xa hơn những tiêu chuẩn chung của HTML trước đó, một số đặc điểm phức tạp hơn sẽ được đưa vào phiên bản HTML 3.2. Hãy nhớ rằng những người đọc trang Web của bạn có thể không những đang sử dụng một loại Web browser khác mà kích cỡ màn hình và phông chữ cũng có thể không giống như trên hệ thống mà bạn sử dụng để thiết kế các trang web.
Khi một Web browser hiển thị một trang chẳng hạn như trang bạn đang xem ở đây, Web browser sẽ đọc từ một file văn bản đơn giản và tìm kiếm những đoạn mã đặc biệt hay những tag được đánh dấu bởi ký hiệu < và >. Lưu ý: Đây là nơi rất tốt để lưu ý với bạn rằng chúng tôi sẽ cung cấp những chỉ dẫn chẳng hạn như là tên thực đơn và tên tập tin nhưng những tên này có thể khác đi phụ thuộc vào Web browser mà bạn đang sử dụng.
Khi trang Web của bạn trở nên phức tạp (giống như bạn sẽ thấy sau này khi thêm vào các bảng, frame và những vấn đề khác của hơn 20 bài học), những chú thích này sẽ trở nên hữu ích khi bạn cần cập nhật một trang Web mà bạn đã tạo ra cách đây khá lâu. Mặc dầu vậy, có thể bạn vẫn muốn sử dụng những dòng trắng (blank line), những khoảng trắng, và cả những tag chú thích mà chúng ta đã thấy trong bài 1 để làm cho tập tin HTML của bạn dễ đọc hơn trong trình soạn thảo văn bản.
Chú ý rằng trên máy tính bạn đang sử dụng hiện nay, bạn có thể cài đặt cho browser của bạn phông và/hay kích thước của các tiêu đề. Các mã HTML chỉ đưa ra các loại của tiêu đề (từ h1 đến h6); còn việc thể hiện chúng thì được điều khiển bởi người sử dụng thông qua trình web browser.
Giống như một trình soạn thảo văn bản, HTML có thể báo cho Web browser hiển thị một phần nào đó của văn bản ở dạng in nghiêng hoặc in đậm hoặc ở dạng in kết hợp cả hai chế độ. Lưu ý rằng bạn có thể kết hợp các tag này để định dạng miễn là chúng được lồng vào nhau một cách chính xác, ví dụ như cả hai tag bắt đầu và kết thúc in nghiêng đều phải ở bên trong các tag in đậm.
Ký hiệu dùng để đánh dấu tùy thuộc vào từng loại phiên bản của Web browser và phông để trình bày các ký tự thông thường (ví dụ như, trong Macintosh các bullet là ký tự option-8 của phông Times có dạng là một hình vuông nhỏ, còn trong Geneva nó lại là một dấu chấm tròn lớn). Danh sách có thứ tự là danh sách mà browser sẽ đánh số thứ tự cho mỗi mục trong danh sách, thường là bắt đầu bằng "1." Lưu ý rằng, sự khác nhau đó chính là do một thay đổi nhỏ từ tag ul thành tag ol.
• Tăng số lượng và kích thước của hình ảnh có thể xem tốt hơn trên máy tính, nhưng chúng cũng làm cho người sử dụng phải chờ đợi hình ảnh được gởi thông qua mạng (cũng giống như có được bao nhiêu người trong chúng ta có máy Sun SparcStation tại nhà?) Chúng tôi đề nghị nên giữ kích thước của hình ảnh ít hơn 100K (với chúng tôi thì ít hơn 50B). • Hiện nay nhiều browser "cache" được các hình ảnh (cất chúng lại trong máy của bạn), điều này có nghĩa là khi sử dụng cùng một tập tin trong nhiều trang web sẽ làm cho chúng được nạp vào từ ngay trên máy tính của chính bạn chứ không phải từ trên Internet.
Mỗi một lần xuất hiện của "./", URL của liên kết anchor báo cho web browser đi đến một directory/folder cao hơn một cấp tương ứng với trang hiện tại; trong trường hợp cụ thể này có nghĩa là lên hai cấp thư mục và tìm tập tin home.htm. Từ quan điểm của một nhà thiết kế, chúng tôi đề nghị khi bạn sử dụng một hình ảnh như là một siêu liên kết thì nên thêm một liên kết bằng văn bản hoặc là sử dụng thêm ALT= attribute trong tag <IMG..> để phục vụ cho trường hợp người xem tắt việc nạp các hình ảnh.
Với tag preformat, sẽ dễ hơn khi trình soạn thảo bạn đang sử dụng có thể trình bày trong một phông mono-spaced (như là "Courier" hay "Monoco"); nếu không bạn cần phải đếm kỹ số khoảng trắng để chỉnh cột các đoạn văn (và bạn sẽ khá mệt khi làm chuyện đó). Một số tác giả của trang web sử dụng tag <pre>..</pre> với các ký tự xuống dòng bên trong để thêm những dòng trắng giữa văn bản và hình ảnh trong trang web của họ- nhất là trong trường hợp họ cần nhiều dòng trắng hơn so với tag <p>.
Bây giờ, chúng ta sẽ không sửa các tài liệu HTML của chúng ta, nhưng nếu muốn, bạn có thể thêm những mã để làm thụt đầu dòng các câu mở đầu của tất cả các đoạn văn qua việc sử dụng hai lần mã khoảng trắng không bị phá hủy. Trong văn bản HTML của riêng bạn, thêm vào một từ nước ngoài mà từ đó cần một dấu nhấn đặt biệt, hay thêm vào một biểu thức toán học có sử dụng dấu < hay dấu >.
Nếu tài liệu của bạn không giống như ví dụ mẫu, hãy kiểm tra lại văn bản bạn đã đánh trong trình soạn thảo. Mỗi nhóm có sự mô tả các tính chất của chúng, cùng với một danh sách con các khoáng chất và chúng được sử dụng trong xã hội như thế nào.
Một đặc điểm đáng giá của những trang Web là "footer" ở cuối của một trang để cung cấp thông tin về tác giả và tài liệu, có thể là ngày được cập nhật cuối cùng, cũng như là để gởi tới tác giả một thông báo bằng e-mail. Khi một ai đó in ra trang Web của bạn nhưng chưa viết lại hoặc lưu lại URL trong bookmark, có URL trên trang giấy cho phép một sự tham khảo bằng tay.
Chúng ta sẽ sử dụng blockquote trong phần của nhà tự nhiên học người La mã Pliny, người đã chứng kiến sự hoạt động lại của núi lửa Vesuvius vào năm 79 sau công nguyên. Replied she, "Remember, dear, that while HTML may be limited in terms of control over page layout, there is a great deal of potential in creatively use of the number of tags.".
Nhưng trước khi chúng tôi chỉ cho bạn cách tạo ra màu sắc thích thú như vậy, chúng ta phải nói sơ qua các giá trị màu RGB (red green blue) và sự thể hiện của chúng dưới dạng số "thập lục phân". • Hiệu quả: trong các web browser đầu tiên có sử dụng màu nền, trang sẽ chưa xuất hiện cho tới khi nào màu nền đã được nạp xuống - do sự kết nối chậm, người đọc có thể phải chờ hình ảnh nền một thời gian dài trước khi nhìn thấy được một thông tin nào đó trên màn hình!.
Nếu trang của bạn trông khác với mẫu hay các liên kết siêu văn bản hoạt động không đúng, hãy xem lại văn bản bạn đã nhập trong trình soạn thảo. Chúng ta sẽ giữ lại các tập tin mẫu với màu đen cố định mà chúng ta đã thêm vào ở phần đầu của bài này.
Và cuối cùng, bởi vì chúng ta không sử dụng tag tiêu đề để tag này tự tạo ra sự ngắt dòng như mặc định, chúng ta phải thêm tag <p> trong tiêu đề ở trên để ép buộc nó xuống dòng mới (sau này bạn sẽ thấy không cần vì dòng HTML kế tiếp là một <BLOCKQUOTE> và nó tự thêm sự ngắt dòng của nó - xem bài 13). Sau câu cuối cùng của đoạn 2 ("Compare the history of human beings..'), thêm câu sử dụng subscript sau:. Volcanoes were important contributors to 13. the early earth atmosphere by releasing 14. Bây giờ chúng ta sẽ sử dụng superscripts để biểu thị một trị lập phương. Note that volcanic eruptions that occurred. before historic times were several orders. in erupted volume) than ones observed by humans.
• blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah. Thông thường, chúng tôi đề nghị sử dụng dạng tỷ lệ phần trăm vì nó sẽ tự điều chỉnh theo độ rộng cửa sổ browser đang được người đọc sử dụng (vài người sử dụng màn hình có độ phân giải cao trong khi các người khác chỉ có màn ảnh 13").
Trong bài 7a chúng ta đã xét cách đặt hình ảnh vào trong trang Web của chúng ta và đã thấy rằng có thể có một dòng văn bản được sắp xếp ở trên hoặc cuối một hình ảnh. Chúng tôi đề nghị bạn luôn luôn sử dụng những tag này bởi vì sự sắp xếp sẽ phụ thuộc rất nhiều vào phông chữ trên browser của người đọc và độ rộng cửa sổ browser của họ.
Các bảng được xây dựng bắt đầu từ phần tử cao nhất bên trái, tiếp theo xây dựng các phần tử của hàng đầu tiên, xong chuyển đến hàng thứ hai, xây dựng các phần tử của hàng thứ hai. Trong mỗi tag <td>..</td> có thể có bất kỳ loại tag nào của HTML mà chúng ta đã sử dụng trong tài liệu này - tiêu đề, định kiểu, liên kết siêu văn bản, hình ảnh inline, v.v.