Tin tức

Học code web html đơn giản với 8 check list sau đây

  • Đặng văn Trường
  • 29/08/2018, 01:47 pm

Với những bạn bắt đầu học lập trình cùng html thì việc cần nắm vững kiến thức các thẻ cơ bản là điều cần thiết nhất. Từ đó giúp bạn có thể tự tin code web html đơn giản hơn. Sau đây là một vài những kiến thức căn bản về html cho những ai mong muốn học tốt bộ môn này.

>>> Xem thêm: host wordpress - Dịch vụ hàng đầu thị trường với chi phí cực tiết kiệm

>>> Xem thêm: máy chủ ảo giá rẻ - Tìm hiểu dịch vụ VPS số 1 thị trường

>>> Xem thêm: gmail doanh nghiệp - Những tính năng vượt trội Gsuite(Email Google) cho doanh nghiệp tối ưu hiệu quả công việc văn phòng

code-web-html-don-gian-03

Học code html cơ bản hiệu quả mỗi ngày

1. Code web html đơn giản với thẻ Headings (Tiêu đề)

Thẻ tiêu đề là phần tử được sử dụng để hiển thị đầu trang website, trình bày tiêu đề cho phần nội dung. Những tiêu đề thường được hiển thị nổi bật với chữ to và in đậm nhằm tạo nét khác biệt so với những phần còn lại của văn bản.

>>> Xem thêm: Tổng hợp các trang web lưu trữ dữ liệu trực tuyến miễn phí tốt nhất hiện nay

Phần tiêu đề có thể được hiển thị với 6 loại h1 đến h6. Tuy nhiên, để làm rõ phần hiển thị tiêu đề thì kích thước h1, h2 là phù hợp nhất. Thông thường mẫu html đơn giản sử dụng thẻ h1 dành để hiển thị cho những tiêu đề quan trọng, sau đó chúng giảm dần đến h6.

- Cú pháp:

This is a heading

 

This is a heading

 

This is a heading

2. Code web html đơn giản với thẻ khối <span>, <div>

Một số trường hợp, chúng ta cần chia văn bản trong website thành nhiều dòng nhỏ sao cho thông tin được logic hơn. Trong đó thẻ div và span được sử dụng để nhóm các đoạn văn bản có liên quan lại với nhau. Phần thử span dùng để định nghĩa nội dung trong một dòng. Còn đối với thẻ div thường dùng để thiết kế layout cho website. Phần từ div dùng để chia nhỏ các phần có liên quan lại với nhau cad sử dụng giúp định nghĩa nội dung mức khối.

Ví dụ:

<html>

<head>

<title>ABC</title>

</head>

<body>

<div>

division 1

<p>abc</p>

<p>efg</p>

</div>

<div align="right">

division 2

<p>DEF

</p>

<h2>GHJ</h2>

</div>

<p>TFGH

<span>D</span>

</p>

</body>

</html>

3. Danh sách không thứ tự

Đây là loại danh sách đơn giản có thể sử dụng cho website của bạn. Danh sách không thứ tự được xem như là một bulleted list. Loại này được sử dụng trong cặp thẻ <ul>…</ul>. Hơn nữa, mỗi danh sách sẽ được đánh dấu với thẻ <li>…</li> (list Item).

Ví dụ:

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

4. Danh sách có thứ tự

Đây là loại danh sách có thứ tự và được nằm trong cặp thẻ <ol>…</ol>. Danh sách thứ tự được hiển thị trong mục danh sách. Một điểm đặc biệt ở danh sách có thứ tự là được tạo nên tự động.

Ví dụ:

<ol>

<li>a</li>

<li>b</li>

<li>c</li>

<li>d</li>

<li>e</li>

</ol>


Học code html đơn giản với các thẻ định dạng văn bản

5. Danh sách định nghĩa

Loại này sử dụng để tạo nên một danh sách các điều khoản cũng như định nghĩa chúng. Danh sách định nghĩa sử dụng cặp thẻ <dl>…</dl>. Thẻ <dt> được sử dụng chỉ ra điều khoản. Thẻ <dd> chỉ ra định nghĩa cho điều khoản đó.

Ví dụ:

<dl>

<dt>Thứ hai</dt>

