|
#1
|
|||
|
|||
Caf� H� Nội
HTML, hay HyperText Markup Language, là một sự định dạng để báo cho Web browser làm thế nào để hiển thị một trang Web. Những tài liệu thật sự là những trang văn bản với những Tag (thẻ) đặc biệt hoặc những đoạn mã để một Web browser biết làm thế nào để thông dịch và hiển thị nó trên màn hình. HTML sử dụng các tab có tên được đặt trong cặp < và >. Ví dụ Những Tag HTML báo cho Web browser biết khi nào cần in đậm một dòng văn bản, in ngiêng nó, làm cho nó trở thành một header, hoặc làm cho nó là một Hypertext liên kết tới một trang Web khác. Thông thường tag thường có một cặp, gồm có tag mở và tag đóng. Dữ liệu bị tác động được đặt giữa 2 tag này. Ví dụ: Đây là dòng chữ đậm Tuy nhiên cũng có tab chỉ có tag mở ví dụ như tag dùng xuống dòng hay tag dùng để hiển thị ảnh Lưu ý: một Web Browser không quan tâm tới việc sử dụng chữ hoa hay chữ thường. Lấy ví dụ : ...thì không khác gì với...Không giống như việc lập trình, nếu có một lỗi trong trang HTML, hệ thống sẽ không bị "Crash"; trang Web sẽ vẫn nhìn thấy được, nhưng ... sai. Có thể nhanh chóng và dễ dàng vào bên trong trang HTML và sữa chữa lại nội dung của nó. Browser tuy nhỏ nhưng lại có một bộ từ vựng mở. Khi browser không biết làm cái gì với tag đã cho, nó sẽ bỏ qua tag đó! Lấy ví dụ, trong tài liệu mà đang xem đây Tag HTML la gi? |
#2
|
|||
|
|||
Cấu trúc cơ bản của một trang HTML Cấu trúc cơ bản của một trang HTML như sau: : : : : : : Thông thường một trang HTML bắt đầu bằng thẻ và kết thúc bằng thẻ đóng và gồm có hai phần là phần header và phần thân với các thẻ như trên. Tuy nhiên như đã nói các tag này là không bắt buộc vì nếu không có thì trang HTML vẫn được trình duyệt hiển thị |
#3
|
|||
|
|||
Các thẻ HTML
Có thể chia các thẻ HTML thành 2 loại: các thẻ để hiện thị và định dạng dữ liệu như bảng biểu, ảnh, xuống dòng, chữ đậm, chữ nghiêng... và các thể dùng tạo giao diện người dùng và xử lý dữ liệu như FORM, các nút... Các thẻ hiển thị dữ liệu: Đây là các thẻ định dạng và dùng để hiển thị dữ liệu. Chúng rất đa dạng và phong phú. Phần dưới đây chỉ giới thiệu những thẻ được sử dụng tương đối nhiều. Các thẻ định dạng chữ để định dạng chữ đậm. Ví dụ Dòng chữ đậm thì dòng chữ sẽ hiển thị như sau đây: Dòng chữ đậm để định dạng chữ nghiêng. Ví dụ Dòng chữ nghiêng thì dòng chữ sẽ hiển thị như sau đây: Dòng chữ nghiêng để định dạng chữ gạch chân. Ví dụ Dòng chữ gạch chân thì dòng chữ sẽ hiển thị như sau đây: Dòng gạch chân để định dạng cỡ chữ H1. Ví dụ Dòng chữ cỡ H1Dòng chữ cỡ H1 Tương tự đối với các cỡ chữ H2, H3, H4, H5, H6 Có thể dùng kết hợp nhiều thẻ. Ví dụ Dòng chữ vừa nghiêng vừa đậm cho ra kết quả Dòng chữ vừa nghiêng vừa đậm dùng để định dạng font chữ. Ví dụ: Dòng chữ font Arial sẽ cho kết quả Dòng chữ font Arial Dòng chữ màu xanh sẽ cho kết quả Dòng chữ màu xanh Dòng chữ cỡ 4 sẽ cho kết quả Dòng chữ cỡ 4 ... Có thể dùng kết hợp các thuộc tính của font vào cùng một thẻ. Ví dụ: Dòng chữ font Arial, cỡ chữ 4, màu xanh sẽ cho kết quả Dòng chữ font Arial, cỡ chữ 4, màu xanh |
#4
|
|||
|
|||
Các thẻ định dạng dữ liệu Dạng bảng biểu: Đây là thẻ hay được sử dụng để trình bày layout của trang Web. Chúng được sử dụng rất thường xuyên và tương đối phức tạp do dùng nhiều bảng lồng nhau. Việc nắm chắc các thẻ bảng biểu là điều rất cần thiết khi trình bày một trang Web. Sử dụng thẻ Để thêm một dòng dùng thẻ Để thêm một cột dùng thẻ Ví dụ:
Khi đó kết quả ra sẽ là một bảng có độ dày đường viền là 1pixel, có một hàng gồm có hai cột. Cột thứ nhất có dòng chữ “Dữ liệu ở cột thứ nhất” và cột thứ hai có dòng chữ “Dữ liệu ở cột thứ hai”. Dữ liệu được căn biên ngang giữa và biên dọc ở phía trên. Hiển thị ảnh Dùng thẻ để hiển thị ảnh trong đó: Src: là địa chỉ URL của ảnh Width: chiều dài của ảnh Height: chiều cao của ảnh Ví du: sẽ cho kết quả sau: Liên kết Liên kết dùng để chỉ thị cho trình duyệt thực hiện một yêu cầu khác. Sử dụng tag Tên liên kết để biểu diễn một liên kết. Ví dụ: Để chị cho trình duyệt chuyển đến trang chủ của HDOL ta dùng thẻ sau: Tinhyeuphuongnam khi đó ta sẽ thấy liên kết được hiển thị như sau: Tinhyeuphuongnam |
#5
|
|||
|
|||
Bảng tóm tắt các thẻ HTML
Phụ lục về các thẻ HTML được cho như sau: Các thẻ dùng cấu trúc trang HTML - ... - ... - ... - - - - - - Thẻ liên kết - Các thẻ định dạng khối - ... - - ... - - - - ... - ... - - - - - - - ... - - ... - - Âm thanh - Forms - - - |
#6
|
|||
|
|||
Định dạng trang Web sử dụng StyleSheet và Cascading Style Sheets (CSS) Trong trang Web, thông thường ta dùng chung một kiểu định dạng cho cùng một đối tượng như bảng biểu, font chữ. Để tránh việc phải sử dụng các thẻ HTML lặp đi lặp lại vừa nhàm chán mất thời gian vừa khiến trang HTML trở nên cồng kềnh, ta có thể dụng stylesheet và Cascading Style Sheets (CSS) a. StyleSheet Sử dụng từ tab Style Ví dụ: Đây là dòng chữ cỡ H1 theo styleAĐây là dòng chữ cỡ H1 theo styleBb. Sử dụng .CSS +) Tất cả các style được ghi vào một file ví dụ: default.css +) Sử dụng tab để chỉ tới file đó, ví dụ Sử dụng các tab theo style đã định nghĩa trong file default.css Việc sử dụng kỹ thuật Cascading Style Sheets (CSS) giúp giảm nhẹ được kích thước trang Web, mềm dẻo trang cách thay đổi hình thức và tránh được việc viết mã HTML nhàm chán. Trang chủ HDOL là một ví dụ về việc sử dụng kỹ thuật Cascading Style Sheets |
#7
|
||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||
Kích thước của một trang Web Do độ phân giải của mỗi màn hình có thể là khác nhau do vậy cũng tồn tại 2 cách để hiện thị kích thước của một trang Web Kích thước cố định (pixel): Kích thước của body và các bảng được gắn cố định. Do vậy hình thức của trang Web không phụ thuộc vào độ phân giải màn hình. Tuy nhiên nó chỉ hiệu quả đối với một độ phân giải màn hình nhất định. Ví dụ:
«
Chủ đề trước
|
Chủ đề tiếp theo
»
Diễn đàn được xây dựng bởi: SangNhuong.com
© 2008 - 2024 Nhóm phát triển website và thành viên SANGNHUONG.COM.
BQT không chịu bất cứ trách nhiệm nào từ nội dung bài viết của thành viên. |