Browsing "Older Posts"

Chuyên Mục "HTML"
Trong bài này chúng ta sẽ không bàn đến những tính năng thông thường của CSS mà trong bài này chúng ta sẽ xem xét đến những cách trình bày code CSS. Có rất nhiều cách bạn có thể chọn để trình bày trong CSS, nhưng chọn ra cách nào phù hợp với mình và luôn sử dụng nó là tốt nhất.
Tags:

Những cách trình bày code CSS

By Unknown → 10/12/14
Blog Designer xin giới thiệu các bạn 19 ứng dụng web được làm từ HTML5, sẽ giúp bạn có cái nhìn tổng quan hơn về công nghệ mới này.
Đây là một ứng dụng cho phép bạn vẽ bất cứ thứ gì mà bạn muốn, tuy nhiên để có thể truy cập hết tính năng của ứng dụng này thì bạn cần phải có một tài khoản của DeviantArt .

Khám phá những ứng dụng trên nền web từ nền tảng HTML5

By Unknown → 5/12/14
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 HTML hay liên kết tới một file CSS viết sẵn.
Tags:

Bạn có biết có tới 4 cách chèn CSS vào Website

By Unknown → 4/12/14
Bất cứ thành phần nào bạn tạo ra trong code XHTML đều được bao quanh bởi một hộp kể cả dòng chữ bạn gõ ra cũng có một hộp bao quanh nó. Ở giá trị mặc định đường viền cũng như màu sắc của hộp là trong suốt do vậy bạn không thấy được. Nhưng với CSS bạn có thể cho hiển thị đường viền cũng như màu nền của bất cứ đối tượng nào trong trang mà bạn muốn.
Tags:

Thuộc tính Box Model trong CSS

By Unknown → 25/11/14
Ví dụ khi bạn viết code CSS cho thẻ h1 hoặc p, thì bạn sẽ thấy nó được áp dụng cho tất cả các thẻ trong html. Nhưng không phải lúc nào bạn cũng muốn tất cả các thẻ trong phần code của bạn đều bị ảnh hưởng. Có thể bạn muốn đoạn này chữ màu xanh, đoạn kia chữ màu đỏ và đậm. Chính vì thế Class và ID được thêm vào thẻ html để bạn có thể hướng tới một đối tượng cụ thể hơn trong code HTML của bạn. Do đó cho bạn thêm một lựa chọn nữa để thiết kế trang web.
Tags:

Class và ID trong CSS

By Unknown → 23/11/14
Thuộc tính word-wrap: cũng là thuộc tính mới được thêm vào trong CSS3. Đầu tiên thuộc tính này được Microsoft thêm vào trong trình duyệt IE để khắc phục lỗi không tự động xuống dòng khi có một đoạn văn bản quá dài vượt quá đối tượng chứa nó. Giờ đây thuộc tính này đã được đưa vào trong CSS3.
Tags:

Thuộc tính word-wrap trong CSS3 - Tự động ngắt dòng

By Unknown →
Dưới đây là một ví dụ rất đơn giản của CSS, nó được viết để định dạng thẻ h3 của tài liệu sẽ có màu xanh dương
Tags:

Cú pháp cơ bản của CSS

By Unknown → 22/11/14
Thuộc tính “box-shadow” của CSS3 là một trong những thuộc tính khá hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ các trình duyệt hiện tại, thuộc tính này chỉ được hỗ trợ từ Safari 3+, Firefox 3.1 (Alpha), Chrome, Opera và IE 9+.
Tags:

Hiệu ứng bóng đổ với thuộc tính box-shadow trong CSS3

By Unknown → 21/11/14
Chào mừng các bạn tiếp tục đến với các bài hướng dẫn cơ bản HTML tại Blog Designer. Trong bài này, chúng ta sẽ cùng tìm hiểu cách tạo một danh sách trên trang web của mình như thế nào.
Tags:

Nhóm thẻ danh sách (List) trong HTML

By Unknown → 20/11/14
Hôm nay chúng ta sẽ tìm hiểu cách điều chỉnh Font chữ, màu chữ và cỡ chữ sao cho phù hợp với nội dung của trang web, cũng như làm nổi bật một số từ khóa hay nội dung quan trọng của bài viết. Và trong bài này, chúng ta sẽ thao tác chủ yếu với tag <font > ... </font>.

Tags:

Định dạng Font chữ, màu chữ, cỡ chữ trong HTML

By Unknown → 19/11/14

Trong HTML, để định dạng một đoạn văn bản, bạn dùng thẻ <p></p>.


B1: Tạo file bai3.html, nhập vào đoạn code sau
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>Bài 3 - Đoạn văn bản</title>
</head>
 
<body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt euismod libero vitae interdum. Nunc consequat arcu sed orci dignissim blandit. In vehicula tortor ac nisi vehicula at semper metus pretium. Quisque pharetra accumsan justo iaculis laoreet. Aliquam ac elementum dui. Curabitur malesuada arcu quis tortor ultricies commodo. Duis nec accumsan tortor.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt euismod libero vitae interdum. Nunc consequat arcu sed orci dignissim blandit. In vehicula tortor ac nisi vehicula at semper metus pretium. Quisque pharetra accumsan justo iaculis laoreet. Aliquam ac elementum dui. Curabitur malesuada arcu quis tortor ultricies commodo. Duis nec accumsan tortor.</p>
</body>
</html>
B2: Mở file bai3.html với trình duyệt
Tags:

Đoạn văn bản (Paragraphs) trong HTML

By Unknown → 18/11/14

HTML cung cấp một hệ thống các thẻ tiêu đề với các kích thước khác nhau với cú pháp <hi></hi>(Trong đó i được thay bằng các số từ 1-6)

Tags:

Thẻ tiêu đề (Headings) trong HTML

By Unknown →

Hãy cùng tìm hiểu cách tạo một file HTML và sử dụng trình soạn thảo mã.


Trình soạn thảo

– Notepad là trình soạn thảo mặc định cho windows, tuy nhiên nó không có giao diện đẹp mắt và không hỗ trợ trực quan cho người sử dụng.
– Ở đây, tôi khuyến khích các bạn sử dụng Adobe Dreamweaver làm trình soạn thảo mã cho mình. Các bạn có thể tìm và download Adobe Dreamweaver trên mạng.

Tạo file HTML đầu tiên.

B1: Mở trình soạn thảo mã Adobe Dreamweaver lên và chọn File->New
Tags:

Cấu trúc cơ bản của một trang HTML

By Unknown →
Trước khi học cách kết nối file CSS vào HTML như thế nào, chúng ta hãy xét cấu trúc thư mục chứa các file như sau:

Kết nối file CSS vào file HTML

By Unknown → 17/11/14
  • CSS viết tắt của từ Cascading Style Sheets, ý nghĩa nó là gì chúng ta không cần quan tâm để làm gì mà chỉ cần biết CSS là một file có phần mở rộng là .css, nhiệm vụ của nó là tách riêng phần định dạng (style) ra khỏi nội dung trang HTML.
Tags:

Giới thiệu về ngôn ngữ CSS

By Unknown →
Khối trích dẫn thường được dùng trong các trường hợp sử dụng các trích dẫn mở rộng. Toàn khối trích dẫn sẽ được căn lề thụt vào cả ở hai phía và tạo thành một khối riêng so với các đoạn khác của trang văn bản HTML.

Tags:

Trích dẫn trong HTML - BLOCKQUOTE

By Unknown →
Bảng màu mã HEX và tên màu trong HTML

Bảng màu mã HEX trong HTML

By Unknown →
HTML5 đã xâm nhập vào cuộc sống của chúng ta với những tính năng tuyệt vời mà nó mang lại. 2 trong những tính năng tuyệt vời này là các thẻ <audio> và <video> , cho phép bạn chia sẻ những đoạn video và âm thanh trên mạng. Chúng ta cùng tìm hiểu xem 2 thẻ này làm được những gì :
Tags:

Thẻ Video và Audio trong HTML5

By Unknown → 16/11/14
Khi mới làm quyen với HTML5 có lẽ bạn đã nghe nhiều tin đồn nó sẽ thay thế Flash trong tương lai, và bạn muốn tìm hiểu về nó cũng như áp dụng nó vào chính trang blog hay web của bạn. Tuy nhiên nếu bạn là người mới bắt đầu thì mình xin chia sẻ với các bạn những điều mà HTML5 có thể mang đến cho bạn bằng những demo về html5. Để có thể xem tốt các demo này , các bạn nên xem ở trình duyệt Firefox hoặc Chrome, đừng sử dụng IE, vì trình duyệt này vẫn chưa thực sự hỗ trợ tốt HTML5
1 Audioburst Animation
Một hiệu ứng chuyển động tuyệt vời được làm từ HTML5 với các thẻ canvas và audio.

Những ví dụ tuyệt vời về HTML5 cho người bắt đầu

By Unknown →