FPT-APTECH - thương hiệu duy nhất trong hệ thống APTECH trực thuộc ĐẠI HỌC FPT và TẬP ĐOÀN FPT
18/10/2018, 10:13 Hôm qua: 6187 Hôm nay: 2813 khách  
 
  Các thẻ HTML mà mỗi người sở hữu blog và website nên biết  
 

Hiểu biết về các thẻ HTML có thể rất hữu ích, ví dụ để thực hiện thay đổi nhanh chóng cho trang web, thêm siêu văn bản trong nhận xét hoặc định dạng văn bản cho bài đăng trên diễn đàn. Bài này sẽ giới thiệu các thẻ HTML đơn giản nhưng chắc chắn hữu ích cho việc sử dụng hàng ngày.

FPT-APTECH-the-html-nen-biet

Web trên thế giới được code bằng nhiều ngôn ngữ khác nhau. Tuy nhiên, có một ngôn ngữ có thể được tìm thấy trên tất cả các trang web đó là HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản), thường được gọi là HTML. Như tên của nó, HTML không phải là một chương trình, mà là một ngôn ngữ đánh dấu. Các dấu hiệu được thông dịch bởi các trình duyệt để hình dung nội dung trên các trang web. Trong dạng đơn giản nhất, HTML được sử dụng để định dạng văn bản, nhúng tệp đa phương tiện và tổ chức nội dung trên trang web. Nói cách khác, HTML mô tả các trang web và dựa trên mô tả này, trình duyệt tạo ra một 'image'.

Nhờ các nhà xây dựng trang web miễn phí không còn ai thực sự gặp rắc rối với code HTML nữa. Tuy nhiên, hiểu biết về các thẻ HTML có thể rất hữu ích, ví dụ để thực hiện thay đổi nhanh chóng cho trang web, thêm siêu văn bản trong nhận xét hoặc định dạng văn bản cho bài đăng trên diễn đàn. Bài này sẽ giới thiệu các thẻ HTML đơn giản nhưng chắc chắn hữu ích cho việc sử dụng hàng ngày.

Trước khi bắt đầu, bạn cần nắm vững một số quy tắc cơ bản để có thể hiểu các thẻ HTML hơn:

  • HTML sử dụng các thẻ đánh dấu có trong các dấu ngoặc nhọn như sau: <html>
  • Các thẻ trông giống như trong ví dụ trên được gọi là các thẻ mở (start tag). Mỗi thẻ mở phải được theo sau bởi thẻ đóng (end tag), chẳng hạn như: </html>
  • Một số thẻ không mô tả nội dung. Tuy nhiên, để phù hợp với các tiêu chuẩn hiện tại, chúng vẫn phải có thẻ đóng. Do đó, chúng kết hợp thẻ mở và thẻ đóng, như sau: <br />

1. Định dạng văn bản

Các thẻ HTML thường đơn giản được sử dụng để làm in đậm, in nghiêng hoặc gạch chân văn bản.

Đầu vào: <b>bold</b>
Đầu ra: bold

Đầu vào: <i>italic</i>
Đầu ra: italic

Đầu vào: <u>underlined</u>
Đầu ra: underlined

Đầu vào: <s>strike through text</s>
Đầu ra: strike through text

2. Tạo siêu văn bản

FPT-APTECH-the-html-nen-biet

Các URL đơn giản trông có vẻ khá xấu. Thêm liên kết vào văn bản, tức là tạo ra một siêu văn bản, phong cách hơn nhiều và tiết kiệm không gian, đặc biệt nếu liên kết rất dài.

Đầu vào: <a href="http://aptech.fpt.edu.vn/" title="FPT-APTECH">Nhấn tại đây</a>
Đầu ra: Nhấn tại đây

Có thể bạn thấy thẻ HTML này phức tạp hơn một chút, vậy nên hãy xem xét chi tiết cấu trúc của nó. Thẻ thực tế là <a> và các phần tử bổ sung là các thuộc tính xác định các đặc tính khác. Thuộc tính href= xác định liên kết và title= xác định chú giải công cụ. Hãy chắc chắn sử dụng dấu ngoặc kép để đính kèm liên kết và tiêu đề, nếu không liên kết sẽ bị hỏng.

3. Nhúng hình ảnh

FPT-APTECH-the-html-nen-biet

Một bức tranh có thể biểu đạt ý nghĩa hơn một nghìn từ. Chúng ta nên sử dụng chúng thường xuyên hơn. Và đây là cách bạn có thể tự chèn một ảnh bằng cách sử dụng HTML:

Đầu vào: <img src="http://www.yourlinkhere.com/Smiley.png" alt="smiley" />

Hãy cùng phân tích thẻ này. Thẻ thực tế là <img> và các thuộc tính được yêu cầu là src= và alt=. Các điểm trước đó đến vị trí của hình ảnh, tức là URL của nó và sau đó cung cấp một văn bản thay thế, được hiển thị trong trường hợp hình ảnh bị chặn hoặc liên kết bị hỏng. Lưu ý, sử dụng dấu ngoặc kép để tránh các liên kết hỏng.

Thẻ <img> cũng là một ví dụ về một thẻ không cần phải "đóng" và do đó đóng lại với dấu gạch ngang phía trước trong thẻ ban đầu, tức là <img /> chứ không phải là <img>.

4. Ngắt đoạn và đoạn văn

Để tạo ra một văn bản có cấu trúc, bạn cần sử dụng các ngắt dòng và đoạn văn. Và đây là những thẻ cần biết:

