Điểm danh những check list giúp bạn học code web html dễ dàng

Lập trình web ngày càng cần nhiều lao động trong thời đại ngày nay. Thực sự bổ ích! Bạn cũng có thể coi đó là những điều bắt buộc cần học và hiểu hết khi mới tìm hiểu về code web html.

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

Nó được dùng để trình bày tiêu đề cho phần nội dung web muốn truyền tải.Điểm khác biệt và dễ nhận thấy nhất của phần tiêu đề đó là hình thức thể hiện.

Nó bao gồm từ H1 tới H6 (viết tắt của Headings). Bởi nó sẽ tạo ra giao diện to rõ ràng nhất. Những tiêu đề quan trọng thì sẽ dùng h1, h2.

2. Làm việc với các thẻ khối <span>, <div>

Nhiều trường hợp người lập trình phải chia nhỏ thông tin trong văn bản thành các đoạn khác nhau, làm sao cho nội dung tạo sự liên kết và logic.Điều này cần có sự hỗ trợ rất lớn của các thẻ div và span.Nó được sử dụng phổ biến với những chức năng khác nhau. Vì thế tác dụng của hai thẻ là như nhau.

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.

Nguồn bài viết: https://nhanhoa.com/tin-tuc/hoc-code-web-html-don-gian-voi-8-check-list-sau-day.html

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

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

>>> Xem thêm: email tên miền – 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

Leave a Comment