Học code web html đơn giản với những gạch đầu dòng sau

Các học viên muốn tự tin code web thì phải được đào tạo bài bản. Code web không phải đơn giản nhưng chỉ cần chăm chỉ, tìm tòi và nắm kiến thức từ căn bản.Những tóm tắt dưới đây được tổng hợp từ những người có kinh nghiệm.

1. Code web html dễ dàng với thẻ 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.

Có thể nhiều người quen các headings ở trong word. Để hiển thị lên tiêu đề thì thường dùng h1, h2 hay h3 là chính. Và giảm dần các tít không cần to và rõ là các h3, h4, h5 hoặc h6.

2. Code web html dễ dàng với 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. Vì thế người code web không thể quên được hai thẻ này. Với thẻ span, phần tử này giúp định nghĩa nội dung thông tin ở cấp độ dòng. Đây cũng là công việc quan trọng tạo nên giao diện.

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: hosting worpress – Dịch vụ hàng đầu thị trường với chi phí cực tiết kiệm

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

>>> Xem thêm: gmail cho doanh nghiệp nhỏ – 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

Add Comment