Chào mừng bạn đến với serie học HTML cơ bản của BlogIT.vn.
Bạn là người dùng internet và có bao giờ bạn tự đặt ra câu hỏi vì sao người ta làm được ra các website để cho mình xem, vì sao website này có màu sắc đẹp, font chữ đẹp hay bố cục nhìn mượt mà. Và bạn bắt đầu tìm hiểu về thiết kế website – đó cũng chính là lý do khiến mình dấn thân vào con đường coder này :D.
OK, bạn chưa biết gì về thiết kế web, bạn muốn tạo cho mình 1 web blog riêng để lưu trữ thông tin cá nhân, wesite tin tức chia sẻ, website nghe nhạc… hay là 1 website để tặng người ấy, vậy thì bạn không thể bỏ qua serie học html cơ bản này. Đây là serie dành cho người mới bắt đầu, người chưa biết gì về thiết kế web, mình sẽ cố gắng làm đơn giản nhất có thể để bạn dễ hiểu hơn.
Chúng ta cùng bắt đầu tìm hiểu nhé.
Nội dung
HTML là gì?
HTML là chữ viết tắt của cụm từ HyperText Markup Language – tạm dịch là ngôn ngữ đánh dấu siêu văn bản, nó là 1 ngôn ngữ được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web.
HTML là một ngôn ngữ máy tính được tạo ra để cho phép tạo trang web. Những trang web này sau đó có thể được xem bởi bất kỳ ai khác kết nối với Internet. Nó tương đối dễ học , với những điều cơ bản có thể tiếp cận được với hầu hết mọi người trong một lần ngồi; và khá mạnh mẽ trong những gì nó cho phép bạn tạo ra. Nó liên tục trải qua sửa đổi và tiến hóa để đáp ứng nhu cầu và yêu cầu của khán giả Internet đang phát triển dưới sự chỉ đạo của »W3C , tổ chức chịu trách nhiệm thiết kế và duy trì ngôn ngữ.
Định nghĩa của HTML là HyperText Markup Language .
Siêu văn bản là phương pháp mà bạn di chuyển trên web – bằng cách nhấp vào văn bản đặc biệt gọi là siêu liên kết sẽ đưa bạn đến trang tiếp theo. Thực tế là siêu chỉ có nghĩa là nó không tuyến tính – tức là bạn có thể đến bất kỳ nơi nào trên Internet bất cứ khi nào bạn muốn bằng cách nhấp vào liên kết – không có thứ tự nào để thực hiện.
Đánh dấu là những gì các thẻ HTML làm cho văn bản bên trong chúng. Họ đánh dấu nó là một loại văn bản nhất định ( ví dụ văn bản in nghiêng )
HTML hoạt động như thế nào?
HTML bao gồm một loạt các mã ngắn được tác giả trang web nhập vào tệp văn bản – đây là các thẻ. Sau đó, văn bản được lưu dưới dạng tệp html và được xem qua trình duyệt , như Internet Explorer hoặc Netscape Navigator . Trình duyệt này đọc tệp và dịch văn bản thành dạng có thể nhìn thấy, hy vọng hiển thị trang như tác giả đã dự định. Viết HTML của riêng bạn đòi hỏi phải sử dụng các thẻ chính xác để tạo tầm nhìn của bạn. Bạn có thể sử dụng mọi thứ từ trình soạn thảo văn bản thô sơ đến trình soạn thảo đồ họa mạnh mẽ để tạo các trang HTML.
HTML có bố cục như thế nào?
1 website cơ bản sẽ có bố cục như sau:
<!DOCTYPE html> <html> <head> <title>Tiêu đề website</title> </head> <body> Nội dung website </body> </html>
Thuộc tính HTML
- Các phần tử HTML có thể có các thuộc tính
- Các thuộc tính cung cấp thêm thông tin về phần tử
- Các thuộc tính có các cặp tên / giá trị như charset = “utf-8”
Giải thích các thẻ trong HTML:
<!DOCTYPE html> : Đây là phần khai báo cho trình duyệt hiểu kiểu dữ liệu này là html.
<html> </html> : Đây là thẻ bao quát website.
<head></head> : Đây là thẻ khai báo các thông tin của website.
<body></body> : Đây là thẻ trình bày nội dung sẽ hiện thị trên website, thẻ này quan trọng nhất.
Các thẻ còn lại sẽ được viết trong thẻ <body></body>
doctype html là gì?
Tất cả các tài liệu HTML phải bắt đầu bằng một khai báo loại tài liệu : <!DOCTYPE html>
.
Tài liệu HTML tự bắt đầu bằng <html>
và kết thúc bằng </html>
.
Phần hiển thị của tài liệu HTML nằm giữa <body>
và </body>
.
Các phần tử HTML là các khối xây dựng của các trang HTML.
- Các
<!DOCTYPE html>
tuyên bố xác định tài liệu này là HTML5 - Phần
<html>
tử này là phần tử gốc của trang HTML - Các
lang
thuộc tính định nghĩa ngôn ngữ của tài liệu - Phần
<meta>
tử chứa thông tin meta về tài liệu - Các
charset
attribure xác định bộ ký tự được sử dụng trong tài liệu - Phần
<title>
tử chỉ định một tiêu đề cho tài liệu - Phần
<body>
tử chứa nội dung trang hiển thị - Phần
<h1>
tử xác định một tiêu đề lớn - Phần
<p>
tử định nghĩa một đoạn
Đọc thêm: Các thẻ trong HTML
Phần đầu mình giới thiệu sơ qua vậy thôi, các bạn đi tiếp phần 2 nhé.