Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 11 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
11
Dung lượng
102,5 KB
Nội dung
TÌM HIỂU HTML PHẦN I NHỮNG KHÁI NIỆM I.HTML là gì ? HTML(hyper text markup language) ngôn ngữ đánh dấu siêu văn bản, nó giúp cho mọi người có thể tạo ra những trang web cho riêng mình một cách dễ dàng. Nói một cách đơn giản thì nó là một sự định dạng để báo cho Web browser làm thế nào để hiển thị một trang Web. Những tài liệu thật sự chỉ là những trang văn bản với những Tag (thẻ) đặc biệt hoặc những đoạn mã để một Web browser biết làm thế nào để thông dịch và hiển thị nó trên màn hình của bạn. II . HTML chuẩn và các phiên bản mở rộng : Từ khi được tạo ra đến nay ngoài những chuẩn html đã có, người ta còn sử dụng thêm một số phần mở rộng của nó. Những phần mở rộng này tăng cường thêm một số tính năng mới mà html chuẩn không có nhưng đồng thời nó cũng tương thích hoàn toàn với những tính chất sẵn có của HTML chuẩn. Sau đây là một số những html chuẩn và phần mở rộng của chúng. * HTML 1.0 *HTML 2.0 *HTML3.0 *Netscape extensions (phần mở rộng cho netscapes) *Internet explorer extensions (phần mở rộng cho internet explorer) *Java extension (phần mở rộng cho java) PHẦN II TẠO WEB VỚI HTML I.Tạo văn bản dạng web. Một văn được định trong html dựa trên các thẻ. các thẻ này sẽ định cấu trúc cho văn bản, thẻ được viết dưới dạng một cái tên trong dấu < >. vd. <h1>, <p>, <hr>, hầu hết các thẻ đều dùng theo cặp, nó giúp cho trình duyệt phân biệt được mở đầu và kết thúc của một phần tử hoặc một đoạn trong văn bản. vd. <h1> : bắt đầu một đoạn văn bản theo kiểu h1. </h1>: kết thúc một đoạn văn bản theo kiểu h1. ở đây ta không phân biệt chữ hoa hay chữ thường. Ngoài ra bạn cũng có thể định ra những ký tự đặc biệt bằng cách mở đầu ký tự đặc biệt bằng dấu “&” , sau đó là là ký hiệu và kết thúc bằng dấu “;”. Khi trình duyệt thấy những ký tự này, nó sẽ tự động thay những ký tự này bằng những ký hiệu tương ứng và xuất ra màn hình. II.Định cấu trúc cho văn bản . Mọi văn bản html đều bắt đầu bằng thẻ <html> và kết thúc bằng thẻ </html> đây là điều bắt buộc. Một trang html còn phải bao gồm phần đầu (header) và phần thân (body). Phần đầu đứng ngay sau thẻ <html>, bắt đầu và kết thúc bằng cặp thẻ <head>, </head>, phần này có thể là tên hoặc từ khóa của trang. Theo sau phần đầu là phần thân văn bản, được bao trong cặp thẻ <body>, </body> bao gồm những đoạn văn bản hay những đối tượng mà bạn muốn đưa lên trang web của bạn cho mọi người xem. Sau đây là phần khung chính của một trang html <html> <head> . . . </head> <body> . . . </body> </html> III.Thiết kế phần header của trang html. -2- Phần đầu tiên của một văn bản dạng html là header nó cung cấp những thông tin về văn bản cho web server. Mọi thông tin có trong header đều được bao trong cặp thẻ <head>, </head>, ngoài ra ta còn sử dụng được một số thẻ sau đây bên trong phần header. <title> tên của văn bản. <base> định ra url cơ sở cho trang <isindex> cung cấp cơ cấu tìm kiếm browser. <link> chỉ ra một liên kết đến một trang html khác. <meta> cho phép bạn đưa thêm những thông tin đính kèm về văn bản. <nextid> định ra những sự định danh kế tiếp được tạo ra, chỉ được sử dụng bởi trình soạn thảo html, browser không sử dụng thẻ này. 1.Tiêu đề của văn bản (title). Phần tên của một văn bản được mở đầu bằng thẻ <title> và kết thúc bằng thẻ </title>. Mỗi trang html chỉ có một tên và số ký tự không được vượt quá 65. Tên không cần có những cách định dạng hay là đánh dấu đặc biệt, nó chỉ đơn thuần là những ký tự mã ascii. Tên của một văn bản có thể được tham khảo bởi người dùng nên nó phải rõ nghĩa, dễ hiểu, bao hàm được ý nghĩa của toàn văn bản. Phần title của văn bản được đưa vào khung của một trang html như sau: <html> <head> <title> </title> </head> 2.Những liên kết cơ sở (base). Thông thường, để truy xuất file trên một server cục bộ bạn sử dụng một đường dẫn quan hệ (relative path). Khi sử dụng đường dẫn quan hệ để định vị một trang khác, có nghĩa là bạn đang định ra mối quan hệ của nó với trang hiện thời. Mặc dù đường dẫn quan hệ là cách thông thường nhất để truy xuất file, bạn vẫn có thể định một đường dẫn cơ sở cho tất cả những liên kết quan hệ trong văn bản của bạn. Sử dụng đường dẫn cơ sở, bạn có thể thông báo cho trình duyệt định ra những quan hệ của tập tin vào một đường dẫn rõ ràng và có thể chỉ đến một servser ở xa . Thẻ <base> chỉ được dùng bên trong phần head, và nó chỉ có một thuộc tính duy nhất là href. vd: <base href=“http://tvp.com”> -3- đường dẫn này sẽ thông báo cho trình duyệt để trình duyệt thêm địa chỉ http://tvp.com vào tất cả những liên kết trong văn bản. Định ra một đường dẫn cơ sở là rất tiện lợi, bạn sẽ thấy điều đó khi văn bản của bạn có thể dùng được 2 sự định vị khác nhau và bạn muốn liên kết chúng với văn bản như một sự định vị rõ ràng . 3.<ISINDEX>. Thẻ isindex được dùng để tìm kiếm tài liệu, để kích hoạt một isindex query, người sử dụng phải truy xuất một gateway script sinh ra văn bản html có chứa isindex đó. Khi người dùng gửi những yêu cầu về thông tin dưới dạng câu hỏi, một ulr (uniform resource locator) đặc biệt bao gồm đường dẫn đến script nguồn và thông tin mà người dùng đã vào sẽ được trả về cho gateway script xử lý. 4.<LINK>. Trong phần header thẻ <link> được dùng để định ra những mối quan hệ với các đối tượng khác. 5.<META>. Khi một trình ứng dụng của client yêu cầu một tài liệu html, server thông thường sẽ gửi văn bản kèm với một header. Header này là một phần của phần tử html head và nó chứa những thông tin mà client cần hiểu tài liệu. Khi bạn không muốn dùng header chuẩn này hoặc bạn muốn tạo header cho riêng bạn hay bạn muốn cung cấp thông tin cho client mà không sử dụng những phần tử chuẩn của html thì bạn có thể dùng thẻ <meta>, khi đó bạn có thể bỏ qua sự thêm vào của web server hoặc là thay đổi thông tin trong phần head của văn bản. Server lấy lại văn bản sẽ bao gồm những thông tin mà bạn thêm vào trong header để client sử dụng . thẻ <meta> có 3 thuộc tính -Content -Http_equiv -Name 6.<NEXTID>. Thẻ này chỉ đươc html editor sử dụng, trình duyệt không dùng thẻ <nextid>. Thẻ này chỉ có một thuộc tính là N IV.Thiết kế phần thân HTML. -4- Phần chính của một văn bản dạng web là body. Mọi thứ có trong phần thân văn bản đều nằm giữa cặp thẻ <body> và </body>. Có rất nhiều thẻ của html có thể sử dụng trong phần này. Những khóa chính để cấu thành một văn bản html cơ sở là heading và paragraphs. Phần lớn những văn bản cơ sở đều sử dụng những lời ghi chú, ký tự đặc biệt và các đoạn đề mục như là trích dẫn hay là địa chỉ. Sau đây là 5 thành phần chính của thân văn bản html. .Headings .Paragraphs. .Comments .Special characters .Additional text elements 1.Tạo tiêu đề . Sử dụng tiêu đề, bạn sẽ dễ dàng tổ chức ý tưởng của mình. Html cho phép bạn tạo ra những tiêu đề ở 6 mức kích cỡ chữ khác nhau, từ <h1> đến <h6>. Giống như các thẻ khác, các thẻ tiêu đề cũng được sử dụng theo cặp. vd: <h1> tiêu đề </h1> <h6>tiêu đề </h6> 2.Tạo một đoạn văn bản. Html dùng thẻ <p> để phân chia những đoạn văn bản. Khi trình duyệt thấy thẻ <p>, nó sẽ kết thúc dòng hiện tại, thêm một hàng trắng trước khi chèn vào đoạn ký tự hay những đối tượng theo sau thẻ <p>. Bạn có thể sử dụng hay bỏ đi thẻ kết thúc </p>. 3.Thêm lời ghi chú vào văn bản. Những đoạn ghi chú sẽ được điền vào giữa cặp thẻ “<!_” và “_>“, nó giúp cho bạn dễ dàng thay đổi hoặc sửa chữa văn bản của bạn. 4.Sử dụng những ký tự đặc biệt. Những ký tự đặc biệt còn được gọi là những thực thể . Trong html có 2 loại thực thể là thực thể ký tự và thực thể số. Thực thể ký tự để định nghĩa những ký tự đặc biệt. vd: { định ra nét phân cách dọc “|” ® định ra dấu mũi tên 2 đầu “< >“ -5- *Một số phần tử dạng ký tự khác. khi thêm vào heading, paragraph và những ký tự đặc biệt, một số văn bản web còn bao gồm những phần tử văn bản khác như -Addresses -Blockquotes -Preformatted text 4.1.Addresses. Thẻ <adresses> được dùng để chỉ rõ một đoạn văn bản có địa chỉ hoặc ký hiệu một trang <address> </address> 4.2.Blockquotes Thẻ blockquotes được dùng để chỉ ra một đoạn của văn bản có một đoạn trích dẫn. <blockquotes> </blockquotes> 4.3.Prefprmatted text. Thẻ <pre> cho phép bạn định dạng đoạn văn bản bên trong theo cách định dạng của các ký tự mã ascii . <pre> </pre> V. Thêm vào những đặc trưng cho trang web : Những nét đặc trưng bạn thêm vào cho văn bản sẽ giúp cho văn bản của bạn trở nên sáng sủa và đẹp mắt, những nét đặc trưng bạn có thể dùng như dấu ngắt hàng, đường kẻ ngang Để tăng thêm khả năng giao tiếp cho trang của bạn, bạn có thể tạo những liên kết với các văn bản khác trên web hoặc tạo ra những liên kết cục bộ để hướng dẫn người sử dụng trang của bạn. 1.Sử dụng dấu ngắt hàng và đường phân cách. Dấu ngắt hàng được dùng là thẻ <br>, nó báo cho trình duyệt sang hàng mới khi thấy nó. Đường kẻ ngang được dùng là thẻ <hr>, nó báo cho trình duyệt tạo ra một đường kẻ ngang văn bản khi thấy nó . -6- 2.Trang trí cho văn bản. Ngoài những mẫu chữ được tạo ra từ các mức của phần heading, html còn cung cấp cho bạn một số mẫu chữ khác, để sử dụng một mẫu chữ nào đó thì bạn phải gọi thẻ mẫu tương ứng. Có 2 loại mẫu chữ *Physical styles Thông báo cho trình duyệt cách định dạng các ký tự bên trong nó để xuất ra màn hình. Html version 2.0 cho chúng ta 4 loại chữ khác nhau. <B> chữ đậm</B> <I>chữ in nghiêng</I> <U>chữ có gạch dưới</U> <TI> chữ bình thường</TI> Bạn có thể sử dụng những thẻ trên lồng vào những thẻ khác hoặc lồng vào nhau. *Logical styles Loại này không bắt buộc trình duyệt phải định dạng đoạn văn bản bên trong theo cách theo cách nó chỉ định mà nó cho phép trình duyệt định dạng theo sự theo sự định dạng của cấu trúc trình duyệt . HTML 2.0 cung cấp cho ta 7 logical style .Tất cả những thẻ được cung cấp đều sử dụng theo cặp. +<EM>:báo cho trình duyệt đây là đoạn cần nhấn mạnh, thường được in nghiêng. <EM> </EM> +<STRONG> <STRONG> </STRONG> +<CITE>:báo cho trình duyệt đây là đoạn trích dẫn, thường được in nghiêng. <CITE> </CITE> +<CODE>:thông báo đây là một đoạn mã máy hoặc là một đoạn chương trình ví dụ, thường được in ở chế độ bình thường (font courie). <CODE> </CODE> +<KBD>: thông báo người dùng có thể nhập từ bàn phím, được in bình thường (font courie). <KBD> </KBD> +<SAMP>: thông báo đây là một mẫu các ký tự thường, được in theo font courie. <SAMP> </SAMP> +<VAR> :thông báo tên của biến được dùng trong chương trình máy, được in nghiêng. -7- <VAR> </VAR> 3.Sử dụng liên kết. Liên kết giúp cho trang web của bạn có thể giao tiếp với bên ngoài. Liên kết hoạt động như một con trỏ, chỉ đến các tài nguyên hoặc những file khác trên mạng. Sử dụng liên kết, bạn có thể kết nối văn bản, hình ảnh với trang của bạn, nét đặc trưng của liên kết là nó có thể định vị văn bản, hình ảnh hoặc các đối tượng ở mọi nơi trên mạng và bạn cũng có thể liên với các đối tượng không nằm trên web server cục bộ của bạn, liên kết đó được gọi là “Siêu Liên Kết”. Cách cơ bản để tạo một liên kết là <A HREF = “URL”> đối tượng mà người dùng có thể click vào </A> Thẻ mở đầu “<A “ chứa địa chỉ của đối tượng mà bạn muốn liên kết tới .Anchor có thề là đoạn văn, hình ảnh hoặc cả 2, là nơi mà người dùng có thể click vào để bắt đầu một liên kết . 4.Sử dụng đường dẫn quan hệ trong liên kết Bạn có thể truy xuất những file cục bộ (những file nằm trên web server cục bộ ) bằng cách sử dụng đường dẫn quan hệ .URLs cùng với những đường dẫn file quan hệ nói chung thường không đặt tên giao thức hay web server trong liên kết. Điều này là vì khi bạn dùng đường dẫn liên kết để định vị một file thì có nghĩa là bạn đang định vị file đó trong mối quan hệ với file hiện hành. Cho phép truy cập một file dựa trên mối quan hệ với file hiện hành có nghĩa là bạn đang đã sẵn sàng truy cập đến một file trên server đặc biệt. Bạn có thể sử dụng loại đường dẫn trên theo 3 cách sau. +Một file trong thư mục hiên hành. +Một file trong thư mục cha của thư mục hiện hành. +Một file trong thư mục con của thư mục hiện hành. 5.Sử dụng đường dẫn trực tiếp trong liên kết. Một cách truy xuất file khác được gọi là truy xuất trực tiếp. Bạn có thể truy xuất trực tiếp một file bằng cách chỉ ra đường dẫn hoàn chỉnh đến file mà bạn muốn truy xuất. Bạn phải chỉ rõ giao thức được dùng để truy xuất file trực tiếp trên web server không cục bộ, mà không cần làm như vậy với các file trên server cục bộ. Sau đây là 2 giải pháp để truy cập file trực tiếp . +Chỉ rõ đường dẫn đầy đủ đến file bao gồm cả giaothức truyền file. +Định ra đường dẫn đến file mà không định giao thức truyền file. -8- 6.Sử dụng những liên kết bên trong văn bản. Sử dụng những liên kết nội sẽ làm cho trang của bạn trở nên năng động hơn, khi bạn sử dụng liên kết nội thì bạn đã cung cấp cho người dùng những cách để truy xuất văn bản một cách nhanh chóng. Việc tạo ra một liên kết nội diễn ra qua 2 bước. +Trước hết , bạn phải định ra một liên kết với một từ khóa, sử dụng những thẻ cố định trong một khung thông thường đến những liên kết bạn thấy. <A HREF = “# từ khóa “> đối tượng có thể click chuột <A> +Bạn phải đặt nhãn cho sự định vị bên trong trang của mình nơi mà bạn cho phép người đọc có thể chuyển tới được. Việc này có thể làm bằng cách định nhãn cho thẻ <A NAME = “từ khóa”> với từ khóa bạn chọn trong khung. Sử dụng liên kết nội, bạn có thể tạo ra bảng chỉ mục cho văn bản của mình. Bạn cũng có thể sử dụng liên kết nội kết hợp với đường dẫn quan hệ hay đường dẫn trực tiếp. 7.Sử dụng danh sách (list). Danh sách là một trong những công cụ hữu dụng trong việc tạo ra bảng công cụ. Danh sách giúp bạn phân biệt rõ ràng và thêm vào vẻ thẩm mỹ cho trang của bạn. Bạn có thể dùng những list để làm tăng sự chú ý của người đọc. Có các loại list sau : +Bulleted lists. +Numbered lists. +Glossary lists 7.1-Bulleted lists. Mở đầu và kết thúc bằng thẻ <UL> </UL> , bên trong có thể sử dụng thêm thẻ <LI> 7.2-Glorssary lists. Được gọi là sự định nghĩa danh sách .Các thẻ dược dùng là <DL> </DL>,và có 2 thành phần. -Từ khóa gọi tên của sự định danh, dùng thẻ <DT> -Sự định danh gọi dữ liệu được định danh, dùng thẻ<DD> 7.3.Number lists. -9- Còn được gọi là danh sách có thứ tự. Nó sử dụng thẻ <OL> </OL>, bên trong có thể dùng thẻ <LI> cho từng đề mục. Khi trình duyệt thấy thẻ <LI>, nó sẽ làm 3 việc sau. -Bắt đầu hàng mới. -Phân chia đoạn text của danh sách đề mục. -Đặt những số thích hợp hoặc những ký tự vào phía trước của danh sách các đề mục . VI. Sử dụng những Alternate Protocol trong văn bản Web. Trong việc tạo web, HTTP không phải là giao thức duy nhất mà bạn có thể tham khảo, bạn có thể tham khảo một số giao thức khác. Sau đây là một số cách sử dụng giao thức trong văn bản của bạn. * FTP * Gopher * Mailto * NNTP and News *WAIS. 1.FTP Có rất nhiều file hữu ích ở các FTP sites trên toàn thế giới.Trang của bạn có thể có những liên kết đem về và sử dụng “giao thức truyền file”. Khung làm việc để sử dụng FTP là <A HREF = “ftp://host/path”> anchor text </A> 2.Gopher Thông tin về Gopher được đưa ra cho người sử dụng như là một trình điều khiển. Bạn có thể cho phép người sử dụng truy xuất gopher file bằng cách sử dụng một đoạn siêu văn bản tham khảo. <A HREF = “gopher://host/path”> anchor text </a> 3.Mailto. Bạn có thể sử dụng loại liên kết đặc biệt này để tạo một mối nối đến chương trình cho phép gửi e_mail . vd: <A HREF = “mailto:william@tvp.com”> send e-mail to the publisher </A> -10- [...]...4.NNTP và News Trongvăn bản web, bạn có thể tham khảo nhiều nhóm hội thảo trên internet bằng 2 cách -Sử dụng máy chủ thông tin cục bộ của người đọc -Theo đường Network News Transfer Protocol (NNTP) Để sử dụng máy thông tin chủ cục bộ cho việc tham khảo một nhóm thông tin, bạn chỉ cần chỉ ra tên nhóm news:tên nhóm thông tin mà bạn muốn tham khảo . một số những html chuẩn và phần mở rộng của chúng. * HTML 1.0 *HTML 2.0 *HTML3.0 *Netscape extensions (phần mở rộng cho netscapes) *Internet explorer extensions (phần mở rộng cho internet. trang html còn phải bao gồm phần đầu (header) và phần thân (body). Phần đầu đứng ngay sau thẻ <html>, bắt đầu và kết thúc bằng cặp thẻ <head>, </head>, phần này có thể là tên hoặc. <nextid>. Thẻ này chỉ có một thuộc tính là N IV.Thiết kế phần thân HTML. -4- Phần chính của một văn bản dạng web là body. Mọi thứ có trong phần thân văn bản đều nằm giữa cặp thẻ <body> và