programming html

Các thẻ cơ bản trong HTML

HTML là viết tắt của Hyper Text Markup Language, là ngôn ngữ được sử dụng rộng rãi nhất trên thế giới để phát triển các trang Web.

HTML bây giờ không còn xa lạ với bất kỳ sinh viên ngành công nghệ thông nào. Với HTML, bạn có thể tạo các trang Web từ đơn giản tới phức tạp, từ các trang hiển thị thông tin sinh viên đơn giản cho đến các trang bao gồm nhiều nghiệp vụ phức tạp. Đối với sinh viên, dù cho sau này định hướng là Back-End hay Front-End thì HTML là ngôn ngữ web bạn bắt buộc phải học.

Dưới đây là danh sách các bài hướng dẫn học HTML cơ bản và nâng cao:

MỤC LỤC

Các khái niệm HTML cơ bản

HTML là gì ?
Các thẻ HTML cơ bản
Các phần tử trong HTML
Các thuộc tính trong HTML
Định dạng HTML
Các phần tử về cụm từ
Các thẻ Meta
Comment
Hình ảnh
Tạo bảng
Tạo danh sách
Text Link
Image Link
Email Link
Tạo Frame
Tạo Iframe
Tạo khối [Block]
Thiết lập Background
Thiết lập màu
Thiết lập Font
Form trong HTML
Nhúng đa phương tiện
Tạo dòng chữ chạy
Header
Style Sheet
Sử dụng Javascript
Sử dụng Layout

Quảng cáo

Một số vấn đề tham khảo về HTML

Tổng hợp các thẻ HTML cơ bản
Tổng hợp thuộc tính trong HTML
Tổng hợp sự kiện [Event]
Các Font tham khảo
Mã hóa ASCII
Tra cứu bảng ASCII
Tra cứu tên màu
Các thực thể [Entity]
Các loại MIME Media
Mã hóa URL
Mã hóa Ngôn ngữ theo ISO
Mã hóa ký tự
Tổng hợp các thẻ HTML cũ

Loạt bài hướng dẫn học HTML cơ bản và nâng cao của chúng tôi dựa trên nguồn tài liệu của: Tutorialspoint

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team //www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền //www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học HTML phổ biến khác tại vietjack.com:

HTML - Comment
HTML - Hình ảnh
HTML - Tạo bảng
HTML - Tạo danh sách
HTML - Thiết lập Background
HTML - Thiết lập màu
HTML - Thiết lập Font
HTML - Form trong HTML

Trang trước

PDF

Trang sau

Chính sách

Chính sách bảo mật

Hình thức thanh toán

Chính sách đổi trả khóa học

Chính sách hủy khóa học

Tuyển dụng

Liên hệ với chúng tôi

Tầng 2, số nhà 541 Vũ Tông Phan, Phường Khương Đình, Quận Thanh Xuân, Thành phố Hà Nội, Việt Nam

Phone: 084 283 45 85

Email: vietjackteam@gmail.com

CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK

Người đại diện: Nguyễn Thanh Tuyền

Số giấy chứng nhận đăng ký kinh doanh: 0108307822, ngày cấp: 04/06/2018, nơi cấp: Sở Kế hoạch và Đầu tư thành phố Hà Nội.

Bất kỳ tài liệu nào cũng đều bắt đầu với một đầu đề. Bạn có thể sử dụng các kích cỡ khác nhau cho đầu đề của bạn. HTML cũng có 6 cỡ khác nhau cho đầu đề, sử dụng các thẻ cơ bản là

,

, , và . Trong khi hiển thị bất cứ một đầu đề nào, các trình duyệt sẽ thêm [để cách] một dòng trước và một dòng sau đầu đề đó.

Ví dụ:



Day la tieu de - Vi du dau de


Day la dau de 1
Day la dau de 2
Day la dau de 3
Day la dau de 4
Day la dau de 5
Day la dau de 6

Khi chạy, code trên sẽ hiển thị kết quả:

