Bài 1. Tìm Hiểu HTML

21/05/2017 Nguyễn Trung Hiếu

Trang mạng (tiếng Anh: website), còn gọi là trang web, là một tập hợp trang web, thường chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP.

1. Trang web (website) là gì

Trang mạng (tiếng Anh: website), còn gọi là trang web, là một tập hợp trang web, thường chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP. Trang mạng có thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng các CMS chạy trên máy chủ (trang mạng động). Trang mạng có thể được xây dựng bằng nhiều ngôn ngữ lập trình khác nhau (PHP, NET, Java, Ruby on Rails...)

2. Giới thiệu ngôn ngữ HTML

HTML là chữ viết tắt của HyperText Markup Language, có nghĩa là ngôn ngữ đánh dấu siêu văn bản. Nó dùng để định dạng bố cục, các thuộc tính liên quan đến cách hiển thị của một đoạn text và được hiển thị trên một chương trình đặc biệc ta gọi là Browser. Hiện nay có khá nhiều Browser như Chrome, Firefox, Cốc Cốc, ... Tất cả Browser đều có điểm chung là hiển thị và giúp người dùng thao tác với website và nó đều có khả năng biên dịch những đoạn mã HTML, CSS và Javascript.

HTML5 giới thiệu nhiều thẻ mới, bao gồm một số thẻ dành để mô tả tốt hơn cho một cấu trúc tài liệu. Trong giáo trình này, chúng ta sẽ tìm hiểu về thẻ cấu trúc cũ của html và HTML5 mới. Hãy khám phá cách sử dụng chúng để phân chia một tài liệu thành các khối nội dung.

3. Cấu trúc cơ bản của một trang HTML

Một trang html có cấu trúc dạng thẻ, được trình bầy bởi nhiều thẻ để tạo ra một trang html có định dạng gần gũi bắt mắt với người dùng và dưới đây là cấu trúc của một trang html cơ bản

<html>
<head>
	<title></title>
	các thẻ meta
	các định nghĩa/đường dẫn css
	các script/đường dẫn file javascript
</head>
<body>
	<các thẻ con></các thẻ con>
</body>
</html>
  • Thẻ <html></html>: là để xác nhận một tài liệu là tài liệu dạng html, tức là nó sử dụng các thẻ html để trình bày văn bản, toàn bộ nội dung của văn bản được đặt trong cặp thẻ này. Trình duyệt xem các tài liệu không sử dụng cặp thẻ <html></html> là những tài liệu thông thường
  • Thẻ <head></head> dùng để xác định phần mở đầu cho tài liệu, trong thẻ head chứa nhiều thẻ khác để khai báo cho trình duyệt hiểu các thông tin về tài liệu
  • Thẻ <body></body> dùng để xác định phần nội dung chính của tài liệu, trong thẻ body có chứa nhiều thẻ khác để định dạng tài liệu và các thẻ đó chúng ta sẽ tìm hiểu phần dưới của tài liệu

Như vậy cấu trúc cơ bản của một file html thì các bạn định dạng như trên. Dựa vào các thẻ định dạng mà html cung cấp chúng ta sẽ tạo ra được tài liệu với định dạng bắt mắt, dễ nhìn, phong phú và đa dạng và chúng ta cùng tìm hiểu các thẻ trong html ở phần sau.

Tag: thiết kế webtự học htmltìm hiểu htmlhọc htmlhọc csshọc lập tình webtìm hiểu javascriptgiới thiệu HTML

Đang phát triển ...

Bài viết liên quan

Hộp trò chuyện tích hợp website, live chat tích hợp website

Là hộp thoại nhỏ hiển thị trên website được tích hợp vào website bằng một đoạn mã javascript, có chức năng chat trực tiếp với khách truy cập website

Bài 2. Tìm hiểu các thẻ trong ngôn ngữ HTML

Các thẻ trong html giúp định dạng tài liệu, hiểu rõ các thẻ này sẽ giúp các bạn xây dựng lên các trang web có định dạng hợp mắt, giúp người truy cập cảm thấy thân thiện hơn và hoạt động tốt hơn với các cỗ máy tìm kiếm

Bảng ký tự đặc biệt trong HTML

