Slide thiết kế lập trình chương 2 ngôn ngữ htlm

ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHAO CÔNG NGHỆ THÔNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM Bài  02: Ngơn ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt   Nội  dung                H TML   Các  tag                  b      ản                       Cấu        t    rúc                   t ài                 Giới                t    hiệu           liệu  HTML                 Tag      k      ẻ            b      ảng   HTML                 Tag          l    iên                 k ế                 Tag   danh                             trang   sách   CuuDuongThanCong.com https://fb.com/tailieudientucntt                                                     Giới  thiệu   Ngôn  ngữ  HTML   Ngôn  ngữ  HTML               CuuDuongThanCong.com https://fb.com/tailieudientucntt Giới thiệu ngôn ngữ HTML !  HTML  (HyperText  Markup  Language)   ! ! !   ! Ngôn  ngữ  đánh  dấu  siêu  văn  bản   Là  ngôn  ngữ  xây  dựng  trang  Web     Chứa       dẫn   cho   trình   duyệt   Web   hiển   thị   nội   dung  của  một  trang  Web   Một  trang  web  gồm  có  2  phần  chính:   ! ! Dữ   liệu     trang   web   (văn   bản,   âm   thanh,   hình   ảnh )   Các   thẻ   (tag)   HTML   dùng   để   định   dạng   mô   tả   cách   thức  các  dữ  liệu  trên  hiển  thị  trên  trình  duyệt   CuuDuongThanCong.com https://fb.com/tailieudientucntt Trình duyệt Trình soạn thảo code ! Trình  duyệt  web  (Browser)   CuuDuongThanCong.com ! Trình  soạn  thảo  (Editor)   https://fb.com/tailieudientucntt Công cụ soạn thảo code HTML ! Phần  mềm:  Sublime  Text   !  Link  download:  h3p://www.sublimetext.com/2   CuuDuongThanCong.com https://fb.com/tailieudientucntt                                         Cấu  trúc   Tài  liệu  HTML   Ngôn  ngữ  HTML               CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt Thẻ (Tag) HTML Dòng chữ in đậm !  ! ! !   !  Dữ  liệu     Tên  Tag  à  ln  mang  cnh  gợi  nhớ   ! Ví  dụ:  B  ~  Bold,  I  ~  Italic,  P  ~  Paragraph   Đơi  khi  khơng  cần  Tag  đóng  ,,,… Cú  pháp  chung    Dữ  liệu     Ví  dụ  :     !   Thuong  mai  Dien  tu  1   !   Thuong  mai   Dien  tu  2   CuuDuongThanCong.com https://fb.com/tailieudientucntt Thẻ (Tag) HTML Mã  HTML   Hiển  thị   Mã  HTML   Hiển  thị   Lưu  ý  :   •   Giá  trị  Thuộc  cnh  của  Thẻ  nên  đặt  trong  dấu  nháy  đơn  hoặc  nháy  kép   •   Khơng  phân  biệt  chữ  HOA  và  thường   •   Bỏ  qua  các  khoảng  trắng  thừa  và  các  dấu  ngắt  dòng,  xuống  dòng     CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt Định dạng theo cột CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) 79   Thẻ   Ý nghĩa   Văn Đầu đề cho bảng Thẻ thẻ   Định dạng chung cho cột bảng Thẻ thẻ   Định dạng chung cho nhóm cột bảng Thẻ thẻ   CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) !  Tag  cap‚on  &  col   CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) !  Tag  colgroup   CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) 82   Thẻ   Ý nghĩa   Quy định nhóm dịng tiêu đề bảng   Quy định nhóm dịng nội dung   Quy định nhóm dịng chân bảng   Thuộc tính Align, valign, char   CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) !  Tag  thead,  tbody,  ©ooter   CuuDuongThanCong.com https://fb.com/tailieudientucntt Layout website - Table CuuDuongThanCong.com https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt Tople€.png   Top.png   Topright.png   le€.png   right.png   bo‚omle€.png   CuuDuongThanCong.com Bo‚om.png   bo‚omright.png   https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt     See again J Ngônyou ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt Câu  hỏi  ?   3/6/13   CuuDuongThanCong.com https://fb.com/tailieudientucntt ...  thiệu   Ngôn ? ?ngữ  HTML   Ngôn ? ?ngữ  HTML               CuuDuongThanCong.com https://fb.com/tailieudientucntt Giới thiệu ngôn ngữ HTML !  HTML  (HyperText  Markup  Language)   ! ! !   ! Ngôn ? ?ngữ. ..  hiển  thị  trên ? ?trình  duyệt   CuuDuongThanCong.com https://fb.com/tailieudientucntt Trình duyệt Trình soạn thảo code ! Trình  duyệt  web  (Browser)   CuuDuongThanCong.com ! Trình  soạn  thảo...  văn  bản   Là ? ?ngôn ? ?ngữ  xây  dựng  trang  Web     Chứa       dẫn   cho   trình   duyệt   Web   hiển   thị   nội   dung  của  một  trang  Web   Một  trang  web  gồm  có ? ?2  phần  chính: