Nếu bạn mới bắt đầu học lập trình web và muốn có một khóa học rút gọn như HTML + CSS Crash Course để bắt đầu, thì đây là bài viết đáng đọc!
Trong bài viết này, chúng ta sẽ tạo một trang web đầu tiên bằng HTML và CSS. Bạn sẽ học được các cấu trúc và thuật toán cơ bản của HTML và CSS, tạo một stylesheet tốt để áp dụng cho trang web của bạn.
Đầu tiên, cùng bắt đầu với HTML. HTML là viết tắt của HyperText Markup Language, là ngôn ngữ chính để tạo ra các trang web. Chúng ta sử dụng các thẻ HTML để đánh dấu nội dung, như tiêu đề, đoạn văn, hình ảnh và đường dẫn.
Các thẻ HTML được đặt trong cặp thẻ mở và đóng, ví dụ như thẻ tiêu đề < h1 > và < /h1 >. Với mỗi thẻ, bạn cần đặt thuộc tính và giá trị của nó, ví dụ như thuộc tính src để đường dẫn đến hình ảnh và thuộc tính href để đường dẫn đến trang khác.
Hãy tạo một trang web đơn giản với ba tiêu đề khác nhau. Bạn có thể thấy rằng tất cả các tiêu đề đều sử dụng thẻ < h > với các cấp độ khác nhau.
```
First Webpage
Bài viết đầu tiên
Đây là một tiêu đề nhỏ hơn
Đây là tiêu đề nhỏ nhất
```
Tiếp theo, hãy thêm CSS vào trang web của bạn. CSS là viết tắt của Cascading Style Sheets, là ngôn ngữ để tạo ra các stylesheet để trang trí cho trang web. CSS chứa các quy tắc và thuộc tính cho các phần tử HTML để định dạng chúng.
Ví dụ, chúng ta có thể sử dụng thuộc tính color để đổi màu chữ hoặc thuộc tính background-color để đổi màu nền của một phần tử.
Hãy tạo một stylesheet đơn giản để thêm màu nền vào trang web của chúng ta. Trong ví dụ này, chúng ta sử dụng thuộc tính background-color để tạo nền xanh lá cây cho trang web.
```
First Webpage
Bài viết đầu tiên
Đây là một tiêu đề nhỏ hơn
Đây là tiêu đề nhỏ nhất
```
Như vậy chúng ta đã tạo xong trang web đầu tiên của chúng ta. Việc tiếp theo để cải thiện trang web là thêm hình ảnh và các liên kết, cũng như áp dụng một số quy tắc CSS khác để trang trí cho trang web của bạn.
Hy vọng với bài viết trên bạn đã có thể nắm được cách để bắt đầu học lập trình web và tạo ra một trang web đầu tiên của riêng bạn!
- Mật khẩu giải nén: tailieuhay.download (nếu có)
- Xem thêm các tài liệu về
NƯỚC NGOÀI tại ĐÂY
- Xem thêm các tài liệu về
UDEMY tại ĐÂY