Học Thiết Kế Website Cho Người Mới Bắt Đầu Bài 1 ✅
Bạn đang muốn quảng bá hình ảnh doanh nghiệp và sản phẩm, dịch vụ với các đối tác trong và ngoài nước? Bạn muốn nâng cao doanh số bán hàng và mở rộng thị trường khách hàng tiềm năng?
Hãy đến với Công ty Thiết kế web truongthinh.info, chúng tôi sẽ giúp bạn đạt được những mục tiêu đã đề ra.
Trường thịnh chuyên cung cấp dịch vụ xây dựng thiết kế WEB chuyên nghiệp cho các công ty, doanh nghiệp ở mọi lĩnh vực: nhà hàng, spa, bất động sản, xuất nhập khẩu, trường học, tư vấn, sản xuất, xây dựng, dịch vụ, thương mại,…với mục đích giới thiệu doanh nghiệp, quảng bá hình ảnh tăng độ nhận diện thương hiệu một cách chuyên nghiệp nhất.
Học Thiết Kế Website Cho Người Mới Bắt Đầu Bài 1 ✅
Ngoài ra truongthinh.info cũng chuyên cung cấp các khóa học đào tạo SEO chuẩn google và đào tạo WEB từ cơ bản đến nâng cao.
Sau đây là bài học thiết kế WEBSITE đầu tiên.
Nội dung bài học:
1. Các khái niệm về WEB
2. Giới thiệu về HTML
3. Cấu trúc HTML của 1 trang web
4. Tạo trang web đầu tiên
5. Các tag HTML phổ biến
6. Cấu trúc layout WEBSITE HTML
1. Các khái niệm về website:
WEBSITE là gì?
WEB là một tập hợp các trang web (web pages) bao gồm văn bản, hình ảnh, video, flash v.v… thường chỉ nằm trong một tên miền (domain name) hoặc tên miền phụ (subdomain). Trang web được lưu trữ (web hosting) trên máy chủ web (web server) có thể truy cập thông qua Internet. cong ty thiet ke website tphcm
WEB đóng vai trò là một văn phòng hay một cửa hàng trên mạng Internet – nơi giới thiệu thông tin về doanh nghiệp, sản phẩm hoặc dịch vụ do doanh nghiệp cung cấp… Có thể coi WEBSITE chính là bộ mặt của doanh nghiệp, là nơi để đón tiếp và giao dịch với các khách hàng, đối tác trên Internet.
WEBSITE có 2 loại: web tĩnh (static website) và web động (Dynamic website)
WEB tĩnh: là trang web sử dụng hoàn toàn ngôn ngữ HTML (có đuôi html hoặc htm), sau khi tải trang HTML từ máy chủ xuống, trình duyệt (IE, Firefox, Opera,...) sẽ biên dịch mã và hiển thị nội dung trang web, người dùng hầu như không thể tương tác với trang web.
Web động (Dynamic WebSite): là thuật ngữ được dùng để chỉ những WEB có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web.
2. Giới thiệu về HTML:
HTML là gì ?
HTML là ngôn ngữ đánh dấu cho việc mô tả các tài liệu web (trang web).
HTML là viết tắt của Hyper Text Markup Language (Ngôn ngữ Đánh dấu Siêu văn bản)
Ngôn ngữ đánh dấu là một tập hợp các thẻ đánh dấu
Các tài liệu HTML được mô tả bằng các thẻ HTML
Mỗi thẻ HTML mô tả những nội dung khác nhau cty thiết kế web y tế sức khỏe
Nội dung tập tin HTML thường được lưu dưới dạng .html hoặc htm và được gọi là một trang web (web page)
3. Cấu trúc HTML của 1 trang web
Chú thích:
Khai báo DOCTYPE để định nghĩa kiểu tài liệu HTML
Nội dung giữa thẻ
và
để miêu tả về trang HTML
Nội dung giữa thẻ
và
là tập hợp thông tin chung về trang web
Nội dung giữa thẻ
và
là tiêu đề của trang web
Nội dung giữa thẻ
và
là phần sẽ được hiển thị trên trang web
Nội dung giữa thẻ
và
là đề mục lớn của trang
Nội dung giữa thẻ
và
là một đoạn văn bản trong trang cong ty thiet ke website marketing dep chuan seo gia re
Thẻ trong HTML
Thẻ HTML là các từ khóa (tên thẻ) được bao quanh bởi dấu ngoặc nhọn:
nội dung
Thẻ HTML thông thường đi theo cặp, ví dụ như
và
Thẻ đầu tiên trong cặp thẻ gọi là thẻ mở, thẻ thứ hai gọi là thẻ đóng
Thẻ đóng được viết như thẻ mở nhưng thêm dấu gạch chéo ở trước tên thẻ
ví dụ:
Thẻ html
Cú pháp:
...
Thẻ html là thẻ mở đầu của một trang web
* Thẻ head
Cú pháp:...
Là thẻ chứa các thẻ trong phần đầu của một trang html
* Thẻ title
Cú pháp:...
Thẻ title là thẻ thể hiện tiêu đề của một trang web
* Thẻ meta
Cú pháp:
Thẻ meta là thẻ mô tả tổng quát về nội dung trang web
* Thẻ link
Cú pháp:
Là thẻ dùng để nhúng một file bất kỳ vào trang web
* Thẻ script
Cú pháp:
Thẻ script dùng để nhúng các tập tin JavaScript vào một trang web
* Thẻ style
Cú pháp:
Sử dụng: Dùng để bao quanh nội dung của css
* Thẻ body
Cú pháp: cty thiet ke website trang tri chuan seo
Thẻ body là thẻ vô cùng quan trong. Nó được là thẻ chứa nội dung chính của toàn WEBSITE
4. Tạo trang web đầu tiên
ví dụ ta có đoạn code sau:
Tiêu đề trang
Đây là đề mục lớn
Đây là một đoạn văn bản.
Copy dòng code bên trên và paste vào Dreamweaver hoặc các phần mềm khác và nhấn F12. cty thiết kế website bán Thời Trang
Thật dễ dàng đúng không nào.
5. Các tag HTML phổ biến
* Thẻ tiêu đề (h1- h6)
Cú pháp:
Nội dung
Nội dung
Nội dung
Nội dung
Nội dung
Nội dung
Sử dụng:
+ Là thẻ thường được sử dụng để thể hiện tiêu đề bài trên một trang web. Có font chữ giảm dần từ h1 đến h6
* Thẻ liên kết(a) lớp học seo hcm
Cú pháp: Nội dung
Sử dụng: Thẻ a được sử dụng để thể hiện một liên kết trên một trang web.
Thuộc tính: Thẻ a có nhiều thuộc tính nhưng chúng ta chú ý đến hai thuộc tính quan trọng.
+ href: Là đường dẫn hay liên kết mà chúng ta muốn kết nối đến
+ target : Là cách để mở ra một liên kết. Nó có bốn giá trị: _blank( Mở sang cử sổ mới), _parent ( Mở ngay ở của sổ hiện tại), _self và _top.
Vi dụ: Liên kết tới Google tại đây
* Thẻ danh sách ul,ol
+ Thẻ danh sách ul
Cú pháp:
- Nội dung
- Nội dung
- Nội dung
- Nội dung
- Nội dung
+ Thẻ danh sách ol
Cú pháp:
- Nội dung
- Nội dung
- Nội dung
- Nội dung
- Nội dung
* Thẻ img
Cú pháp:
Thẻ img là thẻ đơn, được dùng để thể hiện hình ảnh trên trang web. Thẻ img có 3 thuộc tính quan trọng.
+ Thuộc tính src: là đường dần tới ảnh cần hiển thị
+ width: Chiều rộng của ảnh
+ height: Chiều cao của ảnh
* Thẻ strong
Cú pháp: ...
Thẻ strong là thẻ html được dùng để in đậm văn bản
* Thẻ i
Cú pháp: ...
Thẻ i là thẻ html được dùng để in nghiêng văn bản
* Thẻ u
Cú pháp: ...
Thẻ u là thẻ html được dùng để gạch chân văn bản
* Thẻ p
Cú pháp:
Nội dung
Thẻ P là thẻ chứa nội dung đoạn văn
Ví dụ:
Đây là nội dung trong đoạn văn
* Thẻ
Cú pháp:
Thẻ xuống dòng
* Thẻ div
Cú pháp:
Thẻ này là thẻ thường dùng để chứa nội dung của các phần tử khác, thường sử dụng trong dàn dựng layout web
* Thẻ span
Cú pháp: ...
Thẻ chứa nội dung (không xuống hàng khi bắt đầu thẻ mới) mua tài khoản vip diễn đàn
* Thẻ table
Cú pháp:
................................
................................
Nội dung |
Nội dung |
Được dùng để tạo bảng
* Thẻ form
Cú pháp:
Cú pháp:
6. Cấu trúc layout WEB HTML
Hiện nay có rất nhiều website vẫn đang thiết kế dựa trên các mã HTML như sau:
Tin cùng chuyên mục
5 chiêu dọn dẹp sạch hộp thư Gmail
5 chiêu dọn dẹp sạch hộp thư Gmail
Những xu hướng phát triển phần mềm năm 2018
Những xu hướng phát triển phần mềm năm 2018
Mách bạn những mẹo mua sắm trực tuyến an toàn cần bỏ túi ngay để tránh mất tiền oan
Mách bạn những mẹo mua sắm trực tuyến an toàn cần bỏ túi ngay để tránh mất tiền oan
Những Lỗi Hay Gặp Khi Thiết Kế Một Website Nào Đó ✅
Những Lỗi Hay Gặp Khi Thiết Kế Một Website Nào Đó ✅
Tin ngẫu nhiên
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Hóc Môn
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Hóc Môn
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Bình Chánh
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Bình Chánh
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Nhà Bè
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại huyện Nhà Bè
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại quận Thủ Đức
Công ty đơn vị thiết kế in ấn bìa hồ sơ chuyên nghiệp tại quận Thủ Đức