28 C
Hanoi
Thứ Ba, Tháng Bảy 16, 2024

Ví dụ cơ bản về HTML

NEWSVí dụ cơ bản về HTML

Trong bài này, chúng tôi sẽ trình bày một số ví dụ HTML cơ bản.
Đừng lo lắng nếu chúng tôi sử dụng các thẻ mà bạn chưa được biết nhưng nó cực kỳ dễ hiểu, các bạn hãy an tâm!

1. <! DOCTYPE> Khai báo tài liệu HTML

<! DOCTYPE html> Tất cả các tài liệu HTML phải bắt đầu bằng khai báo loại tài liệu.
<html> </html> Bản thân tài liệu HTML bắt đầu bằng <html> và kết thúc bằng </html>.
<body> </body> Phần hiển thị của tài liệu HTML nằm giữa <body> và </body>.

  • Khai báo <! DOCTYPE> đại diện cho loại tài liệu là HTML và giúp trình duyệt hiển thị các trang web chính xác.
  • Nó chỉ được xuất hiện một lần, ở đầu trang (trước bất kỳ thẻ HTML nào)
  • Khai báo <! DOCTYPE> không phân biệt chữ hoa chữ thường.
  • <!DOCTYPE html>  Là khai báo cho HTML5

2. Thẻ tiêu đề <h1></h1> – HTML Headings

  • Các tiêu đề trong HTML được xác định bằng các thẻ <h1> đến <h6>.
  • <h1> xác định tiêu đề quan trọng nhất.
  • <h6> xác định tiêu đề ít quan trọng nhất, các bạn xem ví dụ về các cấp tiêu đề và hiển thị nó trong ví dụ nhé.
<!DOCTYPE html>
<html>
	<body>
		<h1>This is heading 1</h1>
		<h2>This is heading 2</h2>
		<h3>This is heading 3</h3>
		<h4>This is heading 4</h4>
		<h5>This is heading 5</h5>
		<h6>This is heading 6</h6>
	</body>
</html>

Kết quả:

3. Đoạn văn HTML – HTML Paragraphs

Đoạn văn được xác định bằng thẻ đánh dấu <p> và kết thúc bằng </p>

<p>Cùng học viết wed.</p>
<p>cùng học html.</p>

 4. Đường dẫn trong HTML – HTML Links

Các đường dẫn được xác định bằng thẻ <a> và </a>

<a href="https:tonghop.org">Trang thông tin tổng hợp</a>

Thuộc tính href: Đích đến của đường dẫn này được chỉ định trong
Thuộc tính được dùng để cung cấp thêm thông tin cho phần tử trong HTML.
Bạn sẽ học về các thuộc tính và phần tử của HTML ở bài học sau.

5. Hình ảnh trong HTML – HTML Images

Hình ảnh trong HTML được xác định bằng thẻ<img> Thuộc tính của hình ảnh:
– Tập tin nguồn (src),
– Văn bản thay thế (alt),
Widthheight

Example

<img src"tonghop.org.logo.png" alt="tonghop.org" width="1080" height="900">

6. Nút bấm trong HTML</button> – HTML Button

— Nút bấm trong HTML được xác định bằng thẻ <button>

Example

<button>Click vào đây</button>

7. Danh sách trong HTML<ul>- HTML List

– Danh sách được xác định bằng thẻ
– <ul> (danh sách có dấu đầu dòng/không theo thứ tự)
– <ol> (danh sách có số đầu dòng/theo thú tự),
Theo sau đó là thẻ <li> (liệt kê từng mục) Example

<ul>
<li>Giới thiệu về HTML</li>
<li>Công cụ soạn thảo HTML</li>
<li> Các ví dụ cơ bản về HTML</li>
</ul>
 
 
 
 

BÀI VIẾT MỚI

Cách đăng ký sim giá rẻ LINEMO (LINE) – Mới Nhất

Giới thiệu: Nhà mạng Linemo được đổi tên từ nhà...

Hướng dẫn kiếm tiền từ Google AdSense mới nhất!

Google AdSense là gì? Kiếm tiền online là một từ...

Địa điểm ngắm lá đỏ đẹp nhất ở KANTO- Nhật Bản.