Bạn sẽ thấy rằng độ lớn cũng như mức độ in đậm cho từng đầu đề là khác nhau tùy cho từng thẻ.

Quảng cáo

Thẻ biểu diễn đoạn văn trong HTML - Thẻ p trong HTML

Thẻ

, với p là viết tắt của Paragraph, giúp cấu trúc tài liệu HTML của bạn thành các đoạn văn khác nhau. Mỗi một đoạn văn trong tài liệu HTML sẽ ở trong một thẻ mở

và một thẻ đóng

như ví dụ bên dưới.

Ví dụ thẻ p trong HTML:

Vi du the p trong HTML

Day la doan van thu nhat.

Day la doan van thu hai.

Day la doan van thu ba.

Chạy đoạn code này sẽ hiển thị kết quả:

Day la doan van thu nhat.

Day la doan van thu hai.

Day la doan van thu ba.

Thẻ ngắt dòng trong HTML - Thẻ br trong HTML

Bất cứ khi nào bạn sử dụng thẻ
thì các đối tượng theo sau nó sẽ bắt đầu từ dòng tiếp theo. Thẻ này là một ví dụ cho một khoảng trống [empty] trong tài liệu, tại đó bạn không cần các thẻ mở và đóng vì sẽ không có gì trong đó.

Thẻ
có một khoảng trống giữa hai ký từ br và dấu gạch chéo theo sau. Nếu bạn bỏ sót khoảng trống này, các trình duyệt cũ hơn sẽ gặp vấn đề trong việc hiển thị sự ngắt dòng, trong khi nếu bạn quên dấu gách chéo theo sau và chỉ sử dụng
thì sẽ không có hiệu lực trong XHTML.

Ví dụ

Vi du the br trong HTML

Xin chao tat ca cac ban
Cam on ban da hoc HTML tai VietJack.
Chuc cac ban hoc tot!
VietJack Team

Chạy đoạn code sẽ hiển thị kết quả sau:

Xin chao tat ca cac ban
Cam on ban da hoc HTML tai VietJack.
Chuc cac ban hoc tot!
VietJack Team

Quảng cáo

Căn chỉnh nội dung trung tâm - Thẻ center trong HTML

Bạn có thể sử dụng thẻ để căn chỉnh bất kỳ nội dung vào phần trung tâm của trang hoặc của bất kỳ ô nào trong bảng.

Ví dụ

Vi du the center trong HTML

Doan van nay hien thi nhu binh thuong.

Doan van nay duoc can chinh vao giua.

Chạy đoạn code sẽ hiển thị kết quả sau:

Doan van nay hien thi nhu binh thuong.

Doan van nay duoc can chinh vao giua.

Hiển thị dòng ngang trong HTML - Thẻ hr trong HTML

Các đường ngang được sử dụng để ngăn cách các khu vực trong tài liệu. Thẻ tạo một dòng ngang từ vị trí hiện tại trong tài liệu đến lề phải và do đó tạo ra một dòng ngắt.

Ví dụ, bạn muốn có một dòng ngang để ngăn cách 2 paragraph:

Ví dụ

Vi du hien thi dong ngang trong HTML

Doan van thu nhat va nam o ben tren

Doan van thu hai va nam o ben duoi

Nó sẽ hiển thị kết quả sau khi bạn chạy đoạn code trên:

Doan van thu nhat va nam o ben tren

Doan van thu hai va nam o ben duoi

Thẻ là một ví dụ cho một khoảng trống trong tài liệu, tại đó bạn không cần các thẻ đóng và mở bởi vì không có đối tượng nào trong đó.

Thẻ có một khoảng trống giữa 2 ký tự hr và dấu gạch chéo. Nếu bạn bỏ quên khoảng trống, các trình duyệt cũ sẽ khó khăn trong việc hiển thị các đường ngang, trong khi đó, nếu bạn quên ký tự dấu gạch chéo và chỉ sử dụng thì sẽ không có hiệu lực trong XHTML.

