Các lệnh căn bản trong ngôn ngữ HTML

Tài liệu Các lệnh căn bản trong ngôn ngữ HTML giới thiệu các nội dung: tạo liên kết, các lệnh với chữ, tạo vùng ảnh, làm việc với trang, tạo table, tạo form, tạo frames, những câu hỏi thường gặp,... Đây là tài liệu tham khảo dành cho những người học lập trình.

Các lệnh ngơn ngữ html Mình xin mạn phép giới thiệu với bạn lệnh ngôn ngữ html : trang web viết ngôn ngữ HTML bắt đầu kết thúc Phần nội dung trang Web nằm phần I)Tạo liên kết -Tiêu đề(Title) cho trang web : Title cho trang -Liên kết thông qua text : Text hiển thị liên kết -Liên kết đến section trang thời : Tạo section:

Text miêu tả section.

-Text liên kết đến section: Text để liên kết tới setion -Liên kết thông qua picture: -Tạo liên kết gốc : II)Các lệnh với chữ : -Chữ đậm : Các chữ cần viết đậm -Chữ nghiêng : Các chữ cần viết nghiêng -Chữ gạch chân:Các chữ cần gạch chân -Tạo đoạn :

Các chữ đoạn

-Viết theo lề:

Các chữ đoạn văn

-Xuống dòng :Chữ cần viết dòng -Chữ ngăn cách gạch ngang : Các chữ ngăn cách với dòng gạch ngang -Định kích cỡ độ dài dịng gạch ngang : Text -Tạo heading: dòng tiêu đề # có giá trị nhỏ dần đến -Tạo thích: -Tạo pre-formated: Đoạn văn chế độ pre-formated - Chữ bị gạch ngang III)Tạo vùng hình ảnh Tạo image-map (vùng hình ảnh) : Đặt tên cho vùng Xác định toạ độ cho vùng hình dạng : với x,y,z,t số nguyên toạ độ ; SHARP có dạng "RECT","POLY","Circle" HREF="URL" có nhiệm vụ tạo liên kết đến URL ta ấn vào vùng chọn IV)Làm việc với trang: -Tạo mầu nền: với rr,gg,bb số tương ứng với tỉ lệ màu đỏ , xanh , xanh dương -Lấy ảnh làm : khai báo phần body : background="tên hình ảnh nền" V)Tạo table: -Tạo table: Nội dung bảng -Tạo cột : Nội dung cột -Thêm nội dung cột : Nội dung -Tạo heading : heading -Kích thước lề: -Độ rộng cột: -Tạo tiêu đề: tiêu đề -Căn giá trị : có kiểu: LEFT,RIGHT,CENTER VI)Tạo form: (Form chứa thông tin để gửi tới server ) -Tạo form: Trong ACTION="_URL_" server cần gửi thông tin đến METHOD="METHOD" phương thức gửi POST GET +POST gửi phần +GET gửi toàn -Chọn kiểu liệu cho form: -Kiểu liệu TEXT: name: Trong : SIZE kích thước text , maxlength độ dài tối đa chuỗi kí tự name tên form -Nhập form text dạng password: password: -Nhập form text dạng ẩn: hidden: -Tạo nút chọn kiểu YES-NO(tạo ô để ta đánh dấu lựa chọn):

Tiêu đề chọn lựa

YES

NO

-Tạo check box(có thể chọn nhiều mục cách đánh dấu) : Ví dụ tạo form lựa chọn kiểu computer mà bạn thích, chọn kiểu:

Type of Computer

PENTIUMII

PENTIUMIII

PENTIUMIV

-Tạo reset form : Form có nhiệm vụ xoá lựa chọn check box , đưa check box trở trạng thái ban đầu: Đặt form đằng sau check box:

-Gửi thông tin form tới server: Đặt form đằng sau check box:

-Tạo pop-up menus: pop-up menus form có dạng hộp check , ta ấn vào hộp mục hộp Dưới tạo pop-up cho form lựa chọn kiểu toán cho khách hàng

Kiểu toán Cash Cheque Creditcard

-Tạo list box: List box giống text box khác cách trình bày , danh sách lựa chọn Dưới tạo danh sách hệ điều hành cho khách hàng lựa chọn , khách hàng lựa chọn nhiều hệ điều hành :