Ai đã từng đặt chân đến Nhật Bản, chắc...

QUẦY TƯ VẤN CHO NGƯỜI NƯỚC NGOÀI TẠI NHẬT BẢN MIỄN PHÍ

Quầy tư vấn cho người nước ngoài tại Nhật...

Tổng hợp sim giá rẻ ở Nhật Bản

Hôm nay mình xin giới thiệu đến các bạn...

Hướng dẫn đăng ký tài khoản Rakuten.

Mục đích đăng ký tài khoản rakuten: Tài khoản rakuten...

Hướng dẫn thủ tục xin miễn giảm thuế cuối năm khi làm việc tại Nhật Bản (Điều chỉnh tiền thuế cuối năm).

Hai khoản thuế này đáng nhẽ ra là từng cá nhân sẽ phải tự kê khai và nộp cho cơ quan thuế, tuy nhiên, đối với các bạn đang đi làm tại các công ty thì thường bộ phận hành chính của công ty sẽ đại diện cho nhân viên của công ty làm các thủ tục thay cho tất cả nhân viên trong đó có bạn.

Dân số Nhật Bản giảm kỷ lục trong 13 năm liên tiếp.

Theo dữ liệu chính thức từ chính phủ Nhật...

7 lễ hội mùa hè Nhật Bản bạn nhất định phải trải nghiệm

   Mùa hè ở Nhật còn được coi là...

Trợ Cấp Nghỉ Phép Chăm Con Sau Sinh ở Nhật Bản

Sau khi sinh con ở Nhật, bạn có thể...

Tiếng Nhật về Mẹ và Trẻ Sơ Sinh

Để các mẹ thuận lợi hơn trong việc sinh...

Tiếng Nhật bệnh hay gặp ở trẻ em

Dưới đây là một số triệu chứng và bệnh...

Tiếng Nhật khi làm thêm ở Combini

Bạn nhận được công việc làm thêm ở Combini,...

Cách ghi tờ khai xuất cảnh tại Nhật

Với những bạn lần đầu về nước từ Nhật,...

Thủ tục xin nhập quốc tịch Nhật

Nhật bản là nước phát triển bậc nhất thế...

ĐƯỢC QUAN TÂM

Thủ tục xin làm thêm 28 tiếng tại Nhật

ĐỐI TƯỢNG: Đối tượng cần làm đơn xin làm thêm...

Cách đăng ký sim giá rẻ LINEMO (LINE) – Mới Nhất

Giới thiệu: Nhà mạng Linemo được đổi tên từ nhà...

Đơn xin làm thêm 28 tiếng – Hướng dẫn chi tiết.

ĐỐI TƯỢNG: Đối tượng cần làm đơn xin làm thêm...

Hướng dẫn kiếm tiền từ Google AdSense mới nhất!

Google AdSense là gì? Kiếm tiền online là một từ...

Bùng điện thoại ở Nhật Bản – Góc cảnh báo!!!

Tìm hiểu thêm: Tổng hợp sim giá rẻ ở...

Địa điểm ngắm lá đỏ đẹp nhất ở KANTO- Nhật Bản.

Ai đã từng đặt chân đến Nhật Bản, chắc...

Hướng dẫn thủ tục xin miễn giảm thuế cuối năm khi làm việc tại Nhật Bản (Điều chỉnh tiền thuế cuối năm).

Hai khoản thuế này đáng nhẽ ra là từng cá nhân sẽ phải tự kê khai và nộp cho cơ quan thuế, tuy nhiên, đối với các bạn đang đi làm tại các công ty thì thường bộ phận hành chính của công ty sẽ đại diện cho nhân viên của công ty làm các thủ tục thay cho tất cả nhân viên trong đó có bạn.

Tổng hợp sim giá rẻ ở Nhật Bản

Hôm nay mình xin giới thiệu đến các bạn...

Hướng dẫn đăng ký tài khoản Rakuten.

Mục đích đăng ký tài khoản rakuten: Tài khoản rakuten...

Cách photo copy giấy tờ 2 mặt tại combini

Tại Nhật, các máy photo copy thường có trong...