PHỤ LỤC A: CÁC TAG CỦA NGÔN NGỮ HTML

Một phần của tài liệu Website quản lý Album âm nhạc (Trang 61 - 69)

Music portal CHỨCNĂNG

PHỤ LỤC A: CÁC TAG CỦA NGÔN NGỮ HTML

<html>

<head>...</head> <body>...</body> </html>

Cấu trúc cơ bản cho mọi tài liệu HTML

<title>...</title> Tiêu đề Tài liệu: ở bên trong <head>...</head>

<!-- blah -->

Chú Thích: Các ghi chú và thông tin trong phần body nhng không đợc browser hiển thị

Nguyễn Văn Xuất

<body background = “Filename.gif">

Tập tin Cấu trúc Nền

Dùng một hình ảnh "lợp" kế nhau đầy trong trang web.

<body

TEXT=#XXXXXX LINK=#YYYYYY VLINK=#00HH00>

Định màu Văn bản và Siêu Liên kết

Định màu cho tất cả văn bản và siêu liên kết thành màu mong muốn.

<Hn>...</Hn>

<Hn align=center>...</Hn>

Tiêu Đề

Tiêu đề các mục có kích cở khác nhau, với n=1 to 6. Align=centerđể sắp tiêu đề vào giữa trang. <b>...</b> <i>...</i> <tt>...</tt> <u>...</u> <strike>...</strike> Kiểu chữ

Làm cho đậm, nghiêng, hay typewriter (chữđánh máy). Làm cho gach d ới vàgạch ngang

<address>...</address>

Địa chỉ: Văn bản ở cuối đợc in nghiêng <blockquote>...</blockquote>

Blockquote

Văn bản thụt vào trong cho các chú giải <pre>...</pre>

Văn bản Preformatted

Hiển thị dạng chữđánh máy giữ nguyên các khoảng trắng và dấu xuống dòng.

&xxxx; Ký tựĐặc biệt

Mã cho ký tựđặc biệt và các dấu phụ <blink>...</blink>

Nhấp nháy

Làm nhấp nháy văn bản ít đợc sử dụng. <font size=X>... </font>

Kích thớc Phông

Đổi kích thớc của đoạn văn với X=1-7. Cũng có thể sử dụng sự thay đổi kích thớc tơng đối (+1, +2, -1, -2, v.v...) so với trị<basefont=Z> hiện tại.

<big>...</big>

Kích thớc Phông

Đổi kích thớc phông lớn hơn hay nhỏ hơn kích thớc thông thờng.

Nguyễn Văn Xuất <small>...</small> <font color=#XXXXXX> ... </font> Màu Phông

Đổi màu đoạn văn đợc chọn với XXXXXX là mã màu hệ thập lục phân của trị màu RGB. <sup>...</sup>

<sub>...</sub>

Superscript/Subscript

Tạo superscript (ví dụ x3 + 2xy + y2 = 0) hay subscript (ví dụ H2SO4)

<p> Paragraph: Sang đoạn mới cùng với một dòng trống

<br> Line Break: Sang dòng mới, không thêm dòng trống

<hr>

<hr width=X size=X align=left|right noshade>

Hard Rule: Sang dòng mới và tạo một đờng phân cách. Thuộc tính thêm vào width cho biết độ rộng của đờng, với X là sốđiểm tuyệt đối hay "X%" làđộ rộng tơng đối so với cửa sổ browser;

size cho biết độ dày của đờng tính bằng điểm;

align chỉnh lềđờng về một phía nào đó của trang thay vìđể ngay giữa; noshade vẽđờng đặc không có bóng ba chiều

<center>... </center> <p align=center>... </p>

Chỉnh lềở giữa: Chỉnh tất cả vào giữa trang

<div align = left|center|right> ...

</div>

Division: Chỉnh mọi thứ về bên trái, vào giữa, hay về bên phải của trang

<table>...</table> <table border=X cellpadding=Y cellspacing=Z>... </table>

Bảng đơn giản vẽđờng viền cóđộ dày bằng một điểm đơn và các bức tờng chia cách các phần tử. Bỏ qua thuộc tính border, hay thiết lập border=0

tạo ra bảng không nhìn thấy đợc. Trị cho border

lớn hơn 1 làm dày hơn đờng viền quanh bảng/

cellpadding là số khoảng trắng (tính bằng điểm) giữa nội dung các phần tử và bức tờng của nó.

cellspacing xác định độ dày các bức tờng bên trong của bảng. <tr>đểđịnh nghĩa hàng trong

Nguyễn Văn Xuất <tr>...</tr> <td align=left|center|right valign=top|middle|bottom rowspan=X colspan=Y </td>

bảng và<td>đểđịnh nghĩa dữ kiện cho một phần tử. Các thuộc tính cho tag <td>để chỉnh lề theo hàng và cột bên trong một phần tử. Các thuộc tính rowspan vàcolspan có thể sử dụng để tạo các phần tửđợc mở rộng ra hơn so với một phần tử bình thờng. <ul><ol> <li><li> <li><li> </ul></ol> Danh Sách

Danh sách không có thứ tự<ul> tạo các mục có bullet, danh sách có thứ tự<ol> tạo các mục cóđánh thứ tự

<ul type=xxxx> <li type=xxxx>

Bullet cho Danh sách Không có thứ tự Định lại dạng bullet mặc định: • type=circle • type=square • type=disc <ol type=X> <li type=X>

