Ngôn ngữ đánh dấu siêu văn bản HTML

HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản được thiết kế ra để tạo nên các trang web. Tập tin (File) HTML là một văn bản có chứa các thẻ đánh dấu (markup tags), các thẻ đánh dấu này giúp các trình duyệt Web hiểu được cách trình bày và hiển thị trang Web. File HTML có phần mở rộng (Extension) là htm hay html và có thể được tạo ra bằng bất cứ chương trình xử lý văn bản đơn giản nào.
Trong File HTML các phần tử (Element) được đánh dấu bằng các thẻ HTML. Các thẻ này được bao bởi dấu < và dấu >. Thông thường các thẻ HTML được dùng theo một cặp <tên thẻ> (thẻ bắt đầu) và </tên thẻ> (thẻ kết thúc), văn bản nằm giữa cặp thẻ này là nội dung của phần tử. Các thẻ HTML không phân biệt chữ hoa và chữ thường, có nghĩa là các kiểu chữ đều được xem như nhau.
Một File HTML cơ bản có cấu trúc như sau:
<html>
<head>
<title>Tên của trang Web</title>
</head>
<body>
Nội dung của trang Web
<a href="/url">Liên kết</a>
<img src="/url">
</body>
</html>
  • <html> là thẻ đánh dấu bắt đầu của File HTML và </html> là thẻ đánh dấu kết thúc File HTML, thẻ này bắt buộc phải có.
  •  <head> là thẻ đánh dấu phần chứa thông tin về trang Web, thông tin này sẽ không được hiển thị trên trang Web) và </head> là thẻ đánh dấu kết thúc phần thông tin này, thẻ này bắt buộc phải có.
  • <title> là thẻ đánh dấu bắt đầu phần tên của trang Web (tên này sẽ được hiển thị trên thành trạng thái của trình duyệt) và </title> là thẻ đánh dấu kết thúc phần tên này.
  • <body> là thẻ đánh dấu bắt đầu phần nội dung của trang Web (đây là phần sẽ hiển thị trên trang Web) và </body> là thẻ đánh dấu kết thúc phần nội dung, thẻ này bắt buộc phải có.
  • Thẻ tạo liên kết (Link): Thẻ này dùng để tạo liên kết đến một File HTML khác, thẻ này gồm có thẻ bắt đầu <a href="/url"> và thẻ kết thúc </a>. "url" là vị trí của File liên kết, bao gồm đường dẫn đến và tên của File liên kết, đường dẫn có thể là một thư mục trên chính Web Site này hoặc trên một Web Site khác. Có thể dùng văn bản hay hình ảnh để đại diện cho liên kết, Khi nhấn chuột vào dòng văn bản hay hình ảnh này trình duyệt sẽ chuyển đến trang web hoặc Web Site được liên kết, có thể sử dụng nhiều thẻ này cho các liên kết khác nhau.
Thí dụ:
<a href="/trang_web.htm">Dòng này liên kết đến một trang Web khác tên là  trang_web.htm trên Web Site này</a>
<a href="http://www.website.com">Dòng này liên kết đến một địa chỉ của WebSite khác có tên là website.com</a>
  • Thẻ hình ảnh: Thẻ này dùng để hiển thị một hình ảnh trên trang Web, thẻ này chỉ có thẻ bắt đầu <img src="/url"> và không có thẻ kết thúc. "url" là vị trí của File ảnh, bao gồm đường dẫn đến và tên của File ảnh, đường dẫn có thể là một thư mục trên Web Site này hoặc trên một Web Site khác. Ngoài ra thẻ này còn có thể có thêm thuộc tính width (chiều ngang) và height (chiều cao) để qui định kích thước hiển thị cho ảnh, có thể sử dụng nhiều thẻ này cho các hình ảnh khác nhau.
Thí dụ:
Hiện ảnh từ File ảnh trong trong thư mục images của trang Web này (cùng địa chỉ):
<img src="/images/tên_file_ảnh" width="96" height="96">
Hiện ảnh từ File ảnh trong web khác (khác địa chỉ):
<img src="http://www.website.com/images/tên_file_ảnh" width="64" height="64">
Xem thêm

Các thẻ định dạng văn bản trong HTML

Thẻ định dạng văn bản trong HTML giúp các trình duyệt Web hiểu được cách trình bày và hiển thị văn bản trên trang Web.
  • Thẻ tiêu đề (Heading): Thẻ này đánh dấu phần tiêu đề của văn bản, bao gồm thẻ bắt đầu <hx> và thẻ kết thúc </hx>, trong đó x là từ 1 đến 6 mức kích thước lớn nhỏ của Font chữ thể hiện trên trang Web. Thông thường h1 là lớn nhất và h6 là nhỏ nhất, tuy nhiên các thẻ Heading này có thể được định dạng lại tùy ý. HTML sẽ tự động thêm dòng trống trước và sau tiêu đề này.
