| 18:38 / 12.09.2015 | #1 |
 |   Nagatori  Thành viên 1123  148 19038  23 Siêu Cấp Manga Hội |
Hôm nay mình xin mạo mụi viết bài giới thiệu cho bạn nào chưa biết về Element trong HTML, biết rồi thì thôi 
Element hay còn gọi là phần tử, nói cho dễ hiểu đây là những phần cấu tạo nên trang Web! Các Element có nhiều cấp độ, có nghĩa là chúng chồng lên nhau, ví dụ:
- Trên cơ thể có đầu, trên đầu có mắt, trong mắt có lòng đen, lòng trắng ( không có thì mù
) ...
Trên đây chỉ là ví dụ vui thôi, nhưng rất giống với thực tế HTML, tạm thời bỏ qua phần này, lát nữa mình sẻ quay lại và tiếp tục sau!
¤ Cấu trúc của
Element:
Một phần tử cơ bản bao gồm tag mở (thẻ mở), nội dung tag và tag đóng:
1. <p> Tag mở đầu - Opening paragraph tag.
2. Nội dung tag <p> - Element Content (thẻ <p> sẽ đánh dấu đây là đoạn paragraph) 3. </p> Tag đóng - Closing tag.
Trên đây là một ví dụ, bạn thật sự chưa cần hiều gì về công dụng của thẻ trên!
Sau này sẽ có một bài toàn các thẻ, tha hồ mà "ngu kiến"
HTML thật sự rất lỏng lẻo, lỏng lẻo tới mức một trang Web viết bằng HTML cần có ít nhất các thành phần <html>, <head>, <title>, và <body> để được coi là hoàn chỉnh, nhưng mà HTML lỏng lẻo đến mức ta chả cần các thẻ đó để viết một trang HTML. Việc lỏng lẻo này cũng mang lại rất nhiều lợi thế, nó đã giúp cho HTML đứng vững cho tới giờ! Vẫn chưa có một ngôn ngữ đánh dấu nào cạnh tranh với HTML cho tới giờ (tuy là có một số ngôn ngữ khác mạnh mẽ hơn như XML nhưng vì quá khó về mặt cú pháp nên vẫn chưa trở nên thông dụng!).
Các phần tử chính và tính lồng ghép
Mã:
Mọi trang HTML đầu được bắt đầu bởi thẻ <html> và kết thúc bởi thẻ đóng của nó, theo quy định tất cả nội dung HTML (phải được chứa trong thẻ này <head>)
Phần tử <head> được đặt bên trong phần tử <html> trong phần tử <head> người ta thường đặt một số thẻ nữa chứa thông tin về Website hoặc là một số thứ khác nhưng không bao giờ đặt nội dung trang web vào trong thẻ <head> cả!
¤ Phần tử <title>
Phần tử <title> nằm bên trong phần tử head, nó chứa tiêu đề của trang web, tiêu đề là dòng bạn thấy, trên đầu trình duyệt, giống như lúc bạn đọc bải này thì tiêu đề là HTML
¤ Elements - Phần tử HTML
Bây gờ bạn đã hiểu được tính lồng ghép trong chưa (chưa thì mình chịu )
Mã:
¤ <body> Element
Phần tử <body> chứa đa số các phần tử khác, giúp cấu thành cái trang Web mà chúng ta đang nhìn thấy đấy! Để có thể xem một ví dụ và choáng váng, bạn hãy:
- Nếu bạn dùng trình duyệt IE (cái hình chữa E màu xanh): chọn View/Source.
- Nếu bạn đang dùng FireFox (con cáo lửa): chọn View/page Soure
- Nếu dùng Chrome: kích chuột phải chọn Xem nguồn trang.
Nhìn hết một trang bạn sẽ thấy cơ mạng là bao nhiêu là thứ, nhưng đừng lo, không ai biết hết cái gì, cũng như không ai có thể học mọi thứ ngay từ đầu! Hãy thử tạo một trang Web đầu tiên cho mình nào!
[code]<html>
<head>
<title>Web site của ta</title>
</head>
<body>
Chào thế giới rộng lớn trên Internet
</body>
</html>[code]
P/s: nếu bạn đã có một chương trình hổ trợ thết kế Web thì khỏi nói, còn nếu không có chương trình nào thì hãy vào:
Start/All Programs/Accesssories/Notepad(hình cuốn sổ, chương trình này nhìn rất thô sơ nhưng lại vô cùng hữu ít)
Sau khi bật chương trình, bạn cứ viết code HTML vào bình thường, sau khi hoàn thành chọn:
- File/Save chọn nơi bạn muốn Save trang Web của bạn lại.
- Ở phần File name điền tên file bạn muốn đặt cho trang web .html(sau dấu "." có nghĩa là phần mở rộng cho phép máy tính biết đây là file gì, mở ra bằng cái gì), đặt tất cả trong dấu ngoặc kép.
- Save as type: đừng quan tâm.
- Encoding: chọn là UTF-8.
Sau khi save xong, thử mở trang Web đầu tiên của bạn ra đi!
Chú ý: Save lại với phần mở rộng là htm hay html cũng được, nhưng bạn nên thống nhất chỉ save lại với một tên mở rộng nhất định để tránh nhầm lẫn.
Bài sau mình sẽ giới thiệu về các bạn về một số tags cơ bản của HTML.
Bá chủ Manga Hội
Element hay còn gọi là phần tử, nói cho dễ hiểu đây là những phần cấu tạo nên trang Web! Các Element có nhiều cấp độ, có nghĩa là chúng chồng lên nhau, ví dụ:
- Trên cơ thể có đầu, trên đầu có mắt, trong mắt có lòng đen, lòng trắng ( không có thì mù
) ...Trên đây chỉ là ví dụ vui thôi, nhưng rất giống với thực tế HTML, tạm thời bỏ qua phần này, lát nữa mình sẻ quay lại và tiếp tục sau!
¤ Cấu trúc của
Element:
Một phần tử cơ bản bao gồm tag mở (thẻ mở), nội dung tag và tag đóng:
1. <p> Tag mở đầu - Opening paragraph tag.
2. Nội dung tag <p> - Element Content (thẻ <p> sẽ đánh dấu đây là đoạn paragraph) 3. </p> Tag đóng - Closing tag.
Trên đây là một ví dụ, bạn thật sự chưa cần hiều gì về công dụng của thẻ trên!
Sau này sẽ có một bài toàn các thẻ, tha hồ mà "ngu kiến"
HTML thật sự rất lỏng lẻo, lỏng lẻo tới mức một trang Web viết bằng HTML cần có ít nhất các thành phần <html>, <head>, <title>, và <body> để được coi là hoàn chỉnh, nhưng mà HTML lỏng lẻo đến mức ta chả cần các thẻ đó để viết một trang HTML. Việc lỏng lẻo này cũng mang lại rất nhiều lợi thế, nó đã giúp cho HTML đứng vững cho tới giờ! Vẫn chưa có một ngôn ngữ đánh dấu nào cạnh tranh với HTML cho tới giờ (tuy là có một số ngôn ngữ khác mạnh mẽ hơn như XML nhưng vì quá khó về mặt cú pháp nên vẫn chưa trở nên thông dụng!).
Các phần tử chính và tính lồng ghép
Mã:
Mọi trang HTML đầu được bắt đầu bởi thẻ <html> và kết thúc bởi thẻ đóng của nó, theo quy định tất cả nội dung HTML (phải được chứa trong thẻ này <head>)
Phần tử <head> được đặt bên trong phần tử <html> trong phần tử <head> người ta thường đặt một số thẻ nữa chứa thông tin về Website hoặc là một số thứ khác nhưng không bao giờ đặt nội dung trang web vào trong thẻ <head> cả!
¤ Phần tử <title>
Phần tử <title> nằm bên trong phần tử head, nó chứa tiêu đề của trang web, tiêu đề là dòng bạn thấy, trên đầu trình duyệt, giống như lúc bạn đọc bải này thì tiêu đề là HTML
¤ Elements - Phần tử HTML
Bây gờ bạn đã hiểu được tính lồng ghép trong chưa (chưa thì mình chịu
)Mã:
¤ <body> Element
Phần tử <body> chứa đa số các phần tử khác, giúp cấu thành cái trang Web mà chúng ta đang nhìn thấy đấy! Để có thể xem một ví dụ và choáng váng, bạn hãy:
- Nếu bạn dùng trình duyệt IE (cái hình chữa E màu xanh): chọn View/Source.
- Nếu bạn đang dùng FireFox (con cáo lửa): chọn View/page Soure
- Nếu dùng Chrome: kích chuột phải chọn Xem nguồn trang.
Nhìn hết một trang bạn sẽ thấy cơ mạng là bao nhiêu là thứ, nhưng đừng lo, không ai biết hết cái gì, cũng như không ai có thể học mọi thứ ngay từ đầu! Hãy thử tạo một trang Web đầu tiên cho mình nào!
[code]<html>
<head>
<title>Web site của ta</title>
</head>
<body>
Chào thế giới rộng lớn trên Internet
</body>
</html>[code]
P/s: nếu bạn đã có một chương trình hổ trợ thết kế Web thì khỏi nói, còn nếu không có chương trình nào thì hãy vào:
Start/All Programs/Accesssories/Notepad(hình cuốn sổ, chương trình này nhìn rất thô sơ nhưng lại vô cùng hữu ít)
Sau khi bật chương trình, bạn cứ viết code HTML vào bình thường, sau khi hoàn thành chọn:
- File/Save chọn nơi bạn muốn Save trang Web của bạn lại.
- Ở phần File name điền tên file bạn muốn đặt cho trang web .html(sau dấu "." có nghĩa là phần mở rộng cho phép máy tính biết đây là file gì, mở ra bằng cái gì), đặt tất cả trong dấu ngoặc kép.
- Save as type: đừng quan tâm.
- Encoding: chọn là UTF-8.
Sau khi save xong, thử mở trang Web đầu tiên của bạn ra đi!
Chú ý: Save lại với phần mở rộng là htm hay html cũng được, nhưng bạn nên thống nhất chỉ save lại với một tên mở rộng nhất định để tránh nhầm lẫn.
--- Hết ---
Bài sau mình sẽ giới thiệu về các bạn về một số tags cơ bản của HTML.
[Like 2]: Ben9x, Nobita, thích bài này!
Ben9x, Nobita, thích bài này! Bá chủ Manga Hội | 18:39 / 12.09.2015 | #2 |
| | Nagatori Thành viên 1123 148 19038 23Siêu Cấp Manga Hội |
Viết bằng điện thoại mất cả tiếng 
Bá chủ Manga Hội
Bá chủ Manga Hội | 22:57 / 12.09.2015 | #3 |
 | Ben9x Thành viên 666 163 28104 20Hội Không Sợ Vợ |
Nagatori đã viết:Viết bằng điện thoại mất cả tiếng
Thao tác »
Trang chủ
