Làm thế nào học code web html đơn giản khi mới bắt đầu?

Hiện nay, lập trình là một trong những ngành nghề, bộ môn vô cùng “hot” bởi thời đại công nghệ số phát triển. Điều này thực sự quan trọng với những người mới bắt đầu.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. Nó thường được in to, đậm hoặc nghiêng để nổi bật nhất trong toàn bộ văn bả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. Những tiêu đề quan trọng thì sẽ dùng h1, h2.

2. Code web với các thẻ khối <span>, <div>

Khi đọc văn bản trên web, người dùng thường dễ mỏi mắt và có ít thời gian để duy trì mức độ đọc. Hai thẻ này có tác dụng liên kết các đoạn thông tin trong văn bản lại. Với thẻ span, phần tử này giúp định nghĩa nội dung thông tin ở cấp độ dòng.Người dùng thường dùng thẻ div để thiết kế layout cho website đó.

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

>>> Xem thêm: vps windows giá rẻ – Tìm hiểu dịch vụ VPS số 1 thị trường

>>> Xem thêm: dịch vụ email google – 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

Share this post:

Recent Posts

Leave a Comment