<dd>Ngày đầu tiên trong tuần</dd>

</dl>

6. Code web html đơn giản với thẻ đường ngang <hr>

Sử dụng thẻ <hr> nhằm mục đích tạo nên một đường ngang trên trang. Loại thẻ này chỉ có thẻ bắt đầu mà không có thẻ đóng và không có nội dung bên trong.

7. Code web html đơn giản khi Sử dụng font

Thẻ <FONT> sử dụng nhằm hiện thị văn bản trên website. Chúng dùng để định nghĩa một số những thuộc tính như màu sắc, kiểu, kích thước...Ngoài ra, có thể sử dụng <FONT> cho nội dung bằng cách đặt chúng trong thẻ <BODY>. <FONT> có thể đặt cho từng trang, từng từ...

+ Thuộc tính mô tả:

- COLOR: là thuộc tính chỉ màu của một font. Có thể sử dụng bằng tên màu hoặc bằng giá trị thập phân cho mỗi loại.

- SIZE: Sử dụng để chỉ kích thước font. Chúng ta xác định bằng kích thước twf1 đến 7. Trong đó, kích thước lớn nhất là 7 và nhỏ nhất là 1. Các bạn có thể chọn kích thước chuẩn là 3 thì: SIZE=+4 sẽ tăng lên 7 hay SIZE=-1 sẽ giảm xuống 2

- FACE: nhằm chỉ định kiểu phông chữ

- Sử dụng màu sắc: Các bạn có thể sử dụng màu sắc vào những phần tử trong trang. COLOR là thuộc tính được sử dụng nhiều nhất. Có 3 kiểu màu sử dụng nhiều là đỏ, xanh và xanh da trời. Mỗi màu có một bộ hệ 16. Sử dụng số thập phân 00 chủ 0% màu trong đó FF chi 100% màu.

Ví dụ:

#FF0000 Red

#00FF00 Green

#0000FF Blue

#000000 Black

#FFFFFF White

Ví dụ:

<html>

<head>

<title>HELLO</title>

</head>

<body>

<h2>

<font color="LIMEGREEN">Xin Chào</font>

</h2>

<p>

<font color="red">Thật tuyệt</font>

</p>

</body>

</html>

8. Sử dụng hình ảnh trong tài liệu HTML

Một số hình ảnh thường được sử dụng trong HTML như:

- Ảnh GIF thường là dạng được sử dụng phổ biến nhất trong HTML. Những file GIF được định dạng nền và được hỗ trợ 256 màu. Ưu điểm của ảnh GIF là dễ tải, ngay cả khi sử dụng với tốc độ chậm.

- Ảnh JPEG: là một dạng ảnh nén mất thông tin. Điều này cũng đồng nghĩa với việc khi ảnh trên web không giống ảnh gốc. Tuy nhiên, chất lượng ảnh tốt và gần như giống ảnh thật. Với dạng này bạn có thể tự định lại tỉ lệ phù hợp trên giao diện.

- PNG: được xem như  dạng nén lossless, không mất thông tin và hỗ trợ ảnh màu thực và dải màu xám.

Để có thể chèn hình ảnh vào trang các bạn sử dụng thẻ IMG bằng cú pháp:

<IMG SRC=”URL”>

Trên đây là những thẻ cơ bản giúp bạn code web html đơn giản và hiệu quả. Không những thế, các bạn có thể sử dụng thêm một số thuộc tính khác nhằm tăng tính sáng tạo cho website. Ngoài ra, nếu bạn muốn tìm hiểu thêm những tài liệu tham khảo khác nhằm viết code đơn giản với html có thể liên hệ đường dây nóng 19006680 hoặc truy cập https://nhanhoa.com/

>>> Xem thêm: Những website học lập trình cơ bản miễn phí cho người mới code


>>> Xem thêm: Kinh nghiệm tự học code cơ bản cần biết cho người mới

5. Danh sách định nghĩa

Loại này sử dụng để tạo nên một danh sách các điều khoản cũng như định nghĩa chúng. Danh sách định nghĩa sử dụng cặp thẻ

. Thẻ

Bài viết cùng chủ đề

Hệ thống đang xử lý .Quý khách vui lòng không tắt trình duyệt!
× Lổi!
×
×
Web Analytics