Ngôn ngữ đánh dấu siêu văn bản

      200

I.Khái niệmHTML hay HyperText Markup Language là ngôn ngữ khắc ghi siêu văn bản, đó là một ngữ điệu thông dụng được định dạng để báo mang lại trình phê chuẩn Web – website Browser làm nỗ lực nào nhằm hiện thị một trang web trên màn hình máy tính.

Bạn đang xem: Ngôn ngữ đánh dấu siêu văn bản

Ngôn ngữ HTML ko phải là một ngôn ngữ lập trình, HTML hotline là ngôn ngữ chỉ vì chưng nó gồm các tập hợp nhỏ các nhóm ký tự theo một phép tắc mà họ dùng để nguyên lý kiểu dáng, vị trí, cách thức của văn bản, ảnh, âm nhạc hay bất...


*

CHƯƠNG 3: NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN HTML – HYPER TEXT MAKEUP LANGUAGE Khái niệmI. HTML tốt HyperText Markup Language là ngôn ngữ ghi lại siêu văn bản, đây là một ngôn từ thông dụng được định dạng nhằm báo mang đến trình chuẩn y Web – web Browser làm thay nào nhằm hiện thị một website trên screen máy tính. Ngữ điệu HTML ko phải là một ngôn ngữ lập trình, HTML điện thoại tư vấn là ngôn từ chỉ vị nó gồm những tập hợp nhỏ dại các nhóm ký kết tự theo một phép tắc mà bọn họ dùng để điều khoản kiểu dáng, vị trí, giải pháp th ức c ủa văn bản, ảnh, âm thanh hay bất cứ một đối tượng nào khác với sự links giữa chúng. Các trang viết bằng ngôn từ HTML có cấu tạo như sau: title là các dòng chú thích--> thông tin được đặt giữa hai vệt tag với là nội dung của trang web Một tài liệu HTML gồm hai phần hiếm hoi là phần đầu (head) với phần thân (body). Phần đầu tiềm ẩn những tin tức về tài liệu cùng không được hiển thị lên ở trên màn hình. Phần thân chứa đựng mọi thứ trình bày lên trên màn dường như là 1 phần của trang Web. Toàn bộ quá trình để ra đời một trang HTML phía trong cặp tag … . Bên phía trong cặp tag … là cặp tag … và sau đó là cặp tag … lưu ý: − Tag … được đặt tại giữa nhì cặp tag … chân thành và ý nghĩa của cặp tag … được sử dụng để nhấn dạng của một tài liệu và được hiển thị trên thanh tiêu đề của hành lang cửa số Browser − Tag chú giải được bao vì . Dòng văn bạn dạng giữa hồ hết tag này KHÔNG được hiển thị vào trang Web, tag này dùng để làm đặt những thông tin ghi chú hoặc lý giải làm rõ thêm ý nghĩa cho ngôn từ Môn học: thương mại dịch vụ điện tử với Ứng dụng mạng internet Trang 1 trang Web. Khi trang Web có tương đối nhiều thông tin với trở nên phức tạp thì họ cần phải áp dụng những tag này nhằm minh hoạ và chú giải Ý nghĩa của những Tag HTMLII. Những thẻ mở rộng trong phần thẻ tag và thẻ tag 1. A. Thẻ tag Đây là thẻ bao gồm yếu của tập tin dạng HTML, thẻ đánh dấu điểm bắt đầu và chấm dứt nội dung của một tập tin dạng html. Ví dụ: nội dung file gồm tất cả 2 phần là cùng b. Thẻ tag nội dung nằm giửa thẻ nầy là phần title của trang Web, thẻ này không hiển thị lúc trình phê chuẩn Web Browse phát âm tập tin html. Tên tiêu đề ra mắt tập tin  Phần mở rộng trong thẻ tag Trong nội dung thẻ tag rất có thể chứa những thành phần sau: − Thẻ tag dùng để khai báo một showroom cơ bạn dạng cho tập tin dạng html − Thẻ tag dùng để làm đặt thương hiệu tiêu đề mang lại tập tin dạng html − Thẻ tag dùng để làm chứa những thông tin không giống tập tin dạng html. C. Thẻ tag Đây là thẻ chứa nội dung chủ yếu của tập tin html Cú pháp ngôn từ của tập tin html được chèn tại phía trên  những thuộc tính của thẻ − BACKGROUND: cần sử dụng một tập tin hình ảnh làm nền cho website Môn học: dịch vụ thương mại điện tử với Ứng dụng internet Trang 2 Cú pháp nội dung của tập tin html được chèn tại đây Lưu ý: nền game phải bao gồm dạng thức *.gif xuất xắc *.jpg, nếu cần sử dụng trình ưng chuẩn Web mạng internet Explorer vẫn hổ trợ thêm dạng *.bmp. Mã nguồn chạy thử Chao mung cac ban den voi lop hoc Thuong mai dien tu va khoan thai Internet hiển thị trên trình coi ngó WebMôn học: thương mại điện tử cùng Ứng dụng InternetTrang 3 − BGCOLOR: Xác lập màu nền cho website Cú pháp nội dung của tập tin html được chèn tại trên đây Lưu ý: cùng với "#rrggbb" là quý hiếm hexadecimal (thập lục) red-green-blue.Hệ màu sắc được tùy chỉnh theo hệ thập lục phân Trình chăm bẵm Web Netscape rất có thể xác lập 140 màu sắc theo hệ thập lục như sau: màu sắc hiển thị Số thập lục phân color hiển thị Số thập lục phân aliceblue #F0F8FF antiquewhite #FAEBD7 aqua #00FFFF aquamarine #7FFFD4 azure #F0FFFF beige #F5F5DC bisque #FFE4C4 đen #000000 blanchedalmond #FFEBCD blue #0000FF blueviolet #8A2BE2 brown #A52A2A burlywood #DEB887 cadetblue #5F9EA0 chartreuse #7FFF00 chocolate #D2691E coral #FF7F50 cornflowerblue #6495ED cornsilk #FFF8DC crimson #DC143C cyan #00FFFF darkblue #00008B darkcyan #008B8B darkgoldenrod #B8860B darkgray #A9A9A9 darkgreen #006400 darkkhaki #BDB76B darkmagenta #8B008B darkolivegreen #556B2F darkorange #FF8C00 darkorchid #9932CC darkred #8B0000 darksalmon #E9967A darkseagreen #8FBC8F darkslateblue #483D8B darkslategray #2F4F4F darkturquoise #00CED1 darkviolet #9400D3 deeppink #FF1493 deepskyblue #00BFBF dimgray #696969 dodgerblue #1E90FF firebrick #B22222 floralwhite #FFFAF0 forestgreen #228B22 fuchsia #FF00FF gainsboro #DCDCDC ghostwhite #F8F8FF gold #FFD700 goldenrod #DAA520 gray #808080 green #008000 greenyellow #ADFF2F honeydew #F0FFF0Môn học: dịch vụ thương mại điện tử cùng Ứng dụng InternetTrang 4 Trình duyệt Web Netscape có thể xác lập 140 color theo hệ thập lục như sau: màu hiển thị Số thập lục phân màu sắc hiển thị Số thập lục phân hotpink #FF69B4 indianred #CD5C5C indigo #4B0082 ivory, #FFFFF0 khaki #F0E68C lavender #E6E6FA lavenderblush #FFF0F5 lawngreen #7CFC00 lemonchiffon #FFFACD lightblue #ADD8E6 lightcoral #F08080 lightcyan #E0FFFF lightgoldenrodyellow #FAFAD2 lightgreen #90EE90 lightgrey #D3D3D3 lightpink #FFB6C1 lightsalmon #FFA07A lightseagreen #20B2AA lightskyblue #87CEFA lightslategrey #778899 lightsteelblue #B0C4DE lightyellow #FFFFE0 lime #00FF00 limegreen #32CD32 linen #FAF0E6 magenta #FF00FF maroon #800000 mediumaquamarine #66CDAA mediumblue #0000CD mediumorchid #BA55D3 mediumpurple #9370DB mediumseagreen #3CB371 mediumslateblue #7B68EE mediumspringgreen #00FA9A mediumturquoise #48D1CC mediumvioletred #C71585 midnightblue #191970 mintcream #F5FFFA mistyrose #FFE4E1 moccasin #FFE4B5 navajowhite #FFDEAD- navy #000080 oldlace #FDF5E6 olive #808000 olivedrab #6B8E23 orange #FFA500 orangered #FF4500 orchid #DA70D6 palegoldenrod #EEE8AA palegreen #98FB98 paleturquoise #AFEEEE palevioletred #DB7093 papayawhip #FFEFD5 peachpuff #FFDAB9 peru #CD853F pink #FFC0CB plum #DDA0DD powderblue #B0E0E6 purple #800080 red #FF0000 rosybrown #BC8F8F royalblue #4169E1 saddlebrown #8B4513 salmon #FA8072 sandybrown #F4A460 seagreen #2E8B57 seashell #FFF5EE sienna #A0522D silver #C0C0C0 skyblue #87CEEB slateblue #6A5ACD slategray #708090Môn học: thương mại điện tử cùng Ứng dụng InternetTrang 5 Trình ưng chuẩn Web Netscape rất có thể xác lập 140 màu theo hệ thập lục như sau: color hiển thị Số thập lục phân màu hiển thị Số thập lục phân snow #FFFAFA springgreen #00FF7F steelblue, #4682B4 chảy #D2B48C teal #008080 thistle #D8BFD8 tomato #FF6347 turquoise #40E0D0 violet #EE82EE wheat #F5DEB3 trắng #FFFFFF whitesmoke #F5F5F5 yellow #FFFF00 yellowgreen #9ACD32 Trình để ý Web internet Explorer rất có thể xác lập 16 color theo tên thường gọi như sau: màu sắc hiển thị màu hiển thị color hiển thị màu hiển thị đen Silver Gray white Maroon Red Purple Fuchsia Green Lime Olive Yellow Navy xanh Teal Aqua − TEXT: ở trong tính này hướng dẫn và chỉ định màu cho văn phiên bản thường vào tập tin html Cú pháp câu chữ của tập tin html được chèn tại trên đây Lưu ý: biện pháp xác lập màu giống như BGCOLOR.Môn học: thương mại điện tử với Ứng dụng InternetTrang 6 Mã nguồn thử nghiệm Chao mung cac ban den voi lop hoc Thuong mai dien tu va rảnh Internet hiện trên trình duyệt Web − LINK, VLINK cùng ALINK: những thuộc tính này sử dụng chỉ định màu cho những dòng văn bản là đối tượng người tiêu dùng chủ mang lại mối nối liên kết. Trong các số đó LINK là link chưa coi VLINK là link đã xem ALINK là links đang xemMôn học: thương mại điện tử và Ứng dụng InternetTrang 7 Cú pháp nội dung của tập tin html được chèn tại đây Lưu ý: khoác định là LINK=blue (#0000FF), VLINK=purple (#800080) cùng ALINK=red (#FF0000). Cách thức xác lập màu giống BGCOLOR và TEXT − LEFTMARGIN: trực thuộc tính này dùng để canh lề trái. Cú pháp văn bản của tập tin html được chèn tại trên đây Lưu ý: X là một vài nguyên, được xem bằng số lượng px từ phía bên trái sang Mã nguồn kiểm tra Chao mung cac ban den voi lop hoc Thuong mai dien tu va nhàn hạ Internet hiện trên trình chu đáo WebMôn học: thương mại dịch vụ điện tử và Ứng dụng InternetTrang 8 − TOPMARGIN: trực thuộc tính này dùng để canh lề trên Cú pháp câu chữ của tập tin html được chèn tại đây Lưu ý: X là một trong những nguyên, được tính bằng số lượng px từ bên trên xuống bên dưới Mã nguồn kiểm tra Chao mung cac ban den voi lop hoc Thuong mai dien tu va thư thả Internet hiển thị trên trình săn sóc WebMôn học: thương mại dịch vụ điện tử và Ứng dụng InternetTrang 9 những thẻ khái niệm đoạn văn bản, kiểu chữ 2. Thẻ tag P: Định nghĩa đoạn văn bản. A.

