Các loại thẻ cơ bản part 1

Chương 2 : Ngôn ngữ đánh dấu văn bảnTiếp theo bài : Các loại tags cơ bản Các thẻ xử lý đoạn văn bảnBây giờ chúng ta lần lượt đi qua các cặp thẻ hay sử dụng nhất. Xin nói thêm: thẻ có cấu trúc: . ...
Nội dung trích xuất từ tài liệu:
Các loại thẻ cơ bản part 1 Tự Học PHP Chương 2 : Ngôn ngữ đánh dấu văn bảnTiếp theo bài : Các lạo tags cơ bảnCác thẻ xử lý đoạn văn bảnBây giờ chúng ta lần lượt đi qua các cặp thẻ hay sử dụng nhất. Xin nói thêm: thẻ có cấu trúc:. Tất nhiên các bạn có thể bỏ một sốthuộc tính đi (lúc đó, các thuộc tính bị bỏ đi sẽ được đặt ngầm định bởi trình duyệt, rất khóchịu)1. Các thẻ xử lý đoạna). Thẻ phân chia đoạnTrong HTML, các đoạn tài liệu, văn bản, hình ảnh… được phân chia bằng cặp thẻ vănbảnThẻ có 1 số thuộc tính sau:Align: Thuộc tính này sẽ chứa 1 trong 3 giá trị:- center: Đoạn tài liệu sẽ được canh chỉnh vào giữa- left: Đoạn tài liệu sẽ được canh chỉnh theo lề trái- right: Đoạn tài liệu sẽ được canh chỉnh theo lề phải- justify: Đoạn tài liệu sẽ được canh chỉnh theo hai bênVí dụ: Thử một tíStyle: Thuộc tính này sẽ quy định khoảng cách lề của đoạn. Trong thuộc tính này lại có các thuộctính con, tuy nhiên các thuộc tính con này được đặt cách nhau bằng dấu chấm phẩy. Tất nhiêncác bạn cũng có thể loại bỏ thuộc tính con:- margin-left : x (x là số nguyên chỉ định chiều rộng của lề trái)- margin-right : y (y là số nguyên chỉ định chiều rộng của lề phải)- margin-top: z (z là số nguyên chỉ định chiều rộng của lề trên)- margin-bottom: t(t là số nguyên chỉ định chiều rộng của lề dưới)- line-height: u% (u: khoảng cách giữa các dòng tính theo đơn vị 100 %)By traibingo 1|P a ge Tự Học PHPVí dụ:Thử hai tí. Tí thứ 2 này xác định đoạn văn bản căn giữa, có lề trái = 10, lề phải bằng 5, lề trên =6, lề dưới = 6. Hết tí thứ 2. Thử ba tí. Tí thứ 3 này xác định đoạn văn bản căn trái, các lề đặt theo mặcđịnh của trình duyệt Thử ba tí. Tí thứ 3 này xác định đoạn văn bản căntrái, các lề đặt theo mặc định của trình duyệtb. Thẻ xuống dòngTrong HTML, các ký tự xuống dòng không được sử dụng. Để ngắt một dòng nào đó, ta dùng thẻ. Đây là 1 thẻ đơn:Trung thu là tết thiếu nhiTại sao người lớn lại đi chơi nhiều Chơi nhiều thì sẽ làmliềuLàm liều lại đẻ ra nhiều thiếu nhiChú ý:Một cặp thẻ khác cũng được sử dụng để canh chỉnh đoạn tài liệu hay bảng biểu:- …: Xác định canh chỉnh một đoạn tài liệu hoặc bảng biểu vào giữa trang.2. Các thẻ liên kết:a. Thẻ liên kết với hình ảnh:Trong HTML, chúng ta không thể chèn trực tiếp toàn bộ ruột gan của một file hình ảnh, mà ta phải chỉdẫn đến hình ảnh đặt bên ngoài. Để làm điều này, ta dùng thẻ . Đây là 1 thẻ đơn.Thẻ này có một số thuộc tính sau:By traibingo 2|P a ge Tự Học PHP- Src: Xác định địa chỉ URL của hình ảnh:- align: Xác định kiểu canh lề:- right: Canh theo lề phải- left:Canh theo lề trái- center:Canh theo lề giữa.Trung thu là tết thiếu nhiTại sao người lớn lại đi chơi nhiều Chơi nhiều thì sẽ làm liềuLàmliều lại đẻ ra nhiều thiếu nhi- border: Xác định chiều dày của viền bao quanh ảnh.Trung thu là tết thiếu nhiTại sao người lớn lại đi chơi nhiều Chơi nhiều thì sẽ làm liềuLàmliều lại đẻ ra nhiều thiếu nhiThẻ liên kết trang web.Để tạo một liên kết tới một trang web khác, ta dùng cặp thẻ . Cặp thẻ này có các thuộctính sau:Href: Địa chỉ URL của trang web cần liên kết tới. bạn đã có một bookmark trên trang web, bạncó thể trỏ đến vị trí của bookmark bằng cách dùng thuộc tính href với dấu # và tên bookmark.name: Xác định tên của bookmark (điểm liên kết trong nội tại trang web).Ví dụ, ta có 2 trang web:Trang thứ nhất có địa chỉ là tettrungthu.htm, có nội dung sau:By traibingo 3|P a ge Tự Học PHPTrung thu là tết thiếu nhiTại sao người lớn lại đi chơi nhiều Chơi nhiều thì sẽ làmliềuLàm liều lại đẻ ra nhiều thiếu nhiTrang thứ 2 có tên là danhsachthovui.htm, có nội dung sau:Tet trung thuGiả sử ta muốn thêm một liên kết với file tettrungthu.htm vào chữ Tet trung thu trong filedanhsachthovui.htm, ta phải chèn cặp thẻ ... như sau:Tet trung thuChú ý: cả 2 file này phải được đặt cùng thư mục. Trong trường hợp đặt khác thư mục các bạnphải ghi rõ đường dẫn đến file kia.By traibingo 4|P a ge Tự Học PHPVí dụ ở đầu 1 trang html nào đó, bạn có thẻ như thế này:Nhan vao day de di den TestMevà ở cuối trang, bạn có tạo thẻ như thế này:Xin chaothì khi duyệt bằng trình duyệt, nhấ ...