Vuilam Community Entertainment

Diễn Đàn Giải Trí Tổng Hợp

Latest topics

» Hướng dẫn làm nhiệm vụ GTA San AnDreas
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm

» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm

» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am

» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm

» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am

» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am

» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am

» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am

» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am

» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am

» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am

» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am

» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am

» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm

» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am


Thiết Kế Website 

Chủ đề
Không có bài viết mớiIcon 1
15092011
1 HTML là gì?
HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) là một sự định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị một trang Web.

Các trang Web thực ra không có gì khác ngoài văn bản cùng với các thẻ (tag) HTML được sắp xếp đúng cách hoặc các đoạn mã để trình duyệt Web biết cách để thông dịch và hiển thị chúng lên trên màn hình.
2 Cấu trúc của một file HTML
Những Bài Viết Này Do Admin & Anh Hùng ( Anh Họ Của Admin ) Làm. Tất Cả Các Mục Trên Tạo Ra Để Cho...

by Admin - Comments: 0 - Xem: 365
Không có bài viết mớiIcon 1
15092011
Sau khi đã đọc phần trên, bạn đã biết thế nào là thẻ HTML và cấu trúc chung của một file HTML. Sau đây chúng ta sẽ cùng tạo ra file HTML đầu tiên.

1. Mở Notepad của Windows hay bất kỳ một trình soạn thảo văn bản nào có thể tạo ra những văn bản trơn (plain text). Nếu bạn dùng Microsoft Word thì phải lưu trữ ở dạng ASCII.

2. Bạn hãy nhập những dòng văn bản sau

<html>

<head>

<title>Chân trời tri thức - Internet today </title>

</head>

<body>

Chào mừng bạn đã tham gia chuyên mục...

by Admin - Comments: 0 - Xem: 332
Không có bài viết mớiIcon 1
15092011
Bài học

Khi trình bày một trang Web, có lúc cần nhấn mạnh, hay để tạo sự khác biệt, bạn cần phải hiển thị văn bản ở các dạng đậm, nghiêng, gạch chân... HTML có các tag định dạng kiểu chữ để giúp bạn.

HTML Kết quả
<u>Ðây là tag gạch chân</u> Ðây là tag gạch chân
<i>Ðây là tag nghiêng </i> Ðây là tag nghiêng
<tt>Ðây là tag chữ đánh máy</tt> Ðây là tag chữ đánh máy
<b>Ðây là tag đậm </b> ...

by Admin - Comments: 0 - Xem: 367
Không có bài viết mớiIcon 1
15092011
1. Bài học

Khi trình bày một trang Web, đôi khi bạn phải cần đến các tiêu đề theo các kích cỡ, phông chữ khác nhau. HTML có các tag để thực hiện việc này.

Ðể tạo một tiêu đề chúng ta dùng

<hx> Tên tiêu đề <hx>

Trong đó x là một số có giá trị từ 1 đến 6 chỉ kích cỡ tiêu đề. Sau đây là ví dụ cho các cỡ của tiêu đề.

Tiêu đề cỡ 1 <!-- H1 cỡ 36 -->

Tiêu đề cỡ 2

Tiêu đề cỡ 3

Tiêu đề cỡ 4

Tiêu đề cỡ 5

Tiêu đề cỡ 6.

4.2.Thực hành

Thêm các tiêu đề vào...

by Admin - Comments: 0 - Xem: 317
Không có bài viết mớiIcon 1
15092011
1.Bài học

Phần này trình bày về cách hiển thị các đoạn văn trong đó có cả các khoảng trắng và dấu xuống dòng.

Như bạn đã biết trong các phần trước, trình duyệt bỏ qua các dòng trắng, dấu hiệu xuống dòng khi ta soạn thảo. Tuy nhiên bạn vẫn có thể hiển thị được văn bản như lúc bạn nhập vào bằng cách sử dụng tag <pre>

Ví dụ

<pre>

Khi bạn muốn trình duyệt Web hiển thị đúng như bạn soạn thảo, bạn nhớ dùng tag <pre>

Bạn có thể xuống dòng.

Bạn có thể dùng dấu cách thoải mái....

</pre>

by Admin - Comments: 0 - Xem: 315
Không có bài viết mớiIcon 1
15092011
1.Bài học

Ðể làm cho một khối văn bản nổi hơn, ví dụ một đoạn trích dẫn, một lời khuyên... và làm cho trang Web của bạn trình bày được đẹp hơn, chúng ta sử dụng tag <blockquote>

Ðoạn văn bản nằm trong cặp tag <blockquote> và </bockquote> sẽ được trình bày thụt vào so với phần thân văn bản.