Kiểu Đánh thứ tự cho Danh sách Có thứ tự Sử dụng các ký tự khác nhau cho danh sách:

• type=1 (1,2,3...) • type=A (A,B,C,...) • type=a (a,b,c,...) • type=I (I,II,III,...) • type=i (i,ii,iii,...) <ol start=i> <li value=j>

Giá trị Số cho Danh sách Có thứ tự

start bắt đầu đánh thứ tự từ một số nguyên d- ơng bất kỳ. value bắt đầu đánh thứ tự lại từ một trị mới.

<dl> <dt>

Danh sách Mô tả

Danh sách với các phần tử văn bản <dt> và phần định nghĩa thụt vào trong <dd>

Nguyễn Văn Xuất <dd> <dt> <dd> </dl> <img src="file.gif"> <img src="file.gif" alt="###" align=top|middle|bottom| left|right height=x width=y> Hình ảnh Inline

Hiển thị một hình bên trong trang web. src

(source) là tên, đờng dẫn, hay URL của tập tin hình; alt (alternative) là văn bản hiển thị cho các browser không đồ thị hay khi ngời sử dụng tắt việc nạp hình; alignđiều khiển vị trí của hình và văn bản quanh nó (top/middle/bottom chỉnh lề MộT dòng của văn bản theo sau;

left/rightđặt hình vào một bên trang còn bên kia là văn bản); height vàwidth là các chiều của hình tính bằng điểm.

<a href="file.htm"> hypertext</a>

Liên kết Siêu văn bản Cục bộ

Liên kết đến tài liệu khác trong cùng directory/folder.

<a href="data/file.htm"> hypertext</a>

Liên kết Siêu văn bản Cục bộ

Liên kết đến tài liệu khác trong directory/folder có tên là "data" nằm trong th mục có tài liệu HTML gọi

<a href="../file.htm"> hypertext</a>

Liên kết Siêu văn bản Cục bộ

Liên kết đến tài liệu khác trong directory/folder cao hơn một cấp so với th mục có tài liệu

HTML gọi URL

Uniform Resource Locator Địa chỉ các nguồn trên Internet <a href="URL">

hypertext</a>

Liên kết Siêu văn bản của Internet

Liên kết đến một Site Internet khác, đợc chỉđịnh bởi URL

a name="xyz"<...>

Anchor Đợc đặt tên

Đánh dấu một đoạn văn trong tài liệu bằng tên

"xyz"

Nguyễn Văn Xuất

<a href="file.htm#xyz"> hypertext</a>

Nhảy đến anchor đợc đặt tên trong cùng tài liệu hay trong tài liệu khác

<a href="url"> <img src="file.gif" border=0></a>

Liên kết Siêu Hình ảnh của Internet

Hình ảnh Inline hoạt động nh một siêu liên kết đến site đợc chỉđịnh bởi URL. Thêm thuộc tính

border=0để hủy bỏ hộp bao quanh hình ảnh <a href="mailto:

"doe@xyz.edu">... </a>

Liên kết Mail của Internet

Tạo một thông báo email đến địa chỉđợc chỉđịnh <img src="image.gif" usemap="#map_name"> <map name="map_name"> <area shape="rect" coords="x1,y1,x2,y2" HREF=URL> <area shape="rect" coords="x1,y1,x2,y2" HREF=URL> </map>

Bản đồ Hình ảnh Liên kết về phía Client Bản đồ hình ảnh liên kết đợc thông dịch bởi browser. ... có thểđặt mọi chỗ trong cùng tập tin hay trong tập tin khác. Các tọa độ làđỉnh trên bên trái vàđỉnh dới bên phải của vùng của một vùng vuông vức CÁC KÝ TỰĐẶC BIỆT TRÊN HTML KÝ TỰ Ý NGHĨA &Aacute Á &Agrave À &Aring Å

Nguyễn Văn Xuất &Atilde à &Auml Ä &Ccedil ầ &ETH é &Eacute &Ecirc &Egrave &Euml &Iacute í &Igrave ì &Iuml &Ntilde Đ &Oacute ĩ &Ograve ị &Oslash &Otilde ế &Ouml &THORN ị &Uacute Ú &Ucirc Û &Ugrave Ù &Uuml ĩ &Yacute í &aacute &acirc õ &agrave à &aring &atilde ó &auml &eth ð &eacute &ecirc &egrave &euml &iacute í &icirc ỵ &igrave ì &iuml ù &ntilde đ

Nguyễn Văn Xuất &oacute ĩ &ocirc ơ &ograve ị &oslash &otilde &ouml &szlig ò &thorn ỵ &uacute &ucirc &ugrave &uuml &yacute ý &yuml ÿ ASCII &#n (n la mã ASCII) &#65 A &#90 Z &#120 x .... ... Reserved HTML Characters &lt < &gt > &amp & &quot “ &reg đ &copy â MỤCLỤC

Lời nói đầu………..1 Chương1:các khái niệm cơ bản về ngôn ngữ HTML………..2

Nguyễn Văn Xuất

2. Ngôn ngữ HTML………2 Chơng II:Active Server Pages và ngôn ngữ lập trình trên ASP……..…… 7

1. Giới thiệu về ACTIVE SERVER

PAGES……… ..7

2. Ngôn ngữ lập trinh sử dung với

ASP………...9

Một phần của tài liệu Website quản lý Album âm nhạc (Trang 61 - 69)