Đầu vào: <br />
Đầu ra: Thẻ này tạo ra một ngắt dòng. Lưu ý rằng đây là một thẻ khác kết hợp các thẻ mở và thẻ đóng trong cùng một thẻ.

Đầu vào: <p>Text inside your paragraph.</p>
Đầu ra: Không giống như thẻ trước, thẻ đoạn văn có thẻ mở và thẻ đóng tiêu chuẩn. Văn bản ở giữa hai thẻ chính là đoạn văn, có nghĩa là có một dòng trống trước và sau đoạn văn.

5. Tạo danh sách

FPT-APTECH-the-html-nen-biet

Thẻ tạo danh sách

Về cơ bản có hai loại danh sách: có thứ tự và không có thứ tự, thường được gọi là danh sách đánh số và danh sách gạch đầu dòng. Để tạo ra một trong hai loại danh sách này, bạn cần phải biết hai thẻ khác nhau. Hãy xem xét các ví dụ đầu tiên:

Đầu vào:

<ol>
<li>Item One</li>
<li>Item Two</li>
</ol>

Đầu ra:

  1. Item One
  2. Item Two

Đầu vào:

<ul>
<li>Item One</li>
<li>Item Two</li>
</ul>

Đầu ra:

  • Item One
  • Item Two

Để tạo một danh sách có thứ tự, sử dụng thẻ <ol> và danh sách không có thứ tự, chèn thẻ <ul>. Trong cả hai trường hợp, thẻ <li> được sử dụng để xác định một mục trong danh sách.

Bây giờ, bạn đã cảm thấy tự tin hơn về việc sử dụng các thẻ HTML chưa?

FPT APTECH mở ra cho các bạn đam mê học tin học, học công nghệ thông tin chuyên sâu về học lập trình cơ hội được đào tạo Công Nghệ Thông Tin trong môi trường tiêu chuẩn chất lượng quốc tế ISO 9001

Học CNTT - Học Aptech - Học tại FPT

(theo QuanTriMang)

Tổ Chức Giáo Dục FPT – fpt.edu.vn

Trường Đào Tạo Lập Trình Viên Quốc Tếaptech.fpt.edu.vn

Tin liên quan:


 
  Chia sẻ với bạn bè qua
Chia sẻ với bạn bè qua:


 
     
 
Công nghệ khác:


Mẹo hữu ích giúp tiết kiệm thời gian học lập trình11 nguyên tắc cơ bản mà mọi lập trình viên đều nên tuân theo
Microsoft công bố loại ngôn ngữ lập trình hoàn toàn mới cho máy tính lượng tửNgay cả khi tắt định vị GPS, người dùng Android vẫn bị Google theo dõi
Chọn laptop nào phù hợp với lập trình viên?'Đế chế' của Jack Ma và những bài học cho doanh nghiệp Việt
  Xem tiếp    
 
 
Lịch khai giảng toàn hệ thống
 
Ngày
Giờ
Khóa
T.Tâm
TP Hồ Chí Minh
22/10/18
Sáng
Học bằng Tiếng Anh. Nhấn vào để xem chi tiết
590 Cách Mạng Tháng Tám, Quận 3 (Sau siêu thị điện máy Chợ Lớn). Nhấn vào để xem chi tiết590 Cách Mạng Tháng Tám, Quận 3 (Sau siêu thị điện máy Chợ Lớn). Nhấn vào để xem chi tiết
Nhấn vào để đăng ký học lớp này
30/10/18
Tối
Học bằng Tiếng Anh. Nhấn vào để xem chi tiết
590 Cách Mạng Tháng Tám, Quận 3 (Sau siêu thị điện máy Chợ Lớn). Nhấn vào để xem chi tiết590 Cách Mạng Tháng Tám, Quận 3 (Sau siêu thị điện máy Chợ Lớn). Nhấn vào để xem chi tiết
Nhấn vào để đăng ký học lớp này
Hà Nội
22/10/18
Tối
Học bằng Tiếng Anh. Nhấn vào để xem chi tiết
Đại học FPT. Số 8, Tôn Thất Thuyết, Mỹ Đình, Từ Liêm. Nhấn vào để xem chi tiếtĐại học FPT. Số 8, Tôn Thất Thuyết, Mỹ Đình, Từ Liêm. Nhấn vào để xem chi tiết
Nhấn vào để đăng ký học lớp này
 
   
Thông Tin Khuyến Học
New ACCP i17 - Nhấn vào để xem chi tiết
Mừng Sinh Nhật Lần Thứ 12 FPT-APTECH
Nhấn vào để xem chi tiết
Bảng Vàng Thành Tích Sinh Viên FPT APTECH - Nhấn vào để xem chi tiết
FPT APTECH Catalogue
FPT APTECH Tour - Nhấn vào để xem chi tiết
THÔNG TIN KHÁC
Cập nhật công nghệ miễn phí cho tất cả cựu sinh viên APTECH toàn quốc
Tiết Thực Vì Cộng Đồng
APTECH Meeting 2011
Hội Thảo CNTT
Những khoảnh khắc không phai của Thầy Trò FPT-APTECH Ngày 20-11
 
 
         


Tổng Lượt Truy Cập: 25499046 khách đã xem
Copyright © FPT APTECH 2009 All Rights Reserved
Xem tốt nhất ở độ phân giải 1024 x 768 với IE6.0 trở lên
Học Aptech, Học lập trình, Học tin học hay muốn theo nghề lập trình hãy chọn FPT APTECH
Học lập trình web miễn phí học lập trình java học lập trình game miễn phí học lập trình .Net miễn phí đào tạo Công Nghệ Thông Tin chất lượng đảm bảo việc làm