intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE
 » 
 » 

Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 4: HTML căn bản và bài tập

Chia sẻ: ViDoraemon2711 ViDoraemon2711 | Ngày: | Loại File: PDF | Số trang:67

Thêm vào BST
Báo xấu
94
lượt xem 19
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 4: HTML căn bản và bài tập trình bày các nội dung chính sau: Khái niệm HTML, cấu trúc của HTML, các tag cơ bản và những bài tập HTML cơ bản dành cho người mới bắt đầu. Mời các bạn cùng tham khảo để nắm nội dung chi tiết.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 4: HTML căn bản và bài tập

  1. Download miễn phí gì cũng có tại ilook.asia CHƯƠNG 4: HTML CĂN BẢN VÀ BÀI TẬP |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 49
  2. Download miễn phí gì cũng có tại ilook.asia HTML LÀ GÌ Giới thiệu về HTML !  HTML (Hyper Text Markup Language) - Ngôn ngữ đánh dấu siêu văn bản !  Là một ngôn ngữ dùng để xây dựng một trang Web. !  Chứa các thành phần định dạng để báo cho trình duyệt Web biết cách để hiển thị một trang Web. !  Một trang web thông thường gồm có 2 thành phần chính: !  Dữ liệu của 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. |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 50
  3. Download miễn phí gì cũng có tại ilook.asia Công cụ thực hiện website ! Notepad++ ! Dreamweaver ! CotEditor (Macbook) ! Pingendo (support bootstrap) |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 51
  4. Download miễn phí gì cũng có tại ilook.asia Cấu trúcCấu của trúc một 1tàitài liệu HTML liệu HTML !  : Định nghĩa phạm vi của văn bản HTML !  : Định nghĩa các mô tả về trang HTML. Thông tin trong tag này không được hiển thị trên trang web !  : Mô tả tiêu đề trang web !  : Xác định vùng thân của trang web, nơi chứa các thông tin |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 52
  5. Cấu trúc 1 tài liệu HTML Download miễn phí gì cũng có tại ilook.asia Cấu trúc của một tài liệu HTML Phần đầu Tiêu đề trang HTML Bắt đầu và Kết thúc của trang HTML Nội dung 1 Nội dung Nội dung 2 trang HTML Nội dung 3 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 53
  6. Download miễn phí gì cũng có tại ilook.asia Thẻ (Tag) HTML Các tag (thẻ) cơ bản - phần 1 Thẻ mở Thẻ đóng Giá trị thuộc tính Dòng chữ này được in đậm màu xanh Tên thuộc tính !  Tên thẻ & thuộc tính !  Thường mang tính gợi nhớ "  B ~ Bold, I ~ Italic, P ~ Paragraph !  Không phân biệt HOA thường !  Một số thẻ đơn không có thẻ đóng !  và •  Giá trị Thuộc tính của Thẻ nên đặt trong dấu nháy đơn ‘’ hoặc nháy kép “” |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 54
  7. Download miễn phí gì cũng có tại ilook.asia Giới thiệu về HTML – Thẻ Các tag (thẻ) cơ bản - phần 1 (Tag) HTML.Cú pháp Mã#HTML# Hiển#thị# $Đây$là$một$dòng$được$in$Đậm$ Đây#là#một#dòng#được#in#Đậm# $Mức$chữ$ở$@êu$đề$3$$ Mức$chữ$ở$@êu$đề$3$$ Mã#HTML# Hiển#thị# $ Hello#World$ $Hello$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$World$ $ Lưu ý : • Bỏ qua các khoảng trắng thừa và các dấu ngắt dòng, xuống dòng |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 55
  8. Download miễn phí gì cũng có tại ilook.asia Thực hành cấu trúc HTML đơn giản CÁC BẠN THỰC HIỆN THEO VIDEO |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 56
  9. Download miễn phí gì cũng có tại ilook.asia Thực hành cấu trúc HTML đơn giản |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 57
  10. Download miễn phí gì cũng có tại ilook.asia Các tag xử lý văn bản – Khối, Các tag (thẻ) cơ bản - phần 1 chuỗi văn bản !  Các thẻ định dạng khối văn bản – Block Element !  Tiêu đề (Heading) : , , , , , !  Đoạn văn bản (Paragraph): !  Danh sách (List Items): !  Đường kẻ ngang (Horizontal Rules): !  Các thẻ định dạng chuỗi văn bản – Inline Element !  Định dạng chữ : , , , và !  Tạo siêu liên kết : !  Xuống dòng : |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 58
  11. Download miễn phí gì cũng có tại ilook.asia Các tag xử lý văn bản – Các tag (thẻ) cơ bản - phần 1 Ví dụ về Horizontal rules !  HORIZONTAL RULES !  !  Thuộc tính : "  align : Canh hàng đường kẻ ngang so với trang web "  width : Chiều dài đường kẻ ngang "  size : Bề rộng của đường kẻ ngang "  noshade : Không có bóng !  !  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 59
  12. Download miễn phí gì cũng có tại ilook.asia Các tag (thẻ) cơ bản - phần 1 Bài  tập  sử  dụng  thẻ  heading,  p,  pre,  span,  Hr,  br  -­‐  Thuộc  Gnh  STYLE CÁC BẠN THỰC HIỆN THEO VIDEO |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 60
  13. Download miễn phí gì cũng có tại ilook.asia Các tag (thẻ) cơ bản - phần 1 Bài  tập  sử  dụng  thẻ  heading,  p,  pre,  span,  Hr,  br  -­‐  Thuộc  Gnh  STYLE |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 61
  14. Download miễn phí gì cũng có tại ilook.asia Tag hình ảnh : không có thẻ đóng Các thuộc tính của thẻ • src: Đường dẫn tới file ảnh • alt : Chú thích cho hình ảnh • border: Độ dày nét viền quanh ảnh Đặt ảnh nền cho trang web Sử dụng thẻ |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG trình trựcKỸ THUẬT tuyến CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Học lập tại myclass.vn 62
  15. Download miễn phí gì cũng có tại ilook.asia Các tag Danh Các tag về danh sách sách Kiểu#danh#sách# Thẻ# Phần#tử#trong#DS# Danh$sách$có$thứ$tự$ Danh$sách$không$có$thứ$tự$ Danh$sách$tự$định$nghĩa$ , Danh$sách$lồng$nhau$ Dạng$khác$ |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 63
  16. Download miễn phí gì cũng có tại ilook.asia Danh sách có thứ tự - Danh sách có thứ tự |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 64
  17. Download miễn phí gì cũng có tại ilook.asia Danh sách có thứ tự - Danh sách có thứ tự (tt) |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 65
  18. Download miễn phí gì cũng có tại ilook.asia Danh sách không có thứ tự Danh sách có KHÔNG có thứ tự - |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 66
  19. Download miễn phí gì cũng có tại ilook.asia Thẻ (tag) liên kết - thẻ - anchor Cú pháp : Linked content Thuộc tính target của thẻ name: tải trang web vào frame có tên NAME _blank: tải trang web vào cửa sổ mới _parent: tải trang web vào cửa sổ cha của nó _self: tải trang web vào chính cửa sổ hiện hành _top: tải trang web vào cửa số cao nhất Ví dụ : 06/03/2014 Phát triển ứng dụng web |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 41 TRƯỜNG Học CAO ĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| lập trình itclass.vn 67
  20. Download miễn phí gì cũng có tại ilook.asia Phân loại liên kết Phân loại liên kết !  Phân loại : !  Liên kết ngoại (external link) !  Liên kết nội (internal link) !  Liên kết email (email link) |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 68
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN
TRỢ GIÚP
HỖ TRỢ KHÁCH HÀNG
Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.

 

Đồng bộ tài khoản
7=>1