Các Bạn Vui Lòng Chờ Trong Giây Lát Đang tải dữ liệu Từ ITnguyenHuy...
Thứ Ba, 11 tháng 9, 2012 - 0 nhận xét

Hướng Dẫn học HTML Bài 1

PHẦN I
BÀI 1 : CÁC TAG (THẺ)
Những gì bạn cho trình duyệt biết là bắt đầu một tài liệu HTML (<HTML)và kết thúc tài liệu HTML(</HTML).Bây giờ chúng ta thực hiện:
Mọi tài liệu HTML cần một cặp tag HEAD,điều duy nhất chúng ta phải quan tâm đến các tag HEAD  bây giờ là các tag TITLE (tiêu đề trang WEB)
 Nội dung sẽ ở trong các thẻ BODY


Bây giờ lưu nó, khong phải là một tài liệu văn bản, mà là một tài liệu html (đuôi tên file.html).
Khi bạn thực hiện xong trang web đầu tiên của mình ,bạn có thể tải lên(upload) máy chủ của cả thế giớico thể xem trang web của bạn
Chú ý :hai điểm quantrọng trước khi bạn tiếp tục vào bài hai.Một là những gì bạn đã thực hiệnlà một tài liệu sườn HTML.Đây là những thông tin cần thiết tối thiểu cho một tài liệu web và tất cả những tài liệu webcó thành phần căn bản này.Hai là tiêu đề của tài liệu xuất hiện ở trên cùng của cửa sổ trình duyệt.

BÀI 2: HỌAT ĐỘNG CỦA TRÌNH DUYỆT
Trình duyệt không nhận ra định dạng .Trừ khi cho nó biết bằng định dạng khác, nó chỉ hiển thị các kí tự theo một dòng thông thường .Nếu bạn muốn bắt đầu từ một dòng mới bạn phải bắt đầu


Hey!What's
going
on
here??


<BR> chỉ bắt đầu một dòng mới.Tương tự với <br> là <P>.Nó không hòa tòan giống nhau,nhung nó ngắt dòng ,sau đó bỏ một dòng
//souce and from
Một vấn đề khác về các thẻ ngắt dòng : bạn không thể sử dụng chúng nhiều lần.Nói cách khác,ấn định <P><P><P> sẽ không tạo được 3 dòng trống .Trình duyệt sẽ không nhận biếthơn một khỏang trống . Sử dụng mã khỏang trống  vào trình duyệt có phần tiện lợi hơn ->&nbsp;
Thử như sau:
// soucecode and from
Dấu "&" có nghĩa là chúng ta bắt đầumột kí tự đặc biệt, dấu ";" có nghĩa là kết thúc một kí tự đặc biệt và chữ ở giữa là sắp xếp nó sử dụng .Có sáu kí tự đặc biệt bên dưới(lưu ý các ký tự đặc biệt này luôn luôn  là chử thường):
&nbsp;(không có khỏang trống ngắt
&lt;(<kí hiệu nhỏ hơn)
&gt;(> kí hiệu lớn hơn)
&amp;(& dấu và)
&quot;("dấu trích dẫn)
&shy;(-dấu gạch nối)
Trình duyệt sẽ hiển thị văn bảncủa bạn bằng dòng bình thường trừ khi bạn ấn định nó bằng cáchkhác như ngắt dòng ,vân vân.Nó sẽ làm giảm các vùng trống còn một khỏang trống .Nếu bạn muốn có nhiều khỏang trống ,bạn phải sử dụng mã khỏang trống (&nbsp;).Sau là các thông tin chọn lọc mà chúng ta chưa đề cập đến:Nếu bạn Return(hoặc enter),trình duyệt đó sẽ diễn dịch bằng một khỏang trống trừ khi có một khỏang trống ở đó rối


Something
really
cool
like
an
icecube!

Kế đến là một thẻ nhỏ rất hữu  dụng .Tự nó sẽ giải thích rõ


Something really cool

Bạn có thể căn giữa một từ hoặc cả trang của bạn.<CENTER> sẽ căn giữa mọi thứ
Bạn cò thể biết cách tạo nhiều dòng trống thật đơn giản.Tạo khỏang trống bằng ơột ngắt dòng cho mỗi dòng trống bạn muốn có
code
<BODY BGCOLOR="#FFFFFF">
Something really<BR>
 <BR>
 <BR>
 <BR>
 <BR>
 <BR>
cool
</BODY>

Something really





cool

Bây giờ chúng ta đưa các ảnh vào trang web.Chúng ta thực hiện như sau:
Bạn ấn định ảnh bằng thẻ<IMG>(ảnh)

<BODY BGCOLOR="#FFFFFF">
<IMG SRC="copper.gif" WIDTH=82 HEIGHT=68>
</BODY>

BÀI 3 : HỌAT ĐỘNG CỦA LIÊN KẾT
Nó thật đơn giản,chúng ta sẽ tạo liên kết với Yahoo.Bắt đầu như sau:

<BODY BGCOLOR="#FFFFFF">
Go to Yahoo!
</BODY>

Go to Yahoo!
Sau đó bổ sung cặp thẻ anchor.
_________________________
<BODY BGCOLOR="#FFFFFF">
Go to <A>Yahoo!</A>
</BODY>
_________________________
Go to Yahoo

Bổ sung URL để bạn được tiến hành .URL viết tắt của Universal Resouce Locator(dấu định dạng tài nguyên đồng nhất). Đó là cụm từ rất rộng mà người sử dụng máy tính phải quan tâm.URL chỉ là một địa chỉ
_______________________________________

<BODY BGCOLOR="#FFFFFF">
Go to <A HREF="http://www.yahoo.com/">Yahoo!</A>
</BODY>
________________________________________
Go to Yahoo!

Một liên kết điện thư(email) họat động bằng cách tương tự .Chúng chỉ sử dụng một địa chỉ emailthay cho một địa chỉ trang
____________________

<BODY BGCOLOR="#FFFFFF">
Send me <A HREF="mailto:huy@int.com.vn">Mail!</A>
</BODY>
___________________
Send me Mail!


Chúng ta co thể tạo một ảnh liên kết nếu muốn.Sử dụng thí dụ'Go to Ích Nam' ở trên,thay thế thẻ <IMG> bằng từ Ích Nam!
___________________

<BODY BGCOLOR="#FFFFFF">
Go to <A HREF="http://www.int.com.vn"><IMG SRC="H1.jpg" WIDTH=82 HEIGHT=68></A>
</BODY>
___________________
Go to  
BÀI 4 : ĐỘ PHÂN GIẢI
Chúng ta đã đề cậpvề điều tác văn bản,font, các ảnh,các liên kết.Đó là kỉ năng căn bản và bây giờ chúng ta đề cập đến độ phân giải màn hình  có độ phân giải 800 x 600 và một số sử dụng 1024 x 768
Rất cần thiết kiểm tra trang chủ của bạn ở độ phân giải khác nhau .Thận trọng khi điều chỉnh thủ công có thể rơi vào độ phân giải khác nhau.Bây giờ chúng ta khảo sát về hai công cụ định dạng có thể sử dụng .Thứ nhất là <BLOCKQUOTE>.Về cơ bản nó kéo lề của bạn ở cả hai bên
_______________________________________________
<BODY BGCOLOR="#FFFFFF">
<BLOCKQUOTE>
WE THE PEOPLE of the United States, in order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
</BLOCKQUOTE>
</BODY>
_________________________________________________














WE THE PEOPLE of the United States, in order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
Một công cụ rất hữu dụng khác là LIST.Các danh sách theo thứ tự và không theo thứ tự
 Danh sách theo thứ tựDanh sách không theo thứ tự
1. Trần Minh Đạo* Lã tiến Huy
2. Lã tiến Huy* Trương Phú Tường
3. Nguyễn Văn Thưởng* Nguyễn Văn Thưởng
4. Trương Phú Tường* Trần Minh Đạo
------------//-------------
Giờ bạn đã biết tất cả các thẻ căn bản cần để tạo một trang Web.Còn thẻ nào khác không?còn,còn nhiềunhưng nó đã cung cấp cho bạn khỏang 70% các công cụ cần thiết để thiết kế trang web.Sau hki ban đã tìm hiểu qua các thẻ chính này,bạn có thể tìm hiểu một số hướng dẫn nâng cao hơn: TableForm, và Frames. Chúng sẽ cung cấp cho bạn 27% về những gì bạn cần biết.Còn 3% chắc các bạn không có dịp sử dụng hoặc các thẻ ấy dùng để sao chép các thẻ khác - nghĩa là thực hiện cùng chức năng tương tự.Hoặc các thẻ được sử dụng giới hạnvà cá biệt,bạn có thể bổ sung chúng sau
Khi tạo trang web của mình ,bạn sẽ cần tải chúng lên máy chủ Server là máy tính chạy chương trình Server để phân phối tài liệu cho bất kỳ ai yêu cầu chúng .Nếu bạn có kết nối Internet qua công ty hay nhà trường ,hỏi người điều hành hệ thống của bạncách để có được không gian trên Server ấy cho các trang của bạn..Nếu sử dụng Server cho nhà cung cấp dịch vụ Internet,hỏi họ về cách để có không gian cho các trang của bạn.Nếu bạn đang sử dụng AOL hoặc Compuserve,vân vân ,họ có thể có cách gửi các trang của bạn theo phương pháp của họ. Chỉ cần lưu ý về cách chuyển giao các file,chương trình tốt nhất để sử dụng là Cute FTP. Ưu điểm của chương trình này tạo cho chuyển giao các file giữa các máy tính thuận tiện như di chuyển chúng trên máy tính của bạn.
Cảm ơn các bạn đã theo dõi blog hahuyhoanglong!

0 nhận xét:

Đăng nhận xét

Liên Hệ Email

Bắc
Trung
Nam
piano
Guita
trống

* Required Create Email Forms

Recent Posts

Danh Mục Bài Viết!!!