Menu và phần tử tạo meu trong html cơ bản

Menu và phần tử tạo menu trong Html cơ bản

Tạo menu bằng phần tử Html là một trong các việc cần làm được khi học Html cơ bản. Hôm nay chúng ta sẽ cưỡi ngựa xem qua các phần tử trúng thầu cái menu trong web nhá hihi

1. Menu thực chất là gì?

Menu thực chất là một hoặc nhiều danh sách lồng vào nhau có chứa liên kết đến các nội dung quan trọng của trang web để giúp mọi người tương tác dễ dang hơn.

Menu có cơ bản có 2 dạng menu dọcmenu ngang.

Tùy theo nội dung trang Web nhiều hay ít nội dụng mà sẽ thêm các menu con nằm trong từng thành phần của menu tổng.

2. Các phần tử tạo menu trong html

Ta đã nói cấu trúc Html được tạo bới các phần tử. Và mọi phần tử điều có các chức năng khác nhau trong cấu trúc Html. Điều đó có nghĩa là để tạo nemu trong html thì sẽ có các phần từ đảm nhận nhiệm vụ này. Và các phần tử tạo danh sách là các phần tử được dùng trong việc tạo menu.

Có 3 phần tử có vai trò tạo danh sách trong html là ol, ul và, dl. Và phần tử ol và ul là hai phần tử ta cần quan tâm khi tạo menu (thường dùng là ul)

Xem thêm:  Thuộc tính trong HTML là gì? Điều cần biết về thuộc tính trong Html

3. So sánh phần từ ol và ul

So sánh phần tử ol và phần tử ul
So sánh phần tử ol và phần tử ul

Giống nhau:

Đâu điều là hai phần tử dạng Block và có tác dụng tạo nen 1 danh sách

Cả 2 điều sử dụng phần tử li bên trong để xác định từng thành phần trong danh sách

Khác nhau

Đã gọi là danh sách, nghĩa là các thành phần có trong đó sẽ được đánh dấu thứ tự hoặc ký hiệu. Và cách đánh dấu thành phần chính là khác biệt giữa phần tử olphần tử ul.

  • Nếu ol sử dụng ký tự đánh dấu các thành phần thông qua thuộc tính type và mặc định là 1,2,3…Nó là kiểu danh sách có số thứ tự

<ol type=” ….”>  ….</ol>

  • Thì ul sử dụng hình ảnh tượng trưng để đánh đấu thông qua thuộc tính toàn câu styethuộc tính csslist-style-type và mặc định là chấm tròn đen. Nó là kiểu danh sách không theo thứ tự

Để bỏ các đánh dấu ở đầu các danh sách  ta có thể sử dụng thuộc tính list-style-type và chọn giá trị là none.

<ul sytle=”list-style-type: none”>

Vậy là chúng ta đã biết qua công cụ cần dùng khi tạo menu bằng HTML là gì rồi đúng. Ở bài tiếp chúng ta sẽ xét qua cách tạo menu bằng phần tử ul nhá hi!

Hi vọng bài viết hữu ích với bạn!

Thuộc tính Type của phần tử Input trong Form
Tthuộc tính Type của phần từ Input trong Form Html cơ bản

Chúng ta đã nói về phần tử input, chúng ta cũng biết type là thuộc tính của phần từ input. Nó quy Chi tiết

Thuộc tính trong HTML là gì? Điều cần biết về thuộc tính trong Html
Thuộc tính trong HTML

Chúng ta biết cấu trúc Html được tạo thành bởi các phần tử Html. Mỗi phần tử Htlm lại có Chi tiết

Tạo menu Html và các bước cần quan tâm
Tạo menu Html và cá bước cần quan tâm

Chúng ta sẽ đi vào việc tạo menu Html cơ bản thông qua các phần tử html và các bước Chi tiết

Tạo Form đăng ký: Phần tử input người tiếp nhận hồ sơ
Phần tử Input trong Form Html cơ bản

Form nhập liệu thì ắt phải có dữ liệu được nhập vào. Vậy dữ liệu được nhập vào tại đâu? Chi tiết