Xem thêm: Tuyển Tập Nhạc Buồn Và Tâm Trạng Cho Người Thất Tình, Những Ca Khúc Buồn Và Tâm Trạng Nhất 2021

Cú pháp: ngôn từ đoạn văn bản Các thuộc tính của thẻ p.  − ... : toàn bộ nội dùng nằm giữa tag này sẽ tiến hành canh về bên phía trái lề trang web. Đây cũng chính là thẻ khoác định. − ... : toàn bộ nội dung nằm trong lòng hai tag này sẽ được canh giữa − ... : toàn bộ nội dung nằm trong lòng hai tag này sẽ được canh buộc phải Mã nguồn test Day la noi dung doan text Môn học: dịch vụ thương mại điện tử với Ứng dụng InternetTrang 10 hiển thị trên trình chăm chút Web Thẻ tag BR: dùng làm xuống dòng. B. Cú pháp: Mã nguồn chạy thử Day la noi dung doan text thu 1 Day la noi dung doan text thu 2 Day la noi dung doan text thu 3 hiện trên trình lưu ý WebMôn học: dịch vụ thương mại điện tử và Ứng dụng InternetTrang 11 Thẻ tag H: Quy định size của tiêu đề. C. Cú pháp: tiêu đề Trong đó: x =1,2,3,4,5,6. X càng nhỏ dại cỡ chữ càng lớn. Mã nguồn thử nghiệm Tieu de co chu lon nhat (H1) Tieu de teo chu lon thu nhì (H2) Tieu de teo chu lon thu bố (H3) Tieu de co chu lon thu tu (H4) Tieu de teo chu lon thu phái mạnh (H5) Tieu de teo chu nho nhat Môn học: thương mại dịch vụ điện tử với Ứng dụng InternetTrang 12 hiện trên trình lưu ý Web Thẻ tag B: Hiển thị chữ in đậm. D. Cú pháp: Phần chữ đậm Mã nguồn test Phan text chu khong lớn dam Phan text chu lớn dam hiển thị trên trình phê chuẩn WebMôn học: thương mại dịch vụ điện tử với Ứng dụng InternetTrang 13 Thẻ tag I: Hiển thị chữ in nghiêng. E. Cú pháp: Phần chữ nghiêng Mã nguồn thử nghiệm Phan text chu khong in nghieng Phan text chu in nghieng hiện trên trình lưu ý WebMôn học: thương mại điện tử và Ứng dụng InternetTrang 14 Thẻ tag U: Hiển thị chữ gạch chân. F. Cú pháp: Phần chữ gạch chân Mã nguồn chạy thử Phan text chu khong gach chan Phan text chu gach chan Môn học: thương mại dịch vụ điện tử cùng Ứng dụng InternetTrang 15 hiện trên trình thông qua Web Thẻ tag FONT: cơ chế font chữ. G. Cú pháp: một số trong những tên phông thông dụng: .VnTime; .VnTimeH; .VnArial; .VnArialH;.VnAvant; Mã nguồn chạy thử Môn học: thương mại điện tử và Ứng dụng InternetTrang 16 Phần text bao gồm font Arial theo chuẩn chỉnh Unicode, độ lớn chữ bằng 2, màu black Hiển thị bên trên trình cẩn thận Web Thẻ tag Sub: Hiển thị chữ nhỏ chỉ số dưới. H. Cú pháp: Phần chữ nhỏ chỉ số bên dưới Mã nguồn chạy thử Đối tượngChi so duoi hiển thị trên trình thông qua WebMôn học: dịch vụ thương mại điện tử với Ứng dụng InternetTrang 17 Mã nguồn thử nghiệm Phan demo font chu Arial theo chuan Unicode, co chu bang 3, mau doChi so duoi hiện trên trình phê duyệt WebMôn học: thương mại dịch vụ điện tử và Ứng dụng InternetTrang 18 Thẻ tag Sup: Hiển thị chữ nhỏ chỉ số trên. I. Cú pháp: Phần chữ nhỏ chỉ số trên Mã nguồn kiểm tra Đối tượngChi so duoi Môn học: thương mại dịch vụ điện tử và Ứng dụng InternetTrang 19 hiện trên trình chăm nom Web Mã nguồn thử nghiệm Phan kiểm tra font chu Arial theo chuan Unicode, co chu bang 3, mau xanhChi so tren Môn học: dịch vụ thương mại điện tử và Ứng dụng InternetTrang 20