Ví dụ để nhìn thấy đoạn văn bản như sau:

Bạn phải viết như sau:

Khi cần trình bày một đoạn văn bản lùi sâu vào bên trong so với toàn bộ văn bản để đoạn văn bản...

by Admin - Comments: 0 - Xem: 346
Không có bài viết mớiIcon 1
15092011
1.Bài học

Ðôi khi trong trang Web của bạn có các ký tự đặc biệt, chẳng hạn như ký tự không phải là tiếng Anh, một dấu nhấn... HTML quy định việc hiển thị các ký tự đó như sau

&XXXX;

trong đó XXXX là tên mã cho các ký tự đặc biệt đó. Bạn có thể xem Danh sách các ký tự đặc biệt này để biết thêm chi tiết.

Ví dụ nếu trong phần body có đoạn như sau:

<h2 align=center>&gt;&gt;&gt;&AElig;&ntilde;&THORN;&oacute;&szlig;&yuml; </h2>

Thì kết quả trên trình duyệt là:

by Admin - Comments: 0 - Xem: 326
Không có bài viết mớiIcon 1
15092011
1.Bài học

Sau khi học các bài trước chắc bạn vẫn còn thắc mắc, sao trang Web của mình xấu tệ, không giống các trang trên Internet mà bạn đã từng xem qua.

Bình tĩnh đi bạn ạ, Sau khi học bài này, bạn sẽ có thể đưa hình ảnh vào trang Web của mình và bạn sẽ cảm thấy trang Web của mình cũng thật hấp dẫn.

Ðể đặt một hình ảnh vào trong trang Web của mình bạn dùng tag sau

<img src = "Tên ảnh">

Trong đó "Tên ảnh" là tên của một file ảnh ở cùng folder với file HTML của bạn.

Ví dụ : Ðể chèn một ảnh có tên là anh1.jpg...

by Admin - Comments: 0 - Xem: 307
Không có bài viết mớiIcon 1
15092011
1.Bài học

9.1.a.Sắp xếp văn bản vào giữa trang

Trong các bài học trước, bạn thấy rằng trang Web của bạn chỉ được căn lề bên trái, và bạn muốn trình bày trang Web của mình đẹp hơn bằng cách sắp xếp các đoạn văn bản vào giữa trang, HTML có nhiều cách giúp bạn thực hiện điều này.

Cách thứ nhất: Bạn đặt đoạn văn bản cần sắp xếp vào giữa trang nằm giữa tag <center> và </center>

Ví dụ:

<center> Xin chuc mung ban </center>

sẽ cho kết quả như sau:

by Admin - Comments: 0 - Xem: 316
Không có bài viết mớiIcon 1
15092011
Ðiều thực sự làm cho Web nổi trội là khả năng tạo ra các mối liên kết đến các thông tin liên quan. Những thông tin này có thể nằm trong chính trang Web hay nằm ở các trang Web khác bao gồm hình ảnh, âm thanh, đoạn phim...

10.1. Liên kết tới một file cục bộ.

Bây giờ bạn bắt đầu tạo một liên kết từ trang Web của bạn đến một trang Web thứ hai. Liên kết này được gọi là cục bộ bởi vì trang Web thứ hai cũng cùng nằm trên một máy với trang Web đầu.

Ðể đơn giản trước hết bạn tạo một file HTML thứ hai và đặt nó cùng folder với trang mà bạn đã tạo ở các bài trước.

by Admin - Comments: 0 - Xem: 321
Không có bài viết mớiIcon 1
15092011
1. Bài học

Như bạn vẫn thường thấy trong các trang Web trên Internet, phần cuối mỗi trang thường có các thông tin về trang Web, chẳng hạn như:

ã Tiêu đề hay chủ đề của trang hiện thời

ã Ngày cập nhật gần đây nhất

ã Bản quyền

ã Tên và E-mail của tác giả của trang Web

...

Phần này gọi là footer của trang Web. Ðể thêm footer vào trang Web, HTML cung cấp cho chúng ta tag <address> và cách sử dụng như sau

<address>

...

<!-- các thông tin-->

...

by Admin - Comments: 0 - Xem: 320
Không có bài viết mớiIcon 1
15092011
12. Tạo các danh sách
1. Bài học

Danh sách được dùng để trình bày thông tin thành một dạng dễ đọc hơn. Chẳng hạn để tạo ra các bảng chỉ mục, nội dung của một dãy các tài liệu hay các chương.

HTML có hai kiểu danh sách, danh sách có thứ tự (ordered) và danh sách không có thứ tự (unorder).

