Thông tin tài liệu
1 LẬP TRÌNH TRÊN NỀN WEB 2 Nội dung môn học Giới thiệu Ngôn ngữ HTML (HyperText Markup Language ) Style sheet (CSS) Java script ADO.NET (Ngôn ngữ lập trình C#) Giới thiệu Internet là mạng máy tính lớn nhất trên thế giới, được xem như là mạng của các mạng. World Wide Web là một tập con của Internet. World Wide Web gồm các Web Servers có mặt khắp mọi nơi trên thế giới Web server chứa thông tin mà bất kỳ người dùng nào trên thế giới cũng có thể truy cập được 3 Giới thiệu (tiếp) Mạng là một nhóm các máy tính kết nối với nhau. Internet là mạng của các mạng. Giao thức TCP/IP (Transmission Control Protocol/Internet Protocol) cung cấp việc kết nối tất cả các máy tính trên thế giới. 4 WWW hoạt động dựa trên 3 cơ chế để đưa các tài nguyên có giá trị đến với người dùng. Đó là: Giao thức: Người dùng tuân theo các giao thức này để truy cập tài nguyên trên Web. HyperText Transfer Protocol(HTTP) là giao thức được WWW sử dụng. Địa chỉ: WWW tuân theo một cách thức đặt tên thống nhất để truy cập vào các tài nguyên trên Web. URL được sử dụng để nhận dạng các trang và các tài nguyên trên Web. HTML: Ngôn ngữ đánh dấu siêu văn bản (HTML) được sử dụng để tạo các tài liệu có thể truy cập trên Web. Tài liệu HTML được tạo ra bằng cách sử dụng các thẻ và các phần tử của HTML. File được lưu trên Web server với đuôi .htm hoặc .html. 5 6 Ngôn ngữ HTML HTML là viết tắt của HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản). HyperText – Văn bản có thể kết nối đến văn bản khác. Sử dụng các “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định được cách biểu diễn trang web đến người sử dụng. Một tập tin HTML là một tập tin văn bản trong đó có chứa các thẻ đánh dấu. Các thẻ đánh dấu này sẽ giúp trình duyệt Web xác định cách trình bày trang Web. Một tập tin HTML phải có đuôi mở rộng là htm hoặc html. Một tập tin HTML có thể được viết trên một trình soạn thảo văn bản đơn giản. 7 Các bước để soạn thảo một tập tin HTML? Nếu đang sử dụng hệ điều hành Windows, hãy mở trình Notepad. Nếu là hệ điều hành Mac, hãy khởi động trình Simple Text. Trong OSX thì chọn trình TextEdit, nhưng phải có một số thay đổi như sau: mở mục chọn “Format” và sau đó chọn “Plain text” thay vì là “Rich text”. Mở cửa sổ “Preferences” phía dưới mục chọn “Text Edit” và chọn “Ignore rich text commands in HTML files”. Lưu ý rằng nếu không có những thay đổi trên thì đoạn mã HTML của bạn sẽ không thực hiện được. 8 Gõ vào trình soạn thảo như sau: <html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> Lưu tập tin với tên "mypage.htm". 9 Mở trình duyệt Internet đang sử dụng. Chọn mục “Open” (hoặc “Open Page”) trong mục chọn File của trình duyệt. Một hộp thoại sẽ xuất hiện.dẫn Chọn “Browse” (hoặc “Choose File”) và chỉ đường dẫn đến tập tin HTML đã tạo - "mypage.htm” – kích chọn vào tập tin này và nhấn “Open”. Bây giờ ta có thể thấy một địa chỉ xuất hiện trong hộp thoại, ví dụ như "C:\MyDocuments\mypage.htm”. Hãy kích chọn nút OK và trình duyệt sẽ hiển thị trang Web. 10 Giải thích ví dụ Thẻ đầu tiên trong tài liệu HTML là <html>. Thẻ này sẽ báo cho trình duyệt biết bắt đầu tập tin HTML. Thẻ cuối cùng của tài liệu là </html> Thẻ này sẽ báo cho trình duyệt biết đã kết thúc tập tin HTML. Nội dung giữa cặp thẻ <head> và </head> là những thông tin header. Những thông tin header này sẽ không được hiển thị trong cửa sổ trình duyệt. Trong cặp thẻ <title> sẽ là tiêu đề của trang. Tiêu đề này sẽ được hiển thị trên thanh tiêu đề của trình duyệt. Giữa cặp thẻ <body> là nội dung của trang web sẽ được hiển thị trong trình duyệt. Nội dung bên trong cặp thẻ <b> và </b> sẽ được in đậm. [...]... một thẻ 16 Các thành phần của HTML 17 Tài liệu HTML là những tập tin văn bản được cấu thành từ các thành phần HTML Các thành phần HTML được định nghĩa bằng cách sử dụng các thẻ HTML 18 Các thẻ HTML Thẻ HTML được dùng để tạo nên các thành phần HTML Thẻ HTML được bao quanh bởi hai ký tự < và > Các ký tự này được gọi là các dấu ngoặt góc Các thẻ HTML thông thường đi theo cặp, ví... trong HTML 29 Các thẻ quan trọng nhất trong HTML là các thẻ dùng để định nghĩa headings, paragraphs và line breaks Cách tốt nhất để học HTML là làm việc với các ví dụ Chúng tôi đã xây dựng cho các bạn một trình soạn thảo HTML rất tốt Với trình soạn thảo này, bạn có thể soạn thảo mã nguồn HTML, và kích vào nút kiểm tra để xem kết quả 30 Các thẻ HTML cơ bản Thẻ Mô tả Khai báo một tài liệu HTML. .. tính 21 Các thành phần HTML Xem xét ví dụ sau đây: Title of page This is my first homepage This text is bold < /html> 22 Đây là một thành phần HTML: This text is bold Thành phần HTML được bắt đầu bởi một thẻ bắt đầu element starts with a start tag: Nội dung của thành phần HTML là: This text is bold Thành phần HTML kết thúc bằng một... thay đổi tập tin của mình, thì trình duyệt không thể nào biết được.Hãy bấm nút refresh/reload trên trình duyệt để trình duyệt thể hiện lại trang của bạn 13 H: Tôi nên dùng trình duyệt nào? Đ: Bạn có thể dùng tất cả các trình duyệt, như là Internet Explorer, Firefox, Netscape, hay Opera Tuy nhiên, có một số ví dụ nâng cao mà bạn cần phải dùng các phiên bản mới nhất của trình duyệt Q: Máy tính của... hay HTML? Khi lưu một tập tin HTML, bạn có thể lưu với đuôi mở rộng htm hoặc html Trong ví dụ trước, ta đã lưu tập tin mypage với đuôi mở rộng là htm Lí do có thể là do thói quen cũ, trước đây thông thường hầu hết các phần mềm đều chỉ chấp nhận đuôi mở rộng gồm 3 chữ cái Đối với các phần mềm mới sau này, bạn nên sử dụng đuôi mở rộng là html thì an toàn hơn 11 Lưu ý với các trình soạn thảo HTML. .. tôi vẫn không thấy được kết quả trong trình duyệt của mình? Đ: Hãy chắc chắn rằng tập tin của bạn đã được lưu với một tên gọi và một đuôi mở rộng, như là "c:\mypage.htm" Và cũng chắc chắn rằng bạn phải chọn đúng tên này khi bạn mở nó trong trình duyệt H: Tôi đã chỉnh sửa tập tin HTML, nhưng tại sao những thay đổi này tôi không thấy được trên trình duyệt? Đ: Trình duyệt chỉ là nơi nơi thể hiện trang... tập tin HTML với các trình soạn thảo WYSIWYG (what you see is what you get) như là FrontPage hay Dreamweaver thay vì gõ trong một tập tin văn bản thông thường Mặc dù vậy, nếu bạn muốn trở thành một người phát triển web xuất sắc, thì lời khuyên là bạn nên sử dụng trình soạn thảo văn bản thông thường để ghi nhớ những cơ bản của HTML 12 Các câu hỏi thường gặp H: Sau khi soạn thảo một tập tin HTML, tại... nghĩa một thành phần HTML sẽ được in đậm 23 Đây cũng là một thành phần HTML: This is my first homepage This text is bold Thành phần này bắt đầu bởi thẻ , và kết thúc bởi thẻ Thẻ được dùng để định nghĩa thành phần HTML chứa nội dung của tài liệu HTML 24 Tại sao chúng ta sử dụng chữ thường để viết các thẻ? Chúng ta đã biết rằng các thẻ HTML không phân biệt... hành khác, như Mac chẳng hạn 14 Cấu trúc một tài liệu HTML HTML > … … < /html> HTML > 15 Các thành phần cơ bản của trang Web Các trang... ngang Chú thích 31 Thẻ Định nghĩa và cách sử dụng Thành phần này sẽ cho trình duyệt biết rằng đây là một tài liệu HTML 32 Thẻ Định nghĩa và cách sử dụng Dùng để khai báo phần nội dung của tài liệu Nó chứa toàn bộ nội dung của tài liệu (như văn bản, hình ảnh, màu sắc, đồ hoạ, …) 33 Ví dụ Nội dung của tài liệu < /html> 34 Các thuộc tính tuỳ . 1 LẬP TRÌNH TRÊN NỀN WEB 2 Nội dung môn học Giới thiệu Ngôn ngữ HTML (HyperText Markup Language ) Style sheet (CSS) Java script ADO.NET (Ngôn ngữ lập trình C#) Giới thiệu Internet. HTML. File được lưu trên Web server với đuôi .htm hoặc .html. 5 6 Ngôn ngữ HTML HTML là viết tắt của HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản). HyperText – Văn bản có thể. của HTML 18 Tài liệu HTML là những tập tin văn bản được cấu thành từ các thành phần HTML. Các thành phần HTML được định nghĩa bằng cách sử dụng các thẻ HTML. 19 Các thẻ HTML Thẻ HTML
Ngày đăng: 27/06/2014, 01:20
Xem thêm: Slide tổng quan về ngôn ngữ lập trình web: HTML doc, Slide tổng quan về ngôn ngữ lập trình web: HTML doc, Cách tạo đề mục trong HTML
