| | HTML căn bản :D |  |
|
|
| Tác giả | Thông điệp |
|---|
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
|  Tiêu đề: HTML căn bản :D  Thu Feb 28, 2008 9:00 am | |
| Học tập sư phụ nên đệ tử cũng pót một cái gì ...căn bản lên đây, nhở!
-----------
HTML là ngôn ngữ cơ bản nhất của tất cả các website. Kể cả những trang web động được viết bằng PHP nhưng trong nó vẫn có code HTML. Do vậy dù cho bạn có thể sở hữu trong tay những chương trình làm web WYSIWYG hàng đầu như: Frontpage và Dreamweaver, nhưng điều đó vẫn chưa phải là đầy đủ nếu bạn không biết chút gì về HTML.
Vậy tại sao bạn phải học HTML trong khi những chương trình như Microsoft Frontpage và Dreamweaver hỗ trợ bạn tất cả? Câu trả lời là nếu bạn muốn đi được xe máy thì trước tiên bạn phải nên biết một chút gì về nó đã. Chí ít thì bạn cũng phải biết ống xả để làm gì, bình xăng ở đâu, CDI là cái gì, bình acquy để ở đâu, hệ thống xi nhan ... Bởi vì nếu bạn chỉ biết nhảy lên xe và phóng vù vù mà ngay cái ống xả cũng chẳng biết nó có công dụng gì thì đến khi xe máy bị hỏng bạn lại phải mang ra hiệu để người ta làm hộ mà trong khi đó bạn chỉ cần chú ý một chút là có thể tự mình giải quyết rồi.
Đó chính là điều tôi muốn! cho dù bạn có thể dùng Frontpage hoặc Dreamweaver để thiết kế web. Nhưng ngôn ngữ căn bản của nó là HTML thì bạn vẫn phải biết để hiểu rằng tại sao ở đây lại là thẻ table hoặc tại sao ở đây lại dùng thẻ style thay vì dùng thẻ font...
Được sửa bởi sarah ngày Thu Feb 28, 2008 9:11 am; sửa lần 1. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:05 am | |
| Một file có định dạng HTML là gì?
- HTML là chữ viết tắt của Hyper Text Markup Language (Ngôn ngữ hiển thị siêu văn bản). - Một file HTML là một file text bao gồm những tag nhỏ Bạn có muốn thử không?Nếu bạn sử dụng Window hãy mở Notepad, nếu bạn sử dụng Mac mở ứng dụng Simple Text. Với OSX bạn mở TextEdit và thay đổi lựa chọn sau: Select (trong cửa sổ preference) > Plain Text thay vì Rich Text và chọn "Ignore rich text commands in HTML files". Việc này rất quan trọng bởi vì nếu bạn không làm vậy thì code HTML có thể không đúng. Sau đó bạn gõ vào những dòng sau: - Code:
-
<html>
<head>
<title>Why have to have a reason?</title>
</head>
<body>
<b>Bài viết giới thiệu về HTML</b>
</body>
</html>
Lưu file lại với tên là "mypage.htm" vào desktop cũng được. Sau đó bạn đóng trình soạn thảo Notepad hoặc Simple Text lại và tìm đến file mypage.htm ở desktop rồi nhấp đúp vào trình duyệt sẽ hiển thị nội dung của trang.
Được sửa bởi sarah ngày Thu Feb 28, 2008 9:19 am; sửa lần 2. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:09 am | |
| Bài mình pót đâu mất roài, sao trong cái trả lời vẫn là 3 mà lại ko thấy bài đâu nhỉ | |
|
| | |
Admin
Admin
Tổng số bài gửi : 39
Join date : 21/02/2008
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:23 am | |
| Có j sai ko ta? - Code:
-
[color=#000000][font=Courier New][color=#007700] tại sao lại là ngoặc [] nhỉ?  HTML thì phải là <...> chứ | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:30 am | |
| tớ pót nó trong cặp thẻ code, nhưng mà vì mớ html bên trong đó được định dạng (như trên) nên cái trình duyệt nó tự sinh ra 1 đống mã kiểu đó bên trong thẻ code. Chứ không phải tớ viết như thế (=> em vô tội ) | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:32 am | |
| Giải thích ví dụ trên:
Thẻ đầu tiên trong tài liệu HTML là html. Thẻ này nói cho trình duyệt biết đây là điểm khởi đầu của một tài liệu HTML. Thẻ cuối cùng của tài liệu là /html, thẻ này nói cho trình duyệt biết đây là điểm kết thúc của văn bản.
Đoạn chữ nằm giữa hai thẻ head và /head là thông tin của header. Thông tin header sẽ không được hiển thị trên cửa sổ trình duyệt.
Đoạn chữ nằm giữa cặp thẻ title là tiêu đề của văn bản. Dòng tiêu đề này sẽ xuất hiện ở thanh trạng thái của trình duyệt web.
Đoạn chữ nằm giữa hai thẻ body là những gì nó sẽ thể hiện trên trình duyệt của bạn.
Đoạn chữ nằm giữa hai thẻ b và /b sẽ xuất hiện dưới dạng đậm
Phần mở rộng là HTM hay HTML?
Khi bạn lưu một văn bản dưới dạng HTML, bạn có thể sử dụng cả hai dạng là .htm và .html. Chúng ta đã sử dụng dạng .htm trong ví dụ trên. Lý do này bắt nguồn từ nguyên nhân ngày trước là có những phần mềm chỉ cho phép phần mở rộng có tối đa là 3 chữ cái. Với những phần mềm mới hiện nay chúng ta nghĩ sẽ tốt hơn nếu bạn lưu lại với phần mở rộng là .html
Một chú ý khi sử dụng trình soạn thảo HTML:
Bạn có thể dễ dàng chỉnh sửa một tài liệu HTML bằng cách sử dụng WYSIWYG (what you see is what you get = thấy gì có đó) như là Frontpage, Claris Homepage, Dream weaver hoặc Adobe PageMill thay vì bạn phải tự viết những cặp thẻ từ đầu đến cuối. Nhưng nếu bạn muốn trở thành một web master đầy kỹ thuật, tôi khuyên bạn nên sử dụng những trình soạn thảo text đơn giản để học và làm quen với cấu trúc câu lệnh của HTML. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:37 am | |
| Những câu hỏi thường gặp
Q: Sau khi tôi đã chỉnh sửa một file HTML, nhưng tôi không thể xem được kết quả ở trình duyệt. Tại sao vậy?
A: Bạn phải chắc rằng bạn đã lưu file đó với phần mở rộng là .htm hoặc .html, như ở ví dụ trên là mypage.htm.
Q: Tôi đã thử chỉnh sửa file HTML của tôi nhưng lại không thấy thay đổi gì ở trình duyệt cả. Tại sao vậy?
A: Trình duyệt tự động cach trang của bạn do đó nó không phải đọc cùng một trang hai lần. Khi bạn thay đổi gì đó ở một trang, trình duyệt nó không thể nhận ra được những thay đổi đó. Sử dụng nút refresh hoặc reload của trình duyệt để bắt nó đọc lại những thay đổi bạn tạo ra.
Q: Tôi nên sử dụng trình duyệt nào?
A: Bạn có thể thực tập tất cả những bài thực hành trong phần này với những trình duyệt thông dụng như Internet Explorer, Mozilla, Netscape hoặc Opera. Tuy nhiên, một vài ví dụ trong phần nâng cao đòi hỏi bạn phải có phiên bản mới nhất của trình duyệt.
Q: Tôi bắt buộc phải sử dụng Window sao? còn Mac thì sao?
A: Bạn có thể thực tập tất cả những bài thực hành trong phần này với hệ điều hành không phải là Windows như Mac. Tuy nhiên một vài ví dụ trong phần nâng cao đòi hỏi bạn phải có phiên bản mới hơn của Windows, như là Window98 hoặc Windows 2000. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 9:44 am | |
| Đợi tớ tìm được cách pót thẻ html mà trình duyệt nó hiển thị ra nguyên văn rồi pót nốt nhé , lâu lâu không học quên roài! | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:40 pm | |
| 1- < !-- (chú thích) -- >:
Để thêm những dòng chú thích trong file HTML, người ta dùng thẻ nầy. Nội dung văn bản nằm giữa < !-- và -- > sẽ được chương trình Browse bỏ qua. Cho phép có khoảnh trắng giửa -- và >, nhưng không được có khoảng trắng giửa Thí dụ: PHP Code: <HEAD>
<TITLE>The HTML ReferenceTITLE>
HEAD>
2- < !DOCTYPE >:
Thẻ nầy dùng ghi thông tin về version HTML áp dụng trong tài liệu Web. Thường đây là dòng đầu tiên trong file HTML.
Thí dụ:
PHP Code:
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
hay
PHP Code:
DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN">
3- < A >:
Đây là thẻ xác lập cho việc liên kết. Các thuộc tính của thẻ nầy như sau:
HREF:
Thuộc tính HREF chỉ định địa chỉ liên kết, dòng văn bản sau dấu = là địa chỉ đối tượng liên kết (được bao trong cặp ""). Dòng văn bản giửa dấu và là đối tược chủ của mối nối liên kết. Khi bạn kích mouse vào đối tượng chủ trong trình Browse, bạn sẽ được chuyển đến đối tượng liên kết.
Thí dụ:
PHP Code:
<A HREF="www.w3c.org">The HTMLib siteA> for updated info on the HTMLib.
Trong thí dụ, nếu bạn kích vào dòng "The HTMLib Site" . Bạn sẽ chuyển đến địa chỉ http://www.w3c.org
Bạn có thể thêm "#identifier" để chỉ định chuyển đến 1 vị trí được quy định sẳn trong đối tượng liên kết.
Thí dụ:
Thẻ PHP Code:
<A HREF="document.html#glossary">glossaryA>
defines terms used in the document.
Trong thí dụ, chọn "glossary" sẽ được chuyển đến tài liệu document.html, ngay tại vị trí tên glossary trong tài liệu nầy.
Thí dụ vài thẻ liên kết sau:
PHP Code:
<A HREF="http://..."> Liên kết với 1 Web Site.
<A HREF="ftp://..."> Với 1 Ftp Site.
<A HREF="gopher://..."> Với 1 Gopher server.
<A HREF="news:..."> Liên kết với 1 nhóm Tin.
<A HREF="mailto:...">
Với 1 địa chỉ gởi Mail. Liên kết nầy sẽ kích hoạt chương trình Mail và tự động điền địa chỉ vào mục To dùm bạn. Bạn có thể khai báo luôn cả chủ đề thư (?subject).
Thí dụ:
PHP Code:
<A HREF="mailto:susan@gmail.com?subject=The HTMLib is fantastic">link textA>
| |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:42 pm | |
| | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:44 pm | |
| 4- <ADDRESS>:
Dùng khi cần khai báo địa chỉ. Thí dụ: PHP Code: <ADDRESS>
Mr. Cosmic Kumquat<BR>SSL Trusters Inc.<BR>1234 Squeamish Ossifrage Road<BR>NY 12345<BR>U.S.A.
ADDRESS>
Khi hiển thị trong trình Browse sẽ có dạng:
Mr. Cosmic Kumquat
SSL Trusters Inc.
1234 Squeamish Ossifrage Road
NY 12345
U.S.A.
5- <APPLET>:
Chèn Applet Java vào trang Web. Có dạng tổng quát sau:
PHP Code:
<APPLET CODE="Applet.class" WIDTH=200 HEIGHT=150>APPLET>
Dòng lịnh nầy chỉ thị cho trình Browse nạp Applet có tên Applet.class (trong cùng thư mục với trang Web nầy), và chỉ định kích thước là 200 pixels rộng và 150 pixels cao.
Thí dụ:
PHP Code:
<APPLET CODEBASE="http://java.sun.com/JDK-prebeta1/applets/ NervousText" CODE="NervousText.class" width=400 height=75 align=center>
<PARAM NAME="text" VALUE="This is the Applet Viewer.">
<BLOCKQUOTE>
<HR>
If you were using a Java-enabled browser, you would see dancing text instead of this paragraph.
<HR>
BLOCKQUOTE>
APPLET>
Chỉ thị cho trình Browse nạp Applet ở địa chỉ htttp://java.sun.com/JDK-prebeta1/applets/NervousText/NervousText.class". Chỉ định kích thước là 400x75 pixels và canh giửa dòng. Nếu trình Browse hiểu Applet, dòng "This is the Applet Viewer." sẽ hiển thị và Applet tạo hiệu ứng cho dòng chữ nầy. Nếu trình Browse không hiểu Applet, nó sẽ bỏ qua nội dung của < APPLET > cũng như < PARAM> và chỉ hiển thị nội dung của <BLOCKQUOTE>
Applet có thể có các thành phần sau:
Trích:
[CODEBASE = URL]
[CODE = appletFile]
[NAME = appletInstanceName]:
[ARCHIVE = compressed file]
[ALT = alternateText]
[WIDTH = pixels]
[HEIGHT = pixels]
[ALIGN = alignment]
[VSPACE = pixels]
[HSPACE = pixels]
[ARCHIVE = URL to archive]
>
[alternateHTML]
|
CODEBASE=URL: Chỉ định điạ chỉ tuyệt đối của Applet.
CODE=appletFile: Chỉ định địa chỉ tương đối của Applet.
ALT=alternateText: Chỉ định dòng text sẽ hiển thị trong trường hợp trình Browse không hiểu Applet.
NNAME = appletInstanceName: Đặt tên cho Applet để phục vụ cho việc tìm kiếm.
WIDTH=pixels HEIGHT=pixels: Chỉ định kích thước cho Applet.
ALIGN=alignment: Dùng canh lề, có các giá trị sau: left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom.
VSPACE=pixels HSPACE=pixels: Chỉ định khoảng trống bao chung quanh Applet.
ARCHIVE=compressed file: Khai báo các file nén cần thiết của Applet để trình Browse tải về máy cá nhân, phục vụ cho việc đọc lại sau nầy. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:47 pm | |
| 6- <B>:
Thẻ làm đậm (bold) dòng văn bản nó chi phối. Thí dụ: The instructions <B>must be read </B> before continuing. Khi hiển thị sẽ có dạng sau : The instructions must be read before continuing. 7- <BASE>:Thành phần nầy dùng để chỉ định địa chỉ cơ bản cho các mối nối liên kết. Coi như đây là địa chỉ gốc để tìm các điạ chỉ khác. Thẻ <BASE> phải nằm dưới thẻ <HEAD>. Thí dụ: <BASE HREF="http://www.myhost.com/"> Chỉ định điạ chỉ " www.myhost.com" là điạ chỉ gốc cho tất cả các điạ chỉ tương đối khác. Ngoài ra còn có 1 thẻ mở rộng là dùng cho Netscape Navigator 2.0 và Internet Explorer 3.0 trở lên. Dùng chỉ định Frame mặc nhiên để nạp các đối tượng liên kết. Thí dụ: <BASE TARGET="default_target"> 8- <BGSOUND<:Liên kết trang Web với 1 file âm thanh, khi trình Browse hiển thị trang Web cũng đồng thời phát file âm thanh nầy luôn. File âm thanh kèm theo phải thuộc 1 trong các dạng thức: WAV, AU hay MIDI. Các thuộc tính của <BGSOUND>: SRC: Chỉ định điạ chỉ file âm thanh. LOOP=n: Chỉ định số dòng lập lại. Nếu n=-1 hay LOOP=INFINITE là cho lập liên tục. Thí dụ: <BGSOUND SRC="start.wav"> 9- <BIG>:Tăng kích thước font của đoạn văn bản so với font hiện hành. Thí dụ: This is normal text, with <B>this bit being big text</B>. Khi hiển thị sẽ là: This is normal text, with this bit being big text. | |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:49 pm | |
| 10- <BLOCKQUOTE>:
Dùng phân cách 1 khối văn bản để nhấn mạnh. Đoạn văn bản nầy được tách ra thành 1 paragraph riêng đồng thời chèn thêm khoảng trống phiá trên và dưới đoạn văn nầy. Đoạn văn nầy cũng được cho thụt vô so với lề trái.
Thí dụ:
In "Hard Drive", a former Microsoft project manager has said, <BLOCKQUOTE>"Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper tantrums"BLOCKQUOTE>
11- <BODY>:
Đây là thẻ chứa nội dung chính của file HTML. Dạng thức tổng quát như sau:
<BODY>
The rest of the document included here
BODY>
Các thuộc tính:
Trở lạiGROUND: Dùng chỉ định file hình ảnh làm nền:
<BODY Trở lạiGROUND="imagename.gif">
Rest of the document goes here
BODY>
Hình nền phải có dạng thức GIF hay JPG. Nếu dùng Internet Explorer sẽ hổ trợ thêm dạng BMP.
BGCOLOR: Xác lập màu cho nền:
PHP Code:
<BODY BGCOLOR="#rrggbb"> Rest of document goes here BODY>
Với "#rrggbb" là giá trị hexadecimal (thập lục) red-green-blue.
Internet Explorer có thể xác lập 16 màu theo tên như sau:
Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua.
TEXT: Thuộc tính nầy chỉ định màu cho văn bàn thường trong file.
<BODY TEXT="#rrggbb">
Rest of document goes here
BODY>
Các xác lập màu giống như BGCOLOR.
LINK, VLINK, và ALINK: Dùng chỉ định màu cho các dòng văn bản là đối tượng chủ cho mối nối liên kết. Trong đó LINK: Liên kết chưa xem, VLINK: Liên kết đã xem, ALINK: Liên kết đang xem.
Mặc nhiên là: LINK=blue (#0000FF), VLINK=purple (#800080), và ALINK=red (#FF0000). Cách xác lập màu giống BGCOLOR và TEXT.
<BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb">
Rest of document goes here
</BODY>
LEFTMARG-Canh lề trái.
Thí dụ:
<BODY LEFTMARGIN="40">
This document is indented 40 pixels from the left hand edge of the browser window
BODY>
TOPMARG-Canh lề trên.
Thí dụ:
<BODY TOPMARGIN="40">
This document is indented 40 pixels from the top hand edge of the browser window
BODY>
| |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:56 pm | |
| 12- <BR>:
Thẻ nầy dùng để ngắt một đoạn văn và xuống hàng mới. Thí dụ: <P> Mary had a little lamb<BR> It's fleece was white as snow<BR> Everywhere that Mary went<BR> SShe was followed by a little lamb. 13- <CENTER>:Tất cả text nằm trong thẻ nầy được canh giửa so với lề trái và phải. PHP Code: <CENTER>All this text would be centred in the pageCENTER>
14- <CODE>:
Dùng để nhập một dòng mã có định dạng ký tự riêng. Dòng mã nầy không được thực hiện mà sẽ hiển thị dưới dạng văn bản bình thường. Điều nầy là cần thiết khi cần minh hoạ một đoạn mã làm thí dụ.
Thí dụ: The formula is : <CODE>x=(-b+/-(b2-4ac)ẵ)/2a</CODE>.
Sẽ hiển thị : The formula is : Code:
x=(-b+/-(b2-4ac)ẵ)/2a
15- <COMMENT>:
Giống như thẻ <!-- và --> dùng để nhập những dòng ghi chú cho file HTML.
Đoạn text nằm giửa <COMMENT> và </COMMENT> sẽ không được hiển thị khi trình Browse đọc file.
<COMMENT>
This text won't render. I can say what I like here, it wont appear
</COMMENT>
16- <DIR>
Liệt kê các mục theo dạng cột danh sách có độ rộng 24 ký tự. <DIR> phải đi kèm với <LI> (list item).
17- <DIV>
So hàng Text theo lề
Thí dụ:
<DIV ALIGN="left">This text will be displayed left aligned in the browser window.DIV>
<DIV ALIGN="center">This text will be centred.DIV>
<DIV ALIGN="right">This text will be displayed aligned to the right of the browser window.DIV>
18- <EMBED>
Cho phép người soạn thảo chèn liên kết trực tiếp vào trang WEB.
Dạng tổng quát là: <EMBED SRC="_URL_">
Thí dụ:
<EMBED SRC="clouds.mid" WIDTH="145" HEIGHT="61">
19- <FONT>:
Thành phần chính là <FONT SIZE=value>.Giá trị values từ 1-7. Mặc nhiên FONT size là 3. Giá trị thay đổi tương đối là '+' hay '-' so với giá trị chuẩn.
Thí dụ:
<FONT SIZE=4>changes the font size to 4FONT>
<FONT SIZE=+2>changes the font size to BASEFONT SIZE ... +2FONT>
Thuộc tính:
COLOR = #rrggbb hay COLOR = color: Xác lập màu giống như BGCOLOR
Thí dụ:
<FONT COLOR="#FF0000">This text is red.FONT>
hay
<FONT COLOR="Red">This text is also red.FONT>
FACE=name [,name] [,name]: Chỉ định font chữ khi hiển thị text.
Thí dụ:
<FONT FACE=".VNTIME, .VNARIAL"> This text will be displayed in either .VNTIME hay .VNARIAL, depending on which fonts are installed on the browsers system. FONT>
| |
|
| | |
sarah
Tổng số bài gửi : 98
Join date : 21/02/2008
Age : 36
| | Tiêu đề: Re: HTML căn bản :D Thu Feb 28, 2008 11:57 pm | |
| Phù, xong, mệt! Anh em có gì cần bổ sung hay thắc mắc thì cứ bổ sung thắc mắc nhé! | |
|
| | |
kimdung
Tổng số bài gửi : 56
Join date : 02/03/2008
| | Tiêu đề: Re: HTML căn bản :D Mon Mar 03, 2008 12:20 am | |
| | |
|
| | |
Sponsored content
| | Tiêu đề: Re: HTML căn bản :D | |
| |
|
| | |
| | HTML căn bản :D | |
|