Các hệ điều hành Chèn dòng trắng Xác định đường thẳng Xác định vùng thích Một vài ví dụ Các dạng đoạn văn Ví dụ giải thích thêm vài thuộc tính đoạn văn Line breaks Ví dụ giải thích cách sử dụng thẻ xuống hàng Vấn đề với chỉnh dạng thơ Ví dụ cho bạn thấy vài vấn đề chỉnh HTML Headings Heading lề Đường thẳng ngang Lời thích ẩn Ví dụ giải thích cách thêm đoạn thích vào mã nguồn HTML Màu Định dạng chữ HTML HTML dùng để định dạng văn ta làm với Word đậm, nghiêng gạch chân Dưới vài ví dụ bạn tự thử Một vài ví dụ Text formatting Preformatted text Ví dụ giải thích cách bạn điều khiển xuống hàng khoảng trống với Pre tag "Computer output" tags Địa Ví dụ hướng dẫn bạn cách tạo địa HTML Chữ viết tắt Ví dụ hướng dẫn bạn cách sử dụng kiểu viết tắt Hướng chữ Trích dẫn Chữ bị gạch ngang chữ chèn Muốn View source làm nào? Nếu bạn muốn xem mã nguồn trang web bạn cần nhấp chuột phải > View Source bạn xem cấu trúc trang Những thẻ dùng để định dạng văn Tag Mô Tả Định dạng chữ đậm Định dạng chữ lớn Định dạng kiểu chữ nhấn mạnh Chữ in nghiêng Chữ nhỏ Chữ đậm định dạng subscripted (chữ nhỏ) Đ5inh dạng superscripted (chữ lên cao) Dạng chữ chèn thêm Dạng chữ bị xóa Hết hỗ trợ Thay Hết hỗ trợ Thay Gạch "Computer Output" Tags Tag Mô Tả Định dạng code Kiểu keyboard text Kiểu sample computer code Kiểu teletype text Kiểu a variable Kiểu preformatted text Hết hỗ trợ Dùng thay Hết hỗ trợ Dùng thay Hết hỗ trợ Dùng thay Thẻ Citations, Quotations, Definition Tag Mơ Tả Kiểu tóm tắt Kiểu viết tắt Kiểu địa Kiểu chữ định hướng Kiểu trích dẫn dài Kiểu trích dẫn ngắn kiểu trích dẫn khác Kiểu định nghĩa Các ký tự đặc biệt HTML Một vài ký tự tương tự dấu nhỏ lớn > > & dấu & & " ngoắc kép " " ' ngoặc đơn ' (does not work in IE) ' Một vài ký tự khác Kết Loại Tên ký tự Số ¢ cent ¢ ¢ £ pound £ £ ¥ yen ¥ ¥ Đ section § § â copyright © © đ registered trademark ® ® ì nhõn × × ữ chia ÷ ÷ Liên kết HTML HTML sử dụng siêu liên kết để liên kết tài liệu khác trang web Ví dụ: Tạo đường siêu liên kết Ví dụ cho bạn cách tạo siêu liên kết Một đường link Ví dụ hướng dẫn bạn cách dùng hình làm đường liên kết Thẻ Anchor thuộc tính Href HTML sử dụng thẻ (anchor) để tạo đường liên kết đến tài liệu khác Thẻ anchor liên kết đến tài nguyên internet, chúng trang HTML, hình, file nhạc, phim v.v Cú pháp để tạo thẻ anchor Chữ bạn muốn đây Thẻ sử dụng để tạo điểm neo liên kết đó, thuộc tính href sử dụng để tài liệu liên kết đến, chữ xuất hai tag < > hiển thị dạng siêu liên kết Điểm neo sau xác định liên kết đến diễn đàn vietphotoshop.com Mời bạn vào diễn đàn VPTS Dòng code xuất sau trình duyệt Mời bạn vào diễn đàn VPTS Thuộc tính đích đến: Với thuộc tính đích đến, bạn xác định liên kết đến tài liệu khác mở đâu Dòng code mở tài liệu liên kết cửa sổ trình duyệt Mời bạn vào diễn đàn VPTS Thẻ anchor thuộc tính tên Thuộc tính tên sử dụng để tạo điểm neo đặt tên Khi sử dụng điểm neo đặt tên trước tạo đường liên kết mà người đọc nhảy trực tiếp đến phần cụ thể trang web, thay họ phải kéo xuống để tìm thơng tin Một dạng bookmark vậy! Dưới cú pháp điểm neo đặt tên trước: Chữ bạn muốn hiển thị đây Thuộc tính tên sử dụng để tạo điểm neo Tên điểm neo thứ bạn muốn Dịng code sau xác định điểm neo đặt tên trước  ... Windows, Window98 Windows 2000 Thành phần HTML Các dạng thẻ HTML  Thẻ HTML dùng để viết lên thành tố HTML  Thẻ HTML bao quanh hai dấu lớn < > nhỏ  Những thẻ HTML thường có cặp giống  Thẻ... trang page1.htm hiển thị frame thứ HOẶC Chương 1: HTML - HTML chữ viết tắt Hyper Text Markup Language (Ngôn ngữ hiển thị siêu văn bản) - Một file HTML file text bao gồm tag nhỏ - Những tag hiển... phần HTML bao gồm nội dung tài liệu Các thuộc tính thẻ HTML Những thẻ HTML có thuộc tính riêng Những thuộc tính cung cấp thơng tin thành phần HTML trang web Tag xác định thành phần thân trang HTML: