HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản, dùng để tạo ra các trang web. HTML bao gồm một tập hợp các thẻ dùng để: Định nghĩa cấu trúc của trang web. Định dạng nội dung của trang web. Tạo các siêu liên kết để liên kết đến những trang web khác. Chèn âm thanh, hình ảnh, video,....
Code áp dụng chèn văn bản HTML
Dưới đây là tổng hợp các đoạn mã dùng để tạo các kiểu chữ chạy khác nhau trên web/blog. Hướng dẫn này cũng có khá nhiều bài viết chia sẽ trên mạng rồi, nhưng mình cũng cố gắng tổng hợp lại và hướng dẫn chi tiết để các bạn thực hiện 1 cách dễ dàng nhất. Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé...
Liên kết, đường dẫn tuyệt đối, đường dẫn tương đối trong HTML
Liên kết là gì? Liên kết được dùng để chuyển sang một trang web khác (hoặc một nguồn tài nguyên khác như: hình ảnh, video, file nhạc,....). Liên kết có thể được đại diện bởi văn bản hoặc hình ảnh. 2. Cách tạo một liên kết. Để tạo một liên kết, ta sử dụng cú pháp dưới đây: <a href="URL" target="kiểu mở liên kết">...
Cách chèn hình ảnh vào trang web HTML
Chúng ta có thể chèn hình ảnh thuộc các định dạng như: jpg, png, gif (hình động),.... vào trang web, giống ví dụ bên dưới. Cách chèn hình ảnh vào trang web. Để chèn hình ảnh vào trang web, ta sử dụng cú pháp sau: <img src="đường dẫn đến tập tin hình ảnh"> Trong đó, đường dẫn đến tập tin hình ảnh có thể được xác định bằng đường dẫn tuyệt đối hoặc đường dẫn tương đối (nếu bạn chưa hiểu rõ khái niệm hai loại đường dẫn này thì vui lòng xem lại bài Liên kết, đường dẫn tuyệt đối, đường dẫn tương đối)...
Code hiệu ứng rung ảnh, xoay ảnh và phóng to ảnh mỗi khi rê chuột vào
Code css hiệu ứng ảnh rung động khi rê chuột vào. Chỉ bằng việc sử dụng css3 với các thuộc tính 3D Transforms và Transitions là chúng ta có thể tạo được một mã css cực hay. CSS viết:...
Code trang trí câu đối Tết hiển thị bên trái, bên phải
Code câu đối Tết hiển thị bên trái & bên phải màn hình rất đẹp cho website, bạn sao chép đoạn code trong khung dán vào trang header, footer hay bất cứ trang index nào bạn muốn hiển thị những thẻ này. Bạn có thể thay thế những link hình ảnh mặc định của mình bằng đường link hình ảnh mà bạn muốn chúng hiển thị...
Tạo ảnh xoay liên tục. CSS viết: <style type="text/css">@-webkit-keyframes spaceboots { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); }...
Các thuộc tính định dạng đường viền (border) trong CSS
Thuộc tính border dùng để định dạng đường viền cho phần tử HTML. Dưới đây là một số thuộc tính border: border-style (Thiết lập kiểu đường viền) border-width (Thiết lập độ dày của đường viền) border-color (Thiết lập màu của đường viền) Thiết lập kiểu đường viền. Thuộc tính border-style dùng để thiết lập kiểu đường viền. Cú pháp: border-style: kiểu đường viền; Chúng ta có một số kiểu đường viền như: dotted, dashed, solid,...
Notepad chính là một trong những công cụ được dùng để soạn thảo mã HTML. Để mở Notepad từ máy tính, vào Start => gõ từ khóa "Notepad" (như hình dưới) hoặc bạn có thể bấm tổ hợp phím Windows + R rồi gõ từ khóa "Notepad" vào khung. Nếu bạn lập trình nhiều thì có thể tải phần mềm Notepad ++ về máy để sử dụng...
Chia sẻ code khung chứa code có nút copy
Hôm nay mình xin chia sẻ cách tạo khung chứa mã nguồn (code) có kèm theo nút sao chép (copy) rất tiện lợi cho người dùng. Chỉ cần bấm vào nút sao chép thì tất cả nội dung trong khung đều được lưu vào khai bộ nhớ tạm của thiết bị. Xem demo bên dưới: <script src="http://utnhan.wap.sh/wapmaster/code/jquery.js">
Hiệu ứng thay đổi ảnh khi rê chuột vào và ra khỏi ảnh
Hiệu ứng rê chuột trong css – hiệu ứng thay đổi ảnh khi rê chuột vào và rê chuột ra khỏi ảnh. Bạn chỉ cần thay link ảnh 1, link ảnh 2 và link ảnh 3 khi rê chuột vào là xong. onmouseover: nó thực hiện thay đổi src của ảnh khi bạn rê chuột vào ảnh. onmouseout: nó thực hiện hành động thay đổi src của ảnh khi bạn rê chuột ra khỏi ảnh. Khi đầu tiên người dùng truy cập trang sẽ hiển thị ảnh 1, khi người dùng rê chuột vào sẽ đổi thành ảnh 2 và khi rê chuột ra sẽ đổi thành ảnh 3...
Chia sẻ code thanh tiêu đề ngang đẹp bằng HTML kết hợp với CSS
Chia sẻ code thanh tiêu đề ngang đẹp bằng HTML kết hợp với CSS nhiều hiệu ứng đẹp. Bạn hãy chọn một mẫu dưới đây để thiết kế cho website mình nhé. Bạn có thể thay thế các chi tiết theo ý bạn ở phần CSS nhé (nếu bạn cho đoạn css vào file .css thì bạn bỏ cặp thẻ <style></style> nhé. Còn phần HTML dấu # bạn hãy thay thế bằng đường link của liên kết trang nào bạn muốn. Rồi bạn dán vào nơi muốn đặt thanh tiêu đề, đa số thì các trang web đặt ở thẻ _header (đầu trang). Demo mẫu thanh tiêu đề 1:...
Code chữ nhấp nháy nhiều kiểu bằng java script
Bạn dán toàn bộ đoạn code bên dưới vào thẻ html, nơi muốn hiển thị văn bản và thay đổi dòng chữ "CHÀO MỪNG CÁC BẠN ĐẾN VỚI MR. PHAN NHAN. CHÚC CÁC BẠN VUI VẺ" là được nhé. Chúc các bạn thành công. <script type="text/javascript"> farbbibliothek = new Array(); farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");