Tìm hiểu thẻ table trong HTML
Bài viết này chúng ta sẽ tìm hiểu qua thẻ Table trong HTML. Thẻ table trong html cũng giống như excel trong microsoft office vậy nó được dùng để trình bày các bảng biểu, các bài viết, nội dung… có nhiều dòng và nhiều cột trong một website.
Thẻ table được ký hiệu...
Nên sử dụng thẻ Alt cho trang web của bạn
Thẻ Alt là một dạng thẻ HTML, nó được đi kèm với dòng code chèn hình ảnh vào trang web. Nó có tác dụng thông báo cho công cụ tìm kiếm biết hình đó là hình gì hoặc nếu tấm hình đó không được hiển thị, người đọc sẽ thấy được chữ nằm trong thẻ Alt. Đây là...
Khái niệm về Lorem Ipsum
Nếu bạn là người quen với việc thiết kế web, chắc chắn không dưới một lần bạn đã từng thấy những giao diện được thiết kế và có các dòng chữ không phải là ngôn ngữ quen thuộc nào trên thế giới. Đó chính là những dòng chữ quen thuộc của giới thiết kế layout “Lorem Ipsum...
Hướng dẫn cách áp dụng hướng đối tượng dựa vào cấp bậc XHTML
Trong bài trước bạn đã biết về cấp bậc của XHTML, trong bài này mình sẽ hướng dẫn bạn cách hướng đối tượng cụ thể nằm sâu hơn trong cấp bậc của HTML. Có 2 cách bạn có thể hướng đối tượng cụ thể là Contextual Selector và Child Selector...
Hạn chế sử dụng thẻ Div
Trong bài này mình sẽ cố gắng giải thích rõ ràng hơn về thẻ div và đưa ra một số ví dụ mà bạn có thể thay vì dùng thẻ div thì dùng những thành phần Block Elements khác để thay thế. Nhưng có một nguyên tắc mà bạn có thể sử dụng khi viết code là một khi bạn phải sử dụng...
Tổng quan về Sublime text 3
Các đây vài ngày thì mình đã được Sublime HQ thông báo Sublime Text 3 đã chính thức phát hành bản build beta 3047 và chính thức dành cho người dùng không cần đăng ký. ST3 rất tuyệt vời, tuy nhiên, các plugin của ST2 không thể dùng được trên ST3 và phải chờ một thời...
Tìm hiểu các vùng làm việc của CSS
1. Giới thiệu các vùng làm việc trong CSS
Để làm việc với CSS, chúng ta có thể sử dụng một trong ba vùng làm việc như sau:
Vùng làm việc nội tuyến
Vùng làm việc bên trong
Vùng làm việc bên ngoài
2. Vùng làm việc nội tuyến
Vùng làm việc nội tuyến của CSS là...
Cách tạo hiệu ứng Dialog Box đơn giản với jQuery
Dialog, Lightbox hay Popup là những thuật ngữ quen thuộc trong Jquery. Nó giúp mở một cửa sổ nhỏ, nổi bật giữa trang web để hiện thông báo hướng dẫn, giới thiệu hay tạo một form lấy thông tin từ người dùng. Những box như vậy tương tác ngay trên...
Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 2)
Chào các bạn, chúng ta hãy cùng trở lại với chủ đề Parallax Scrolling nhé! Nếu như có bạn nào chưa biết hoặc đã quên hiệu ứng này thì có thể xem Kỹ thuật Parallax Scrolling – Phần 1 mình đã đăng trước đó.
Ở phần đầu, chúng ta đã được...
Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 1)
Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, Javascript và bên cạnh đó là sức sáng tạo không giới hạn của các Web Designer, việc tạo ra các trải nghiệm mới lạ, khiến các website thêm sinh động không còn là...
Chia sẻ các website "đỉnh" dành cho developer và web designer
Đối với web designer và developer thì việc cập nhật các tin tức về xu hướng thiết kế, học các kỹ năng, kỹ thuật mới, đọc các bài phân tích, tìm ý tưởng sáng tạo cho website hay cần tìm đọc các tài liệu tham khảo là điều rất cần...
Giới thiệu Brackets Editor cho Web Designer
Sau một thời gian sử dụng công cụ code editor Brackets, mình đã chính thức tạm bỏ hẳn Sublime Text và Coda 2 để sang dùng Brackets vì các lợi ích vượt trội của nó trong việc thiết kế website, đặc biệt là công việc front-end development vốn làm việc...
Cách tạo form nhập liệu
Khi làm website bằng HTML, đặc biệt là sau này bạn học lên các ngôn ngữ server-side như PHP hay Python thì việc sử dụng form nhập liệu rất phổ biến như tạo form đăng nhập, form đăng dữ liệu lên website,…nên nếu có thể thì nên hiểu cách tạo một form nhập liệu bằng HTML...
Cách chèn tập tin media vào website
Các tập tin kỹ thuật số (media files) mà mình đang nói đến đó là hình ảnh (image), âm thanh (audio) và phim ảnh (video). Với HTML chúng ta có thể dễ dàng chèn những loại tập tin này vào tài liệu và nó sẽ hiển thị rất là sống động luôn.
Lưu ý rằng các tập tin...
Cách sử dụng thẻ tạo liên kết và liên kết neo
Một trong những nét đặc trưng của siêu văn bản là có những đường liên kết (link) tới một tài liệu khác thông qua địa đường dẫn đến tài liệu hoặc địa chỉ website. Để tạo ra các đường liên kết trong HTML ta sẽ sử dụng cặp thẻ <a> </a> chứa các tham số...
Cách tạo danh sách (List)
Phần tử danh sách (list) được sử dụng rất thường xuyên trong một tài liệu web bằng HTML. Trong một trang web thường người ta sử dụng các phần tử danh sách rất nhiều, chẳng hạn như menu, danh sách những thông tin nào đó,…v…v…đều được tạo ra bởi các thẻ tạo danh sách...
Sử dụng các thẻ định dạng chữ viết và văn bản
Bắt đầu từ phần này, chúng ta sẽ cùng nhau làm việc trong cặp thẻ <body> </body> trong tài liệu web HTML để viết nội dung hiển thị ra ngoài website, và đây cũng sẽ là phần mà bạn sẽ làm việc nhiều nhất sau này vì thẻ <head> </head> chỉ cần đụng tới...
Sử dụng các thẻ khai báo thông tin web cơ bản
Như ở phần trước thì bạn đã hiểu một tài liệu web bằng HTML hoàn chỉnh sẽ bao gồm 4 phần chính là thẻ khai báo loại tập tin <!DOCTYPE>, thẻ <html>, thẻ khai báo thông tin website <head> và thẻ <body>.
Và bên trong cặp thẻ <html> trong tài liệu...
Cấu trúc cơ bản của một tài liệu web viết bằng HTML
Một tài liệu hay tập tin HTML để được gọi là một tài liệu web thì sẽ được bao gồm bốn yếu tố chính đó là:
Có thẻ khai báo loại tập tin/tài liệu.
Có thẻ đóng và mở tài liệu HTML.
Có thẻ đóng và mở phần thông tin website.
Có thẻ đóng và mở phần...
Viết đoạn HTML đầu tiên
Giới thiệu HTML như bài trước như thế chắc là đủ thông tin rồi nhỉ? Vậy thì bây giờ chúng ta hãy bắt tay vào việc tập soạn thảo văn bản bằng HTML thôi. Soạn thảo văn bản HTML ở đây nghĩa là chúng ta sẽ tập viết một văn bản được định dạng bằng các thẻ HTML chứ không phải...