Giữ nguyên định dạng trong HTML - Thẻ pre trong HTML

Đôi khi bạn muốn văn bản của bạn được hiển thị như những gì bạn đã viết. Trong những trường hợp này, bạn có thể sử dụng thẻ xác định định dạng trước là

Khi đó, bất kỳ văn bản nào xuất hiện trong thẻ mở

 và thẻ đóng

sẽ duy trì cái định dạng trong tài liệu nguồn.

Ví dụ



Vi du the pre trong HTML


function testFunction[ strText ]{
   alert [strText]
}

Kết quả hiển thị khi bạn chạy đoạn code trên là:

function testFunction[ strText ]{
   alert [strText]
}

Bạn thử sử dụng code tương tự mà không sử dụng 2 thẻ

...

để so sánh sự khác nhau trong kết quả hiển thị.

Hiển thị các khoảng trống không ngắt trong HTML

Giả sử bạn muốn sử dụng cụm từ "12 Angry Men." Bạn không muốn một trình duyệt Web chia [ngắt] cụm từ trên thành "12 Angry" và "Men" ở hai dòng:

Sau day la vi du minh hoa cho khoang trong ngat trong HTML. Bo phim co ten goi "12 Angry 
Men."

Trong tình huống này bạn không muốn trình duyệt ngắt văn bản của bạn, bạn nên sử dụng khoảng trống không ngắt thay vì sử dụng một khoảng trống thông thường. Ví dụ khi gõ code "12 Angry Men" vào một paragraph, bạn nên dùng đoạn code tương tự như sau:

Ví dụ

Vi du khoang trong khong ngat trong HTML

Sau day la vi du minh hoa cho khoang trong ngat trong HTML. Bo phim co ten goi "12 Angry Men."

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Bài học HTML phổ biến khác tại vietjack.com:

HTML - Comment
HTML - Hình ảnh
HTML - Tạo bảng
HTML - Tạo danh sách
HTML - Thiết lập Background
HTML - Thiết lập màu
HTML - Thiết lập Font
HTML - Form trong HTML

Trang trước

PDF

Trang sau

Chính sách

Chính sách bảo mật

Hình thức thanh toán

Chính sách đổi trả khóa học

Chính sách hủy khóa học

Tuyển dụng

Liên hệ với chúng tôi

Tầng 2, số nhà 541 Vũ Tông Phan, Phường Khương Đình, Quận Thanh Xuân, Thành phố Hà Nội, Việt Nam

Phone: 084 283 45 85

Email: vietjackteam@gmail.com

CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK

Người đại diện: Nguyễn Thanh Tuyền

Số giấy chứng nhận đăng ký kinh doanh: 0108307822, ngày cấp: 04/06/2018, nơi cấp: Sở Kế hoạch và Đầu tư thành phố Hà Nội.

Các khái niệm HTML cơ bản

Một số vấn đề tham khảo về HTML

Chính sách

Liên hệ với chúng tôi

,

,

,

, , và . Trong khi hiển thị bất cứ một đầu đề nào, các trình duyệt sẽ thêm [để cách] một dòng trước và một dòng sau đầu đề đó.

Ví dụ:

Day la dau de 1

Day la dau de 2

Day la dau de 3

Day la dau de 4

Thẻ biểu diễn đoạn văn trong HTML - Thẻ p trong HTML

Ví dụ thẻ p trong HTML:

Thẻ ngắt dòng trong HTML - Thẻ br trong HTML

Ví dụ

Căn chỉnh nội dung trung tâm - Thẻ center trong HTML

Ví dụ

Hiển thị dòng ngang trong HTML - Thẻ hr trong HTML

Ví dụ

Giữ nguyên định dạng trong HTML - Thẻ pre trong HTML

Ví dụ

Hiển thị các khoảng trống không ngắt trong HTML

Ví dụ

Chính sách

Liên hệ với chúng tôi

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề