Vì vậy, ở đây tôi đang ở trong sách giáo khoa Shayhowe, và tôi đang ở trong phần gọi là Getting to Know HTML. Nếu bạn giống tôi, khi bạn đọc những thứ về lập trình, bạn đọc chúng và gật đầu, ngay cả khi bạn không hoàn toàn hiểu những gì họ đang nói. Và bạn ước có một ví dụ nào đó, hoặc một giáo viên cho bạn thấy trong thời gian thực những gì đang xảy ra. Vâng, Shayhowe sử dụng CodePen, và đó là một trong những lý do tôi thực sự thích cuốn sách giáo khoa này. Vì vậy, hãy nhìn vào những gì tôi đang nói về. Khi bạn cuộn xuống, bạn chắc chắn rằng có những nơi có mã trong khi bạn đang đọc, chức năng ngay tại đây. Bạn có thể thấy rằng họ đang nói về tầm nhìn và họ đã đưa ra một chút văn bản và nó là HTML và bạn hiểu mã nhưng bạn không thực sự biết những gì nó trông như thế nào. Vâng, nếu chúng ta di chuyển xuống một chút nữa, bạn sẽ đi qua mã thực sự là bên trong một cái gì đó gọi là CodePen. Những gì bạn muốn tìm là chú thích này, ngay đây. Nó thực sự nói Chỉnh sửa trên CodePen trên đó. Vì vậy, chúng ta hãy xem những gì sẽ xảy ra khi tôi nhấp vào liên kết này. Những gì CodePen làm là nó cung cấp cho bạn một cơ hội để xem HTML và cũng có lẽ CSS và JavaScript. Tôi biết rằng bạn không nhất thiết phải hiểu CSS hoặc JavaScript được nêu ra. Anh có thể, anh không thể. Nhưng bạn vẫn có thể chơi với tất cả các phần khác nhau. Để tôi làm cái này lớn hơn một chút để các bạn có thể nhìn thấy nó. Và bạn có thể thấy rằng họ đã đặt trong mã cho tiêu đề Cấp 1, Cấp 2, Cấp 6. Tôi sẽ vào trong đó và tôi sẽ thay đổi nó. Và tôi sẽ nói điều gì sẽ xảy ra nếu tôi thay đổi H3 này thành H1? Đi qua đây. Bạn có thể thấy rằng Tiêu đề Cấp 3, mặc dù nó nói Tiêu đề Cấp 3, là lớn hơn nhiều. Tôi yêu CodePen và tôi thực sự khuyến khích bạn luôn nhấp vào nó, và đi vào, và xem điều gì sẽ xảy ra khi bạn gõ mọi thứ vào. Bạn không cần một tài khoản, mặc dù bạn chắc chắn có thể có một tài khoản. Đó là một cách tuyệt vời để cảm thấy như bạn thực sự hiểu và sở hữu nội dung.