Danh sách không có thứ tự.

Danh sách không có thứ tự có các mục bắt đầu bằng các "butllet" hoặc các ký hiệu đánh dấu ở trước. Ðể tạo ra danh sách không có thứ tự ta dùng các tag sau:

<ul>

<li>Chỉ...

by Admin - Comments: 0 - Xem: 1105
Không có bài viết mớiIcon 1
15092011
1.Bài học

Qua các bài học trước bạn đã biết cách thêm màu sắc cho nền và văn bản thông qua việc thiết lập các thuộc tính cho tag <body>. Trong bài này bạn sẽ học cách thay đổi màu sắc, kích thước, font chữ của phần văn bản trong trang Web của bạn.

13.1.a.Cỡ font

Khi muốn thay đổi cỡ font thì dùng

<font size = X> ... </font>

Trong đó X là cỡ font có giá trị từ 1 (nhỏ nhất) đến 7 (lớn nhất)

Ví dụ:

Cỡ font 1

Cỡ font 2

Cỡ font 3

...

Cỡ font 7

Ngoài ra...

by Admin - Comments: 0 - Xem: 371
Không có bài viết mớiIcon 1
15092011
1.Bài học

Từ khi học bài đầu tiên đến bây giờ, chắc nhiều khi bạn thắc mắc: "Tại sao trang Web của mình lại chỉ có hai màu đen và trắng, trong khi các trang Web mình nhìn thấy đều được trang trí rất đẹp". Xin bạn hãy yên tâm, bài này sẽ giúp bạn giải quyết thắc mắc đó.

14.1.a.Cơ bản về màu sắc

Trong một trình duyệt Web, bạn có thể sử dụng 256 màu để trang trí cho văn bản và nền. Mỗi màu được xác định bởi bộ ba Red-Green-Blue (RGB), các giá trị của R, G, B từ 0 đến 255 thể hiện cường độ của nó. Ví dụ khi cả ba có giá trị nhỏ nhất (R=0, G=0, B=0) thì...

by Admin - Comments: 0 - Xem: 335
Không có bài viết mớiIcon 1
15092011
1.Bài học

Trong các bài học trước, bạn đã học được cách tạo các siêu liên kết bằng hình ảnh. Bài này sẽ cung cấp cho bạn tạo ra nhiều siêu liên kết từ cùng một hình ảnh bằng cách chia hình ảnh đó thành các vùng, mỗi vùng liên kết tới một trang Web khác nhau. Trước hết mời bạn xem ví dụ sau :

- Với hình ảnh như sau :

- Sau khi được khoanh vùng và tạo các siêu liên kết, bây giờ, ảnh trên sẽ được liên kết tới nhiều trang Web khác, bạn hãy thử click vào các tên tương ứng trên ảnh...

by Admin - Comments: 0 - Xem: 351
Không có bài viết mớiIcon 1
15092011
1. Bài học

Việc trình bày trang Web theo dạng bảng sẽ làm cho trang Web của bạn chuyên nghiệp hơn. Với dạng bảng bạn có thể chia trang Web thành nhiều phần, bạn có thể áp dụng các kiến thức đã học để trang trí riêng cho từng phần...

Khi xây dựng bảng, bạn hãy nhớ quy tắc sau: bắt đầu từ ô cao nhất bên trái, tiếp theo xây dựng các ô của hàng đầu tiên, sau đó chuyển xuống hàng thứ hai, xây dựng các phần tử của hàng thứ 2...

--> --> --> --> ---> -->
|
----------------------------
|
--> -->...

by Admin - Comments: 0 - Xem: 326
Người Điều Hành
Không
Permissions in this forum:
Bạn không có quyền gửi bài viết
Bạn không có quyền trả lời bài viết

Đang truy cập Diễn Đàn này: 0 Thành viên, 0 Thành viên ẩn danh và 1 Khách viếng thăm

Các thành viên đang truy cập: Không


  • Bài viết mới Bài viết mới
  • Không có bài viết mới Không có bài viết mới
  • Bài viết mới [được ưa thích] Bài viết mới [được ưa thích]
  • Không có bài viết mới [được ưa thích] Không có bài viết mới [được ưa thích]
  • Bài viết mới [đã bị khoá] Bài viết mới [đã bị khoá]
  • Không có bài viết mới [đã bị khoá] Không có bài viết mới [đã bị khoá]
  • Thông báo Thông báo
  • Chú Ý Chú Ý
  • Thông báo khẩn Thông báo khẩn
Hôm nay: Tue Dec 12, 2017 12:17 am