Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới như Firefox, Opera, IE7. Còn một số trình duyệt cũ như từ IE6 trở xuống đều không hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một số thủ thuật để định dạng ảnh PNG [...]
<hr> là một thẻ tự đóng, điều đó có nghĩa là nó không cần thẻ đóng như những thẻ HTML khác. Thẻ <hr> sẽ tạo ra một đường kẻ ngang trên trình duyệt và khoảng cách giữa đường kẻ và nội dung thì phụ thuộc vào các trình duyệt khác nhau.
Tuy nhiên bạn hoàn toàn [...]
Nếu bạn là người thực sự muốn tìm hiểu về CSS, thì bạn không thể không tìm hiểu cách viết giản lược(shorthand) trong CSS. Cách viết này thực sự mang lại những lợi ích và tiện lợi khi bạn sử dụng CSS.
Trước khi đi vào phân tích những tiện lợi mà nó mang lại, tôi [...]
Mặc định hầu hết các trình duyệt (Browser) đều hiển thị chữ số của danh sách có thứ tự (order list) theo font mặc định mà chúng ta sử dụng cho nội dung site. Trong bài chỉ dẫn ngắn này tôi xin hướng dẫn các bạn làm thế nào để sử dụng hai thẻ <ol> [...]
Bình thường thì bạn muốn đặt một table có chiều rộng cố định vào giữa màn hình thì bạn làm thế nào? có phải bạn đặt thuộc tính align=”center” vào trong thẻ <table>?. Nếu bạn làm như vậy thì bạn chỉ được kết quả đúng như ý bạn trên một số trình duyệt, còn một [...]
Bài viết dưới đây sẽ giới thiệu với các bạn cách làm cho thẻ <div> có thanh cuộn giống khi ta sử dụng iFrame để load một trang khác.
Trước hết chúng ta có ví dụ về đoạn mã HTML như sau:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<title>example page</title>
</head>
<body>
<div id=”page”>
[...]
Dưới đây là một số thủ thuật (tips) nhỏ trong HTML
1. Mở cửa sổ mới không cần sử dụng hàm.
<a href=”http://google.com/” onclick=”window.open(this.href, ‘popupwindow’,
‘width=400,height=300,scrollbars,resizable’);
return false;”>
2. Link favicon cho Website của bạn
<link rel=”Shortcut Icon” href=”/favicon.ico” type=”image/x-icon” />
Nguồn: cssyeah.com
Tags: HTML
Related posts
Định dạng HTML nào phù hợp với Menu? (0)
Làm thẻ div có thanh cuộn (scrollbar) giống iFrame (0)
Crop [...]
Kỹ thuật cắt ảnh (Crop) dưới đây sẽ cho phép chúng ta có thể lấy những phần ảnh chúng ta muốn. Kích thước của khung sẽ được quy định bởi thuộc tính width: và height: trong phần CSS. Chúng ta cũng có thể di chuyển vị trí khung Crop trên ảnh lớn.
Chúng ta có ví [...]
Việc dùng đúng định dạng HTML sao cho có ý nghĩa và chuẩn cũng là một việc hết sức phức tạp đối với chúng ta. Thông thường mỗi thẻ HTML thường có ý nghĩa đối với một hoặc một số công việc nhất định. Ví dụ để định dạng cho đoạn văn bản thì cách [...]
Trong HTML có khá nhiều thẻ định dạng văn bản, các thẻ này dùng để định dạng văn bản và xuất ra màn hình ví dụ như chữ đậm, nghiêng, gạch chân,…
1. Các thẻ định dạng văn bản
Thẻ
Mô tả
<b>
Định dạng chữ đậm
<i>
Chữ in nghiêng
<em>
Định nghĩa một đoạn cần nhấn mạnh.
<small>
Chữ nhỏ
<big>
Định nghĩa chữ lớn
<strong>
Định nghĩa [...]
Trong bài 2 này chúng ta sẽ tìm hiểu các phần tử (element) trong ngôn ngữ siêu định dạng văn bản HTML. Qua đó chúng ta cần nắm rõ nguyên lí và cấu trúc của các phần tử HTML.
Trước tiên bạn cần hiểu hai khái niệm dưới đây:
-Tài liệu HTML thực chất là một file [...]
Trong bài này chúng ta sẽ đi tìm hiểu sơ lược về ngôn ngữ định dạng HTML, HTML là gì? ví dụ về một trang HTML đơn giản, Các trình soản thảo HTML.
1. Đôi điều cần biết về ngôn ngữ HTML
HTML là từ viết tắt của Hyper Text Markup Language (Ngôn ngữ định dạng siêu [...]
Cũng có khá nhiều bạn hỏi tôi về việc làm sao để phân biệt được id và class. Khi nào dùng id, khi nào dùng class trong quá trình thực hiện viết mã HTML và style nó trong CSS. Trong bài viết này tôi xin giải thích kỹ hơn về hai thuật ngữ này và [...]
CSS padding sẽ định nghĩa khoảng trống giữa mép của các phần tử tới các phần tử con hoặc nội dung bên trong. Chúng ta không thể gán giá trị âm cho thuộc tính này. Cũng giống như margin thuộc tính padding cũng tương ứng với 4 phía của phần tử.
Tương ứng với 4 phía [...]
Thuộc tính Outline sẽ vẽ một đường bao ngoài toàn bộ một phần tử HTML, đối với phần tử có đường viền (border) thì đường bao này sẽ bao trọn đường viền của phần tử đó. Cũng tương tự như đường viền bạn có thể đặt cho nó các thuộc tính về màu săc, độ [...]
Thuộc tính margin sẽ định nghĩa khoảng trắng bao quanh một phần tử HTML. Nó có thể dùng giá trị âm để lồng nội dung vào với nhau. Tương ứng với 4 phía của một phần tử chúng ta có 4 thuộc tính tương ứng. Mặt khác để viết cho gọn chúng ta cũng có [...]
Các thuộc tính của đường viền (border) sẽ cho phép đặt các giá trị đặc biệt cho đườn viền như kiểu đường viền, kích thước, màu sắc. Thuộc tính này sẽ được áp dụng cho các thẻ HTML như <div>, <li>, <table>,…
Trong thuộc tính đường viền (border) chúng ta có 3 giá trị cơ bản [...]
Các thuộc tính về font chữ sẽ cho phép bạn thay đổi họ font (font family), độ đậm (boldness), kích thước (size) và kiểu font (style).
01Đặt font cho đoạn văn bản.
Để đặt một loại font chữ nào đó cho đoạn văn bản thì chúng ta sẽ sử dụng thuộc tính font-faily:
p {
font-family: Arial, [...]
Thuộc tính CSS text cho phép bạn hoàn toàn có thể quản lí được các thuộc tính của văn bản, bạn có thể quản lí được sự ẩn hiện của nó, thay đổi màu sắc, tăng hoặc giảm khoảng cách giữa các ký tự trong một đoạn, căn chỉnh việc dóng hàng (align),…
Các thuộc tính [...]
Bạn đã có một file CSS của bạn, bây giờ công việc tiếp theo là làm thế nào để chèn những đoạn CSS của bạn vào trong trang, Và xem chúng hoạt động như thế nào. Trong phần này chúng ta sẽ đi tìm hiểu chi tiết về cách chèn một đoạn style trong trang [...]
CSS padding sẽ định nghĩa khoảng trống giữa mép của các phần tử tới các phần tử con hoặc nội dung bên trong. Chúng ta không thể gán giá trị âm cho thuộc tính này. Cũng giống như margin thuộc tính padding cũng tương ứng với 4 phía của phần tử.
Tương ứng với 4 phía [...]
Bước đầu tiên là tạo một phác thảo, từ bản phác thảo này, bạn cần tìm ra các yêu cầu cho mẫu thiết kế.(Bạn cũng cần nghiên cứu thị trường hoặc các điều kiện và các mặt hạn chế có thể ảnh hưởng đến thiết kế)
Cần phải đảm bảo cho các thành phần được trình [...]
Dưới đây là một số thủ thuật (tips) nhỏ trong HTML
1. Mở cửa sổ mới không cần sử dụng hàm.
<a href=”http://google.com/” onclick=”window.open(this.href, ‘popupwindow’,
‘width=400,height=300,scrollbars,resizable’);
return false;”>
2. Link favicon cho Website của bạn
<link rel=”Shortcut Icon” href=”/favicon.ico” type=”image/x-icon” />
Nguồn: cssyeah.com
Tags: HTML
Related posts
Định dạng HTML nào phù hợp với Menu? (0)
Làm thẻ div có thanh cuộn (scrollbar) giống iFrame (0)
Crop [...]
Trong HTML có khá nhiều thẻ định dạng văn bản, các thẻ này dùng để định dạng văn bản và xuất ra màn hình ví dụ như chữ đậm, nghiêng, gạch chân,…
1. Các thẻ định dạng văn bản
Thẻ
Mô tả
<b>
Định dạng chữ đậm
<i>
Chữ in nghiêng
<em>
Định nghĩa một đoạn cần nhấn mạnh.
<small>
Chữ nhỏ
<big>
Định nghĩa chữ lớn
<strong>
Định nghĩa [...]
Dưới đây là một số thủ thuật (tips) nhỏ trong HTML
1. Mở cửa sổ mới không cần sử dụng hàm.
<a href=”http://google.com/” onclick=”window.open(this.href, ‘popupwindow’,
‘width=400,height=300,scrollbars,resizable’);
return false;”>
2. Link favicon cho Website của bạn
<link rel=”Shortcut Icon” href=”/favicon.ico” type=”image/x-icon” />
Nguồn: cssyeah.com
Tags: HTML
Related posts
Định dạng HTML nào phù hợp với Menu? (0)
Làm thẻ div có thanh cuộn (scrollbar) giống iFrame (0)
Crop [...]
Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới như Firefox, Opera, IE7. Còn một số trình duyệt cũ như từ IE6 trở xuống đều không hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một số thủ thuật để định dạng ảnh PNG [...]
