THCSĐông Thọ - Yên Phong - Bắc Ninh
Nếu bạn là "khách viếng thăm" hãy click vào nút đăng ký để là thành viên. Còn nếu bạn là thành viên hãy click vào nút đăng nhập để vào Diễn Đàn

Cám ơn bạn đã ghé thăm Diễn Đàn THCS - Đông Thọ


Trang ChínhTRANG CHỦCalendarGalleryTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
HT_Computer Chuyên mua, bán, sửa chữa máy tính, máy in, máy pho to. Nhận bảo trì máy tính tại nhà. Mọi chi tiết xin liên hệ : ĐT: 0979949037 ( Yên phong - Bắc Ninh )
Chào mừng các bạn đã tham gia Diễn Đàn THCSDongtho, Chúc các bạn một ngày vui, khỏe, thành đạt !!! Diên Đàn đang trong quá trình thử nghiệm còn thiếu sót mong các bạn thông cảm. Xin cảm ơn
Danh muc
 Trang Chủ
 Diễn Đàn
 Thành viên
 Lý lịch
 Trợ giúp
 Tìm kiếm
Affiliates
December 2017
MonTueWedThuFriSatSun
    123
45678910
11121314151617
18192021222324
25262728293031
CalendarCalendar
Tuyển sinh : NV2,3 Hệ CĐ Chính quy các khối A,B,D1 các nghành của trường CĐ Công nghệ Bắc Hà.
Mon Oct 10, 2011 10:50 pm by Admin
HT_Computer Chuyên mua, bán, sửa chữa máy tính, máy in, máy pho to. Nhận bảo trì máy tính tại nhà. Mọi chi tiết xin liên hệ : ĐT: 0979949037 ( Yên phong - Bắc Ninh )


Comments: 0
Nội Quy Diễn Đàn
Sun Jan 23, 2011 8:51 pm by Admin
Nội Quy Diễn Đàn

TIÊU CHÍ CỦA DIỄN ĐÀN THCSdongtho.forumvi.com:

Diễn đàn là sân chơi chung cho tất cả thành viên trường Đông Thọ chúng ta về mọi lĩnh vực.
Bản nội quy này được thông báo công khai đến mọi người và là căn cứ để xử lý và giải quyết thắc mắc của thành viên.
Bài viết vi phạm có thể được …


[ Full reading ]
Comments: 0
Your first subject
Sun Jan 23, 2011 8:04 pm by Admin
Take some time to read this information before starting to use the administration of your forum:

How to access your administration panel ?
In the top menu, click on Log In, a new page is displayed. Fill in the username "admin" and the password you have choosen during your registration. If you have lost or forgot it, click here. Once you are logged in, click on the link "Administration Panel" at …

[ Full reading ]
Comments: 0

Share | 
 

 Hướng dẫn về thiết kế website cơ bản với HTML

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
loveparadise
Phó Giáo Sư
Phó Giáo Sư
avatar

Tổng số bài gửi : 204
Join date : 20/02/2011
Age : 20
Đến từ : Xóm chùa - Thọ Khê - Đông Thọ

Bài gửiTiêu đề: Hướng dẫn về thiết kế website cơ bản với HTML   Tue Mar 01, 2011 6:42 pm

Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theo với Windows. Ðó là một ASCII Editor. Viết xong, bạn hãy save nó vào một folder nào đó dễ nhớ. Tên của file này bắt buộc phải có tận cùng là .htm hoặc .html Ví dụ: start.htm. Ðể thưởng thức thành quả của mình, bạn hãy open file đó bằng một Browser.

Cấu trúc cơ bản

Một document HTML luôn bắt đầu bằng <html> và kết thúc bằng </html> (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa <html> và </html>). Nhờ có cặp TAG này mà Browser biắt được đó là HTML - document để trình duyệt. Những chữ đó chỉ để dành riêng cho Browser, người đọc chỉ nhận được những gì viết giữa cặp TAG <body> và </body>. Trong một document html, chú thích được dùng như sau:

<!-- Ðây là dòng chú thích, chỉ dành riêng cho bạn, browser bỏ qua dòng này -->

Như vậy một trang web viết bằng html sẽ có cấu trúc như sau:



<html>
<body>
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>