Trong ngôn ngữ html có những ký tự đặc biệt mà chưa phải ai học lập trình web cũng biết dưới đây là bảng danh sách các ký tự đặc biệt trong html mà các bạn cần biết hoặc đôi khí sẽ sử dụng tới

Tấn công ransomware cực lớn trên toàn cầu, tải về bản vá lỗi ngay

Tấn công ransomware cực lớn trên toàn cầu, tải về bản vá lỗi ngay

Cuộc tấn công vào NHS đã sử dụng một dạng ransomware có tên Wanacryptor và nhắm mục tiêu vào hàng nghìn tổ chức ở 74 quốc gia. Ransomware là một dạng tấn công mạng có liên quan đến việc các hacker nắm quyền kiểm soát máy tính hoặc thiết bị di động và yêu cầu đòi tiền chuộc. Bằng nhiều cách, những kẻ tấn công tải phần mềm độc hại vào thiết bị và mã hóa thông tin của nạn nhân.

Kỹ thuật tìm kiếm và thay thế từ cơ bản đến nâng cao trong MS Office (Word)

Kỹ thuật tìm kiếm và thay thế từ cơ bản đến nâng cao trong MS Office (Word)

Trong Word nói riêng, Office nói chung, có lẽ ai cũng biết chức năng tìm kiếm và thay thế nội dung văn bản, nhưng ngoài ra, còn nhiểu chức năng khác trong hộp thoại tìm kiếm và thay thế mà không phải ai cũng biết để sử dụng. Trong đó có tìm kiếm và thay thế định dạng, sử dụng các ký hiệu đại diện, các ký tự đặc biệt… 

Bài 6: Thủ thuật outlook 2010

Bài 6: Thủ thuật outlook 2010

Bài viết giới thiệu đến các bạn một số thủ thuật được dùng trong outlook 2010, để giúp công việc của các bạn được dễ dàng hơn.

Bài 5: Quản lý các thông tin trong  outlook 2010

Bài 5: Quản lý các thông tin trong outlook 2010

Bài viết giới thiệu về phương pháp quản lý thông tinn trong outlook 2010. Chúng ta hãy cùng tìm hiểu xem có điểm gì khác và nổi bật so với outlook 2007

Bài 4: Sử dụng lịch làm việc một cách hiệu quả outlook 2010

Bài 4: Sử dụng lịch làm việc một cách hiệu quả outlook 2010

Để công việc của đạt hiệu quả cao hơn, chúng ta hãy cùng nhau tìm hiểu cách sử dụng lịch làm việc một cách hiệu quả hơn trong outlook 2010

Bài 3: Quản lý hộp thư của bạn về dung lượng và lưu trữ outlook 2010

Bài 3: Quản lý hộp thư của bạn về dung lượng và lưu trữ outlook 2010

Bài viết sau đây sẽ giới thiệu về mục quản lý hộp thư của bạn về dung lượng và lưu trữ trong microsoft outlook 2010.

Hàm SLEEP trong PHP

Hàm SLEEP trong PHP

Có những lúc trong công việc lập trình ta cần mã tạm dừng theo một thời gian định trước thì trong php có hỗ trợ hàm sleep để các bạn làm điều này.

Hàm Rand trong PHP

Hàm Rand trong PHP

Đôi lúc chúng ta lập trình cần đến những con số sinh ngẫu nhiên vào những công việc khách nhau hôm này mình xin giới thiệu với mọi người hàm sinh số ngẫu nhiên trong PHP

Bài 9: Giới thiệu lập trình hướng đối tượng trong PHP (OOP)

Bài 9: Giới thiệu lập trình hướng đối tượng trong PHP (OOP)

Các bạn tự học PHP nên biết về lập trình hướng đối tượng trong PHP, kỹ thuật lập trình hỗ trợ công nghệ đối tượng

Bài 8: Hàm có sẵn thông dụng trong PHP

Bài 8: Hàm có sẵn thông dụng trong PHP

Hàm thông dụng trong php cần biết, các bạn mới bắt đầu lên nắm rõ ý nghĩa cấu trúc cách dùng những hàm này để bổ trợ kiến thức sau này

Bài 7: Hàm trong PHP

Bài 7: Hàm trong PHP

Hàm do người sử dụng định nghĩa cho phép bạn xử lý những tác vụ thường lặp đi lặp lại trong ứng dụng. cách khai báo, cú pháp của hàm trong php