Tổng Quan Về HTML & CSS - TỰ HỌC LẬP TRÌNH

Trước khi đi vào chi tiết của phần học HTML & CSS, hãy cùng Tự Học Lập Trình tìm hiểu một cách tổng quát về những kiến thức cơ bản có liên quan đến chúng. Nó thật sự sẽ giúp ích rất nhiều cho quá trình tiếp thu sau này của bạn đấy!

HTML & CSS có thể được xem là khởi đầu của tất cả mọi vấn đề liên quan đến website. Dù bạn đang hoạt động trong lĩnh vực nào, miễn là có "đụng" tới quản trị trang web, thì ít nhất cũng phải biết qua hai ngôn ngữ này.

Hơn nữa, nếu bạn có ý định học lập trình web thì lại càng phải thành thạo chúng.

À mà các Blogger thân mến ơi, HTML & CSS cũng quan trọng đối với các bạn lắm đấy! Đừng bao giờ có suy nghĩ rằng:

"Học HTML & CSS làm gì khi đã có hàng tá công cụ để tạo website mà chả cần quan tâm đến code kiếc. Tui cũng có phải dân lập trình đâu!".

Bạn có thể là một Blogger sở hữu khả năng viết rất tốt, nhưng liệu đã biết sử dụng thành thục các thẻ HTML và vùng chọn CSS căn bản hay chưa? Nếu câu trả lời là "chưa" thì điều đó đang hạn chế tiềm năng Blogging của bạn đấy!

Thực vậy, những công cụ như Adobe Dreamweaver, WordPress Visual Editor... cũng chỉ có thể hỗ trợ bạn một phần nào đó mà thôi. "Phụ thuộc" và "lạm dụng" chúng quá nhiều sẽ ngăn cản bạn bộc lộ hết khả năng vốn có của mình đấy! Ví dụ như thế này nè, bạn có thể là 1 Blogger viết nội dung rất giỏi, nhưng sẽ không thể:

• Thiết kế, định dạng những gì nằm ngoài sự hỗ trợ của công cụ.
• Thử nghiệm những đoạn code hay ho từ các trang web khác.
• Chỉnh sửa lại và thiết kế giao diện theo ý mình.
• Tối ưu hóa thiết kế và định dạng cho trang web của mình.
• Thiết kế những giao diện cầu kỳ và hiệu ứng phức tạp.

Có hàng tá Blogger ở ngoài kia đang chia sẻ cùng một nội dung giống như bạn, vậy nên bạn sẽ sớm "bị lu mờ" nếu cứ mãi đi theo lối cũ. Hãy chăm chút vẻ ngoài website để mang lại trải nghiệm tuyệt vời cho độc giả của mình. Đây chính là lúc cần nói lời "tạm biệt" với những công cụ hỗ trợ và bắt đầu tìm hiểu về HTML & CSS rồi đấy!

Trong bài viết này, Tự Học Lập Trình sẽ chỉ nói lại các khái niệm trọng tâm của HTML & CSS mà thôi, kèm theo đó là các nguồn học vì hiện nay, trên mạng đã có quá nhiều tài liệu rồi.

Bắt đầu với HTML & CSS như thế nào?

Chắc hẳn mọi người đều cảm thấy quen thuộc với việc sử dụng công cụ soạn thảo WordPress Editor để biên tập, chỉnh sửa và định dạng cho trang web của mình. Mọi thao tác đơn giản như bôi đậm, in nghiêng, căn dòng… về bản chất đều là can thiệp bằng HTML & CSS tự động.

Tuy nhiên, những lựa chọn sẵn có từ WordPress Editor lại vô cùng hạn chế. Nên nếu bạn muốn táy máy HTML & CSS thì xin mời bật qua chế độ chỉnh sửa Text, chúng ta sẽ cùng tiếp tục tìm hiểu.

HTML căn bản

HTML là gì?

HTML thực chất là từ viết tắt của "HyperText Markup Language", nghĩa là ngôn ngữ đánh dấu siêu văn bản. Trong đó, Hypertext (siêu văn bản) là một đoạn text bất kỳ nhưng có chứa link đến một nguồn thông tin khác (như một đoạn văn bản, một địa chỉ website, hình ảnh, âm thanh…).

Ngôn ngữ đánh dấu này sẽ là cầu nối của sự giao tiếp giữa người dùng và trình duyệt, giúp trình duyệt hiểu được cách thức hiển thị trang web. Khi trình duyệt đọc thấy 1 ký tự A, nó chỉ đơn thuần hiển thị A chứ không thể biết bạn muốn tô đậm, in nghiêng hay "màu mè hoa lá hẹ" thế nào cả. Chính lúc này đây, bạn sẽ cần đến HTML.

Thẻ HTML được định nghĩa bằng một cặp từ khóa nằm giữa dấu , báo cho trình duyệt biết cách thức hiển thị đoạn kí tự bên trong thẻ HTML đó.

• In đậm bằng thẻ <b>:

• In nghiêng bằng thẻ