Một trang trống, không có nội dung với nền màu da cam sẽ được viết như sau:



<html>
<body bgcolor="orange">
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>

Enter your search terms Submit search form
Web www.thongtinlaptop.com



[Xem ví dụ]

Tất nhiên, một Homepage còn có nội dung (lời viết và hình ảnh):



<html>
<body bgcolor="beige">
<font face="Arial" size="2" color="black">
Chào bạn, đây là dòng chữ viết bằng font Arial, màu đen, cỡ 2
</font><br><br>
<font face="Verdana" size="3" color="navy">
Còn đây là dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ 3
</font><br><br>
<font face="Bodoni" size="4" color="red">
Dòng này lại là font Bodoni, màu đỏ, cỡ 4 </font><br>
</body>
</html>


face thể hiện cho mẫu chữ, size thể hiện cho cỡ chữ (số càng lớn thì chữ càng to) và color thể hiện cho màu sắc của chữ, #000000 là màu đen, #FF0000 là màu đỏ, #FFFF00 là màu vàng.

TAG <br> cho phép bạn chuyển sang dòng mới. Bạn có thể dùng nhiều <br> như bạn muốn. Cứ mỗi lần có <br> là một lần xuống dòng. Bạn có thạ dùng mouse phải gõ vào nền của một trang web nào đó rồi chọn source code để tham khảo xem nó được viết như thế nào. Ðấy là cách tốt nhất để khám phá ra những điều "bí mật" của các website đẹp.

[Xem ví dụ]

Như vậy là bạn đã có thể viết được một trang web đơn giản rồi đó. Một trang web bao giờ cũng có hai phần cơ bản là tiêu đề và phần thân. Tiêu đề luôn được viết to. Bạn có thể dùng size lớn hơn và cũng có thể dùng những TAG đã được định sẵn cho tiêu đề.





<html>
<body bgcolor="#000080">
<center>
<font face="Verdana, Tahoma, Arial" color="#ffffff">
<h1>Tiêu đề của trang web</h1><br>
<h2>Welcome to my Homepage!</h2><br>
<h3>Tiêu đề của trang web</h3><br>
<h4>Tiêu đề của trang web</h4><br>
<h5>Tiêu đề của trang web</h5><br>
<h6>Tiêu đề của trang web</h6><br>
</font>
</center>
</body>
</html>
<h1></h1> là to nhất và <h6></h6> là nhỏ nhất. Tiêu đề luôn nằm ở trung tâm của trang, vì vậy ta phải dùng thêm một cặp TAG nữa : <center></center> Tất cả những gì nằm giữa cặp TAG này đều được định hướng vào phía giữa của trang.

Trong ví dụ này, nền của trang là xanh nước biển (#000080) chữ màu trắng.

Bổ sung:

Trong một HTML Document, ngoài phần body còn có phần head, được viết bởi cặp tag <head></head>. Nếu bạn sử dụng cặp tag này, bạn bắt buộc phải viết thêm một cặp tag nữa, đó là <title></title> Giữa <title> và </title> là tên của trang web được browser trình bày phía trên cùng của menubar. Như vậy một trang web với "đầu" sẽ có cấu trúc như sau:



<html>
<head>
<title>Trang web dau tien cua toi</title>
</head>
<body>
Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn.
</body>
</html>



Trong "head" ta còn có thể đưa rất nhiều thông tin vào cho browser, search engine... Cái đó sẽ được đề cập đến trong một mục riêng


[http://www.thongtinlaptop.com] [print] [close]

Theo tư liệu của TANKER

_________________


Về Đầu Trang Go down
Xem lý lịch thành viên http://vn.360plus.yahoo.com/forever_only_love97/
 
Hướng dẫn về thiết kế website cơ bản với HTML
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Thiết bị trên boong
» Thiển cận...
» Danh mục thiết bị thông tin và liên lạc hàng hải
» Thiết bị buộc tàu (mooring equipment)
» Cung cấp máy móc,phụ tùng ,thiết bị thay thế máy thủy , ca nô...

Permissions in this forum:Bạn không có quyền trả lời bài viết
THCSĐông Thọ - Yên Phong - Bắc Ninh :: TIN HỌC :: Thiết kế Website-
Chuyển đến