Đã trải qua 10 bài học và đây là bài cuối cùng trong serie học html cơ bản. Ở bài cuối này mình sẽ hướng dẫn các bạn thêm về css và jquery – 2 thành phần không thể thiếu nến bạn muốn website đẹp hơn, sinh động hơn.
Nội dung
Vậy Css là gì, Jquery là gì?
- CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML).
- Jquery là một thư viện javascript, nó giúp viết javascript nhanh hơn với cú pháp đơn giản hơn. Thay vì chúng ta phải viết những dòng code dài và lặp lại nhiều lần trong javascript thì jquery đã đóng gói chúng thành những phương thức sẵn có để dễ dàng sử dụng. Xem thêm tại đây.
Cách nhúng css và jquery vào website
Có 3 cách nhúng css vào thẻ html như sau :
1. Chèn vào phần head của website (cặp thẻ <head></head>
)
<style type="text/css"> /* Viết css tại đây */ body{padding:5px; margin: 10px; color: #000;} a{color: red} </style>
2. Viết css ở một file riêng sau đó nhúng vào website
Cú pháp:
<link href=”Đường dẫn đến file css” rel=”stylesheet” type=”text/css” />
Ví dụ:
<link href="css/style.css" rel="stylesheet" type="text/css" />
3. Chèn trực tiếp vào thẻ html
Ví dụ:
<p style="color:red">Đây là thẻ P, có màu chữ đỏ.</p>
Các thuộc tính cách nhau bằng dấu chấm phẩy ( ; )
Chúng ta có thể chèn css vào đâu ?
Chúng ta có thể chèn css vào phần head của website (trong cặp thẻ <head></head>
) hoặc trong body
của website.
Để tìm hiểu kỹ hơn về css bạn nên qua serie học css cơ bản tại đây nhé.
Các cách chèn jquery vào website cũng khá giống với chèn css, bạn có thể qua bài này để xem và bắt đầu học jquery căn bản.
Kết luận:
Vậy là chúng ta đã kết thúc khóa học html cơ bản tại đây rồi, học xong serie này chắc bạn cũng hình dung ra được việc thiết kế website như thế nào rồi đúng không? Nó cũng không quá khó với bạn nào chịu khó tìm tòi học hỏi đâu. Và bây giờ bạn hãy chuyển qua serie học HTML5 cơ bản, học css cơ bản và học jquery cơ bản để có thể hoàn thiện hơn cho bản thân về các kỹ năng thiết kế website cơ bản.