Thí dụ:
<h1>Dòng này được đặt trong thẻ h1</h1>
<h2>Dòng này được đặt trong thẻ h2</h2>
<h3>Dòng này được đặt trong thẻ h3</h3>
<h4>Dòng này được đặt trong thẻ h4</h4>
<h5>Dòng này được đặt trong thẻ h5</h5>
<h6>Dòng này được đặt trong thẻ h6</h6>
  • Thẻ đoạn văn bản (Paragraph): Văn bản nằm trong thẻ này sẽ được đánh dấu là một đoạn, thẻ này bao gồm thẻ bắt đầu <p> và thẻ kết thúc </p>. HTML sẽ tự động thêm dòng trống trước và sau đoạn văn bản này để tạo khoảng cách giữa các đoạn văn bản với nhau.
Thí dụ:
<p>Đây là đoạn văn bản thứ 1</p>
<p>Đây là đoạn văn bản thứ 2</p>
  • Thẻ ngắt hàng (Line Breaks): Thẻ này đánh dấu việc kết thúc một hàng nhưng không bắt đầu một đoạn mới. Thẻ này chỉ có thẻ bắt đầu <br> và không cần thẻ kết thúc, văn bản nằm sau thẻ này sẽ được chuyển xuống hàng dưới.
Thí dụ:
<p>Đây là đoạn văn bản thứ 1</p>
<p>Đây là hàng thứ 1 của đoạn văn bản thứ 2<br>
Đây là hàng thứ 2 của đoạn văn bản thứ 2</p>
  • Chú thích trong văn bản HTML: Phần chú thích này chỉ dùng để đánh dấu hoặc ghi chú cho 1 đoạn HTML nào đó, trình duyệt sẽ bỏ qua phần chú thích này. Phần chú thích được đặt trong cặp dấu: <!-- Đây là phần chú thích -->.
  • Thẻ định dạng văn bản đậm: Các văn bản trong thẻ này sẽ được hiển thị đậm:
<b>Dòng này được in đâm</b>
<strong>Dòng này được in đâm</strong>
  • Thẻ định dạng văn bản nghiêng: Các văn bản trong thẻ này sẽ được hiển thị nghiêng:
<em>Dòng này được in nghiêng</em>
<i>Dòng này được in nghiêng</i>
  • Thẻ định dạng văn bản gạch dưới: Các văn bản trong thẻ này sẽ được hiển thị gạch dưới:
<u>Dòng này được gạch dưới</u>
  • Có thể kết hợp các thẻ này để định dạng cho văn bản bằng cách lồng chúng vào nhau:
<b><i><u>Dòng này được in đậm, nghiêng và gạch dưới</u></i></b>
Xem thêm

Flicker Images


    Giới thiệu : Mời bạn đăng ký dịch vụ để download style templates đây là một sản phẩm được thiết kế bản quyền do trung tâm Vcupdesign kết hợp với giải pháp mạng Việt Nam -nsvina.com thực hiện   
    Tính chất dịch vụ : Chúng tôi sưu tầm các templates chất lượng trên mạng Internet và Download về fix lại tất cả các lỗi, code rác, virus nhằm cung cấp cho quý khách một templates chất lượng cao với phong cách hoàn toàn khác biệt nổi trội. 
    Cam kết sử dụng : Với tính chất như đã trình bày bên trên cho nên chúng tôi cam kết chỉ thu tiền của quý khách khi hoàn chỉnh bàn giao templates như trong hợp đồng. 
    Cho bạn niềm tin : Với đội ngũ Design chuyên nghiệp 6 năm kinh nghiệm và tầm nhìn thẩm mỹ...chúng tôi hứa hẹn mang lại cho quý khách một sản phẩm tốt nhất và ưng ý! 
    Quy định chung cần biết :
  1. Chúng tôi chỉ cung cấp mã nguồn 1 lần duy nhất.
  2. Chúng tôi không bảo hành khi quý khách làm trái quy định bảo lưu templates.
  3. Chúng tôi không hoàn tiền khi quý khách hàng đổi ý chọn giao diện khác.
  4. Chúng tôi chỉ có 1 địa chỉ duy nhất cho nên chúng tôi không chấp nhận việc khiếu nại không đúng bản quyền.

Copyright nsvina.com - Ghi rõ nguồn templates.nsvina.com - Khi phát hành lại bài viết trên trang này
Maxivn | VIỆC LÀM | Thiết kế web rẻ | Thiết kế blogspot