24 C
Hanoi
Thứ Tư, Tháng Sáu 19, 2024

Nhập môn HTML

Nhập môn HTML – HTML là gì?

  • Là ngôn ngữ đánh dấu tiêu chuẩn cho các website.
  • Là ngôn ngữ cơ bản tiêu chuẩn đầu tiên cho các bạn học lập trình website.
    (HTML không phải là ngôn ngữ lập trình)

Học HTML có khó không?

  • HTML là ngôn ngữ rất dễ học,
  • HTML từ cơ bản đến nâng cao các bạn đều có thể nắm vững chỉ trong vòng 1 tháng.

Hãy nhìn ví dụ sau:
(bạn có thể sửa trực tiếp trên ví dụ rồi nhấp nút chạy để kiểm tra kết quả)

<!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
	</head>
	<body>
		<h1>This is a Heading</h1>
		<p>This is a paragraph.</p>
	</body>
</html>

Tại sao phải học HTML?

  • HTML là ngôn ngữ nền tảng cực kỳ quan trọng trong thiết kế website mà người lập trình nào cũng từng phải trải qua
  • HTML không khó nhưng tầm quan trọng lại rất lớn. Nếu bạn học một cách qua loa sẽ không thể nắm rõ được kiến thức cốt lõi khi đó bạn sẽ gặp rất nhiều khó khi lập trình website hoặc khi các bạn thực hiện những code đơn giản nhất trên wordpress để xây dựng lên website của mình.

HTML đóng vai trò gì trong website?

  • HTML là một ngôn ngữ đánh dấu siêu văn bản nên HTML sẽ có vai trò xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin kỹ thuật số như hình ảnh, video, nhạc.
  • HTML sẽ định hướng cho tất cả các bạn muốn theo đuổi lập trình website bởi lập trình HTML là ngôn ngữ duy nhất mà trình duyệt có thể đọc và biên dịch được. Cho dù bạn viết bằng bất kỳ ngôn ngữ nào thì dự liệu đầu ra cuối cùng vẫn là HTML.
  • HTML cơ bản còn giúp cho các bạn hiểu được cấu trúc của một trang web như thế nào? Từ đó các bạn có thể xây dựng cho mình được những web tĩnh rồi từ từ học lên những ngôn ngữ cao hơn.

Công cụ soan thảo HTML

Công cụ soạn thảo HTML: các bạn chỉ cần trình soạn thảo mặc định cơ bản của window là Notepad, nếu các bạn muốn sử dụng một trình soạn thảo cao cấp hơn các bạn nên sử dụng NotePab++, Hoặc cao cấp nhất là mà các lập trình viên chuyên nghiệp hay sử dụng: Sublime Text.

Tại sao mình chỉ khuyên các bạn sử dụng những công cụ soạn thảo kia mà không giới thiệu những công cụ của những nhà phát triển lớn như Adobe… Tại vì học HTML các bạn chỉ cần như vậy là quá dư thừa. Và các công cụ đều là ứng dụng nhẹ, dễ sử dụng…

Học HTML hiệu quả?

  • HTML chỉ đơn giản là những thẻ và cặp thẻ kết hợp với nhau để thể hiện nội dung lên trình duyệt, mỗi thẻ html có một tác dụng riêng.
  • Như vậy để học tốt html bạn chỉ cần nắm và hiểu và nắm được ý nghĩa của từng cặp thẻ bạn sẽ nhanh chóng làm chủ được ngôn ngữ này.
  • Bản chất của HTML là những thẻ và cặp thẻ. Vậy để học lập trình HTML một cách hiệu quả các bạn chỉ cần nhớ những thẻ và cặp thẻ đó, chỉ cần viết đúng tên thẻ thì trình duyệt sẽ hiểu và đọc được nội dung mà bạn muốn hiển thị.
  • Nhưng có hàng nghìn thẻ html thì làm sao có thể nhớ được hết các thẻ đó. Các bạn chỉ cần nhớ rõ các nguyên tắc căn bản sau đây thì bạn có thể làm việc được với tất cả các thẻ HTML mà không cần phải nhớ tất cả:
  • HTML có hai loại thẻ (hay còn gọi là tag):
    – Thẻ đơn: là thẻ có dấu đóng thẻ nằm ở vị trí cuối cùng của thẻ. Ví dụ:<br/>, <meta/>
    – Thẻ kép: là thẻ bắt đầu bằng thẻ mở và kết thúc bằng một thẻ đóng, tên thẻ giống nhau ở thẻ đóng và mở.
    Ví dụ: <p> text<p/>
  • Một thẻ HTML luôn bao gồm thuộc tínhgiá trị
    – Thuộc tính là những những đặc tính đối với tình loại thẻ như: chiều rộng, chiều cao,
    – Giá trị: là giá trị của thuộc tính ví dụ chiều rộng: 5px…

HTML5 là gì?

  • HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và là công nghệ cốt lõi của Internet.
  • Đây là phiên bản thứ 5 của ngôn ngữ HTML.

HTML & XHTML