HTML Cơ Bản Cho Người Mới Bắt Đầu

Ngày hôm nay chúng ta sẽ đi vào học html và cách sử dụng các thẻ HTML cơ bản vào trong quá trình lập trình và phát triển website nha.

HTML Là Gì?

HTML được viết tắt từ Hyper Text Markup Language ( Ngôn ngữ ghi lại siêu văn bản ) giúp tất cả chúng ta tạo ra cấu trúc và nội dung cho website. Nó được tăng trưởng bởi ông Tim Berners-Lee năm 1990 và ông cũng được biết đến là người sáng lập của World Wide Web luôn những bạn nhé ! Sau đó thì đến năm 1996 W3C ( World Wide Web Consortium ) là cơ quan chính thống duy trì và tăng trưởng HTML. Tới giờ đây thì chúng mình đang sử dụng phiên bản HTML5 giúp tiếp cận nhanh và can đảm và mạnh mẽ hơn với sự tăng trưởng của web !

Các Công Cụ Soạn Thảo Cho HTML

Bạn đang đọc: HTML Cơ Bản Cho Người Mới Bắt Đầu

Visual Studio Code

Visual Studio Code là một mã nguồn mở và được tăng trưởng bởi Microsoft nên những bạn cứ yên tâm sử dụng vì nó trọn vẹn không lấy phí và luôn được update những phiên bản mới nhất. Không chỉ vậy nó còn rất thích hợp cho việc tăng trưởng những dự án Bất Động Sản lớn, phức tạp ngoài những còn tương hỗ việc tích hợp Git. Công cụ này còn phân phối những phần lan rộng ra ( extension ) giúp tất cả chúng ta hoàn toàn có thể code một cách nhanh hơn, quản trị file hiệu suất cao … Mình sẽ làm một bài chi tiết cụ thể về những phần lan rộng ra giúp tất cả chúng ta code một cách tốt hơn nhé !Nguồn

Atom

Atom là mã nguồn mở và được tăng trưởng bởi github và không lấy phí. Cung cấp những tiện ích giúp tất cả chúng ta thao tác với git và github thuận tiện hơn. Nó cũng phân phối những những tiện ích lan rộng ra, được tương hỗ bởi hội đồng github nên mình thấy ở những bản update sau này thì có cải tổ về hiệu suất hơn trước. Điểm đặc biệt quan trọng nữa là được cho phép tất cả chúng ta tùy chỉnh giao diện theo sở trường thích nghi của mình !Nguồn

Notepad++

Notepad + + là một mã nguồn mở không lấy phí và được cấp phép bởi GPL. theo mình thấy đây là một trình soạn thảo tuyệt vời và đơn thuần và thuận tiện sử dụng so với mọi Lever tăng trưởng đặc biệt quan trọng là người mới bắt đầu. Nó tương hỗ nhiều loại ngôn từ khác nhau và được coi là ứng dụng chuyên trình soạn thảo văn bản HTML. Khởi động và hiệu suất đạt mức tốt, cung ứng những phần tiện tích bên ngoài, tự động hóa biến hóa sắc tố tùy vào thẻ mà ta sử dụng trong HTML !NguồnNếu bạn muốn khám phá thêm những chương trình soạn thảo code thì hoàn toàn có thể truy vấn ở đây nhé !

Các Trình Duyệt Chạy HTML

Google Chrome

Nguồn

Mozilla Firefox

Nguồn

Microsoft Edge

Nguồn

Cách Tạo Một File HTML

Để tạo một file HTML thì bạn sẽ chỉ cần viết tên mình muốn + đuôi lan rộng ra của file. html là được nha .

Cấu Trúc Của File HTML

Thông thường một cấu trúc HTML sẽ đươc cấu trúc như sau :

• !Doctype: Xác định cho trình duyệt biết phiên bản HTML mà bạn đang sử dụng.
• html: xác định đây là cấu trúc HTML. Mọi thẻ đều phải được chứa trong thẻ này nhé.
• head: Nơi chứa các thông tin về website và không hiển thị trong nội dung trang web. Ví dụ như là thẻ metadata, title, css…
• body: Chứa tất cả nội dung mà bạn muốn hiển thị cho người dùng xem như là văn bản, hình ảnh…

Cú Pháp Tag Trong HTML

Các bạn hoàn toàn có thể tưởng tượng cấu trúc HTML như một căn nhà thì những thẻ HTML đóng vai trò như thể những viên gạch góp thêm phần tạo nên căn nhà. Do vậy tất cả chúng ta cùng nhau đi khám phá thành phần cấu trúc của một thẻ HTML :

Đa số các thẻ trong HTML thì sẽ có cấu tạo như hình trên nhưng còn một số thẻ đặc biệt không theo định dạng này như là thẻ hình ảnh (img)… và cũng có những thẻ không cần có nội dung chứa bên trong nó như thẻ nhập liệu (input)… thì mình sẽ nói sau.
Tên thẻ thì không phân biệt chữ hoa và chữ thường vì vậy dù mình có ghi là , , thì trình duyệt đều có thể hiểu được. Nhưng các bạn nên dùng chữ thường cho tất cả tên thẻ như là html, img, p… để tạo tính nhất quán cho trang web của bạn.

Heading Tag HTML

Heading theo mình hiểu là những từ ngắn gọn giúp khái quát ý nghĩa mà mình muốn nói đến. Khi người dùng đọc tiêu đề thì họ hoàn toàn có thể hiểu được mình sẽ nói về nội dung gì. Các sever tìm kiếm như Google thì nó sẽ dùng thuật toán để tìm kiếm, theo mình biết thì nó cũng nhìn nhận mức độ tương quan của tiêu đề website với những tìm kiếm mà người dùng nhập vào. Trong HTML cung ứng cho mình 6 loại tiêu đề đi từ lớn tới nhỏ theo bảng dưới đây :

Paragraph Tag HTML

Trong HTML thì mình sẽ sử dụng thẻ p để xác định đó là một đoạn văn. Nếu các bạn để ý thì thông thường tên của một thẻ HTML thì sẽ là từ viết tắt liên quan đến chức năng của nó. Ví dụ như là thẻ p là viết tắt của từ paragraph. Khi ta dùng thẻ này thì nó sẽ tự động xuống dòng.

Thẻ br và hr

Trong HTML thì mình sẽ sử dụng thẻ p để xác lập đó là một đoạn văn. Nếu những bạn chú ý thì thường thì tên của một thẻ HTML thì sẽ là từ viết tắt tương quan đến tính năng của nó. Ví dụ như là thẻ p là viết tắt của từ paragraph. Khi ta dùng thẻ này thì nó sẽ tự động hóa xuống dòng .Nó giúp định dạng đoạn văn một cách tốt hơn với br giúp tạo tính năng xuống hàng trong văn bản và hr có trách nhiệm ngăn cách văn bản bằng đường thẳng. Lưu ý nó không có thẻ đóng nha .

Các Thẻ In Đậm, In Nghiêng và Gạch Chân Trong HTML

• Thẻ b có tác dụng giúp in đậm chữ.
• Thẻ i có tác dụng giúp in nghiêng chữ.
• Thẻ s có tác dụng giúp gạch ngang chữ.
• Thẻ u có tác dụng giúp gạch dưới chữ
• Thẻ small có tác dụng giúp làm nhỏ chữ

Thêm Symbol Trong HTML

Thật sự là khi code HTML thì tất cả chúng ta sẽ gặp những kí tự mà không hề ghi bằng cách thường thì được. Ví dụ bạn sử dụng dấu < hoặc > thì trình duyệt sẽ tự hiểu là nó là những thẻ đóng hoặc thẻ mở nhiều khi sinh ra những lỗi không mong ước cho nội dung website của tất cả chúng ta hay không thẻ chèn hai hay nhiều khoảng chừng trắng cùng một lúc trong nội dung của thẻ HTML.Do đó trong phần này mình sẽ cung ứng cho những bạn một số ít kí tự hay dùng và chèn nó vào mã HTML :Bây giờ tất cả chúng ta sẽ đi vào thêm khoảng chừng trắng vào nội dung của website nhé !

Image Trong HTML

Hình ảnh được xem như thể nội dung thông dụng trong web nó Open phần đông ở mọi website. Các bạn hãy tưởng tượng một website toàn chữ thì thật không đẹp mắt và cũng như không có gì minh họa cho những nội dung của tất cả chúng ta. Theo mình được biết thì thời nay những website phần đông sử dụng hình ảnh để làm nội dung và chữ thì sẽ càng ít càng tốt do đời sống thời nay bận rộn nên phần nhiều mọi người xem web chỉ quan tâm những ý chính và thường không xem chữ nhiều .Thẻ hình ảnh được tạo bởi thẻ img. Đây là thẻ không có thẻ đóng nhé những bạn. Để mà hiển thị được hình ảnh thì tất cả chúng ta bắt buộc phải gán thuộc tính src và cộng thêm thuộc tính alt cho thẻ .Như những bạn thấy thì thẻ hình ảnh có thuộc tính src để xác lập nơi mà tất cả chúng ta chứa hình ảnh ( Có thể là trên web hoặc hoàn toàn có thể trên máy tính của mình ). Thuộc tính alt thì xác lập thêm thông tin về hình ảnh ( Nếu như hình ảnh không hiện thị thì những dòng chữ trong thuộc tính này sẽ Open )Để giúp bạn dễ tưởng tượng thì giờ đây tất cả chúng ta hãy đi vào ví dụ chi tiết cụ thể nha .Còn đây là dự án Bất Động Sản thực tiễn nhé !See the Pen Thẻ hình ảnh với chiều cao va chieu dài by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Một số chú ý quan tâm khi sử dụng hình ảnh trong HTML :

• Đa số những web thông dụng thì thường lưu hình ảnh dưới dạng là jpeg, gif, png và svg. Các bạn cũng thể chọn những định dạng khác nhưng như vậy nhiều khi sẽ làm kích thước hình ảnh của chúng ta lớn làm ảnh hưởng đến quá trình tải trang.
• Dùng thuộc tính alt trong thẻ hình ảnh sẽ giúp cho trang web của các bạn được Goole dễ tìm thấy hơn. Nhưng đừng vì vậy mà ghi dài dòng nhằm để SEO tốt hơn. Hình ảnh với miêu tả như vậy sẽ bị cho là đánh giá không tốt. Các bạn cứ nhớ khi dùng thẻ img thì luôn kèm theo thuộc tính alt với miêu tả ngắn gọn xúc tích.
• Khi sử dụng hình ảnh các bạn nên cân nhắc bản quyền. Nhiều hình ảnh phải có quyền thì mình mới sử dụng được, nên mình sẽ giới thiệu các bạn một số trang giúp sử dụng hình ảnh chất lượng cao miễn phí như là:
  • Pexels: cung cấp kho ảnh chất lượng cao và hoàn toàn miễn phí có giấy phép Pexels.
  • Pixabay: Cung cấp những hình ảnh chất lượng với nhiều dạng định dạng khác nhau.
  • Unsplash: Cung cấp nhiều hình ảnh miễn phí chất lượng tốt.
  • Freepik: Cung cấp những hình ảnh định svg chất lượng cao. (Các bạn có thể dùng miễn phí hoặc trả phí)
• Các bạn nên giảm kích thước hình ảnh để giúp trang web có thể tải và chạy nhanh hơn với một số trang web sau đây:
  • Imagecompressor
  • Tinypng
  • compressor

Sử Dụng Attribute Trong HTML

Hầu như những thẻ thì đều có thuộc tính nhưng sẽ có những thuộc tính đặc biệt quan trọng chỉ dành cho 1 số ít thẻ HTML nhất định. Thuộc tính sẽ luôn nằm trong thẻ mở với tên thuộc tính giúp tất cả chúng ta xác lập loại thông tin về nội dung của thẻ HTML và giá trị thuộc tính là thông tin của thuộc tính đó. Giá trị thuộc tính tùy vào tên thuộc tính mà hoàn toàn có thể là chữ, số, url … Và những bạn nhớ là luôn có dấu = ngăn cách giữa tên thuộc tính và giá trị thuộc tính nhé !Để giúp bạn dễ tưởng tượng thì giờ đây tất cả chúng ta hãy đi vào ví dụ cụ thể nha .Như những bạn thấy thì thuộc tính style giúp tất cả chúng ta hiện thị chữ màu đỏ với giá trị thuộc tính ” color : red ” .

Sử Dụng liên kết HTML

Chúng ta hoàn toàn có thể viết những đường dẫn tới những website khác hoặc một phần nội dung trong website bằng thẻ a. Thuộc tính href với giá trị thuộc tính dùng để xác lập đường dẫn mà tất cả chúng ta muốn hướng tới. Chữ nội dung nằm giữa thẻ a là nơi mà người dùng nhấp vào để chuyển tiếp đến website khácBây giờ tất cả chúng ta sẽ đi vào ví dụ chi tiết cụ thể nhé !

Nếu bạn muốn tham khảo thêm các đường dẫn đẹp cho website thì truy cập Hiệu Ứng Hover CSS Đẹp Cho Đường Dẫn nha.

Xem thêm: Cơ cấu dân số “vàng”- cơ hội và thách thức

Thẻ Danh Sách HTML

Đối với mội người thì list có vẻ như quá quen thuộc rồi nhỉ như thể mục lục của một quyển sách, list học viên, list những loại rau quả … Trong HTML có cung ứng tất cả chúng ta 3 loại thẻ diễn đạt những loại list khác nhau là :

Thẻ danh sách không theo thứ tự:

Thẻ list không theo thứ tự này thì được dùng bởi thẻ ul. Khi đã tạo list thì ta cần một thẻ là li để tạo những chỉ mục trong list. Trong một list thì ta hoàn toàn có thể một hay nhiều chỉ mục. Và những bạn tuyệt đối nhớ là khi có thẻ ul thì luôn đi kèm với thẻ li .

Như các bạn thấy thì trước mỗi chỉ mục danh sách thì chúng ta có những kí hiệu để giúp mình xác định từng chỉ mục trong danh sách. Chúng ta có thể thay đổi những kí hiệu mà chúng ta muốn như hình tròn, hình vuông… bằng cách sử dụng thuộc tính style. Giá trị thuộc tính của nó đa số đều thuộc CSS nên các bạn cứ làm theo sau này mình sẽ đi vào sâu hơn. Ta sẽ sử dụng giá trị thuộc tính là list-style-type để thay đổi:

• style=”list-style-type:disc”: Sử dụng cho kí hiệu mặc định
• style=”list-style-type:circle”: Sử dụng cho kí hiệu hình tròn
• style=”list-style-type:quare”: Sử dụng cho kí hiệu hình vuông
• style=”list-style-type:none”: Không sử dụng cho kí hiệu nào cho các chỉ mục

Thẻ danh sách theo theo thứ tự:

Cũng giống như những yếu tố của thẻ list không theo thứ tự nhưng thẻ list thứ tự thì được tạo bởi thẻ ol .Nếu bạn muốn tìm hiểu thêm thêm những thẻ list đẹp cho website thì truy vấn Thiết Lập Style Danh Sách Bằng CSS Cho Website nha .

Bảng Trong HTML

Bảng được tạo thành bằng cách sắp xếp tài liệu theo hàng và cột giúp tất cả chúng ta tra cứu giá trị một cách nhanh gọn hoặc so sánh giá trị của nhiều dạng tài liệu khác nhau … Bảng được tạo bởi thẻ table trong HTML với tài liệu dòng được tạo bởi thẻ tr, tài liệu trong ô được tạo bởi thẻ td và ô tiêu đề được tạo bởi thẻ th. Ở đây mình chú ý quan tâm đến những từ viết tắt tiếng anh trong tên thẻ của bảng giúp những bạn dễ nhớ hơn :

• Thẻ
  

  : Đây là từ viết tắt của table row có nghĩa là dòng trong bảng

• Thẻ

  : Đây là từ viết tắt của table data có nghĩa là dữ liệu trong bảng

• Thẻ

  : Đây là từ viết tắt của table headers có nghĩa là tiêu đề trong bảng

Như những bạn thấy thì bên trong thẻ table thì sẽ chứa thẻ con là tr là để hiện thị số hàng có trong bảng và td hiển thị số ô có trong một dòng. Để cho do hiểu thì chúng mình hãy cùng nhau đi vào chi tiết cụ thể cấu trúc một bảng nhé :

Các thuộc tính như vậy trong bảng HTML thì không khuyến khích sử dụng vì bây giờ thì nó không được hỗ trợ trong HTML5. Nên chúng ta phải dùng giá trị thuộc tính CSS để xét đường viền cho bảng. Cũng có các thuộc tính khác mà cũng không được sử dụng trong bảng nữa là align, bgcolor, cellpadding, cellspacing, width… Các thuộc tính này nếu các bạn muốn tìm hiểu để đọc và hiểu các thuộc tính bảng trong HTML cũ thì có thế truy cập vào đây xem nhé Thuộc tính cũ trong table.

Nếu bạn muốn tìm hiểu thêm thêm những table đẹp cho website thì truy vấn Table Responvise Đẹp nha .

Form HTML

Để dễ gọi hơn mình sẽ dùng từ form nhé! Thì mục đích của form là giúp chúng ta tạo sự tương tác giữa người dùng với trang web. Nó cho phép người dùng nhập và gửi dữ liệu đến web server (theo mình hiểu thì đây là nơi mà nó lưu trữ trang web và xử lý thông tin). Form được sử dụng rất là nhiều trong các trang web như đăng kí thành viên, tìm kiếm, người dùng đăng nhập… Để dễ hiểu thì các bạn xem một form ở dưới đây nhé!

Như những bạn thấy khi người dùng nhập thông tin và nhấp vào ĐK thì tài liệu sẽ được gửi đến Web Server để giải quyết và xử lý với thông tin là nhu yếu đăng kí của người dùng. Sau khi giải quyết và xử lý xong, sẽ trả về một thông tin bằng HTML để cho người dùng biết là mình đã ĐK thành công xuất sắc và tùy vào những mục tiêu khác nhau thì ta sẽ có những form tương ứng. Bây giờ tất cả chúng ta hãy khám phá cấu trúc của thẻ form qua hình ảnh sau đây :Do tất cả chúng ta mới chỉ học HTML nên mình không cần ghi hai thuộc tính này nhé ! Nhưng giúp những bạn hiểu thêm để sau này có học về Web Back-End thì cũng dễ tưởng tượng hơn. Các bạn chú ý thuộc tính action = ” / dangky.php ” thì đuôi. php ở đây chính là ngôn từ PHP dùng để giải quyết và xử lý thông thông tin người dùng gửi đến Web Server. Và khi kiến thiết xây dựng web thì những bạn hoàn toàn có thể dùng những ngôn từ khác để giải quyết và xử lý. Ở đây mình có liệt kê qua một vài ngôn từ để những bạn hoàn toàn có thể tìm hiểu thêm :

Tên	Thông Tin Thêm
PHP	Đây có thể được xem là ngôn ngữ phổ biến và được sử dụng rộng rải trong lập trình web. Nó có những framwork nổi tiếng xây dựng website dễ dàng như WordPress… để xem thêm chi tiết các bạn xem ở đây nhé : PHP
Node JS	Ngôn ngữ này cho phép chúng ta viết ở phía Front-End và cả Back-End. Cái này rất thích hợp cho những trang web thời gian thực như là trò chuyện trực tuyến, livestream … để xem thêm chi tiết các bạn xem ở đây nhé : Node JS
Java	Đây là ngôn ngữ được phát triển lâu đời và có cộng động lớn hỗ trợ. Các website lớn hay ngân hàng thường sử dụng vì vấn đề bảo mật tốt của ngôn ngữ này, để xem thêm chi tiết các bạn xem ở đây nhé : Java
Ruby	Ngôn ngữ này theo mình thấy thì thường dùng cho những ứng dụng web nhỏ với thời gian phát triển sản phẩm khá là nhanh. Để xem thêm chi tiết các bạn xem ở đây nhé : Ruby
Python	Ngôn ngữ này theo mình thấy khá là dễ học với những cú pháp đơn giản. Ngoài việc phát triển trong trí tuệ nhân tạo thì ngôn ngữ còn được sử dụng vào việc làm web. Để xem thêm chi tiết các bạn xem ở đây nhé : Python

Ở đây thì mình không sắp xếp theo thứ tự thông dụng và cũng còn rất nhiều ngôn từ tốt khác nữa nên khi những bạn chọn ngôn từ lập trình Web thì điều quan trọng là cảm thấy thích với cú pháp, cách sử dụng, cách giải quyết và xử lý logic của ngôn từ và phải tương thích với nhu yếu của dự án Bất Động Sản web .

Thuộc tính method=”POST” là phương pháp gửi dữ liệu bảo mật lên Web server thường dùng chủ yếu trong form. Còn một phương thức nữa nhưng kém bảo mật và an toàn là phương thức GET vì nó sẽ hiện thông tin dữ liệu lên trang URL. Khi lập trình thì mình khuyến khích các bạn nên sử dụng POST để cho an toàn nhé!

Thẻ Input Text:

Đây là thẻ được dùng với một hay nhiều chữ trên một dòng giúp những bạn hoàn toàn có thể nhập chữ như tên, tên đăng nhập, sở trường thích nghi … và thường được sử dụng nhiều nhất trong form .Bây giờ tất cả chúng ta sẽ đi vào ví dụ nha !See the Pen input type html by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Một số thuộc tính khác cho thẻ input :

• type=”text”: Thuộc tính xác định dữ liệu người dùng nhập vào luôn là chuỗi.
• name=”soThich”: Thuộc tính này giúp xác định tên của ô nhập khi gửi dữ liệu từ form tới Web Server.
• maxlength=”10″: Thuộc tính này giới hạn người dùng nhập kí tự vào ô nhập chữ. (Ở ví dụ là giới hạn 10 kí tự nhé!)
• Thẻ : Dùng để miêu tả ô nhập chữ giúp người dùng biết mình cần nhập dữ liệu nào vào từng ô cho chính xác.

Nếu bạn muốn tìm hiểu thêm thêm những thẻ input đẹp cho website thì truy vấn Input CSS Javascript Đẹp Cho Website nha .

Thẻ Input Password:

Để bảo vệ tài khoản của các bạn thì người ta tạo ra một giá trị thuộc tính tên là password trong thuộc tính type giúp các bạn khi nhập mật khẩu hay những thông tin bí mật, riêng tư của mình ở nơi công cộng thì sẽ chỉ hiện **** hoặc ••••, những người xung quanh dù có xem điện thoại của bạn thì cũng không thể biết được mật khẩu hay thông tin riêng tư ở trong đó.

Bây giờ tất cả chúng ta sẽ đi vào tìm hiểu và khám phá ví dụ nha .See the Pen input password HTML by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .

Thẻ Textarea:

Thẻ này giúp người dùng hoàn toàn có thể nhập nhiều thông tin mà họ mong ước như thể phản hồi trên Facebook, miêu tả về mẫu sản phẩm, nêu cảm nghĩ …Việc kiểm soát và điều chỉnh size của thẻ này sẽ theo số cột và số dòng ví dụ cho những bạn dễ hiểu thì mình đặt giá trị thuộc tính như sau : cols = ” 40 ” rows = ” 5 ” thì số 5 là miêu tả số dòng ( xác lập độ cao của thẻ ) và 40 là số cột tương tự với chiều dài của thẻ sẽ là 40 kí tự cho một dòng. Để hiểu rõ hơn bạn xem ví dụ sau đây nhé !See the Pen textarea html by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .

Thẻ Radio:

Thẻ này giúp tất cả chúng ta chọn một trong nhiều lựa chọn như thể giới tính, sở trường thích nghi … Đi với ô này thì tất cả chúng ta có hai thuộc tính bắt buộc là name và value để xác lập tên và giá trị để gửi từ form đến server. Và Thông thường thì những bạn sẽ thấy là những ô này sẽ đi cùng với nhau theo một nhóm ( ul, ol … )Bây giờ tất cả chúng ta sẽ đi vào tìm hiểu và khám phá ví dụ nha !See the Pen radio html by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Các bạn hoàn toàn có thể thấy là ở đây mình đặt thuộc tính là style = ” list-style-type : none ; ” ngăn cho HTML tạo ra những kí hiệu mặc định trong thẻ list làm cho form của tất cả chúng ta dễ nhìn và đơn thuần hơn. Thuộc tính checked đặt một lựa chọn làm mặc định giúp cho thông tin từ form gửi lên server sẽ không bị thiếu làm ảnh hưởng tác động đến việc giải quyết và xử lý thông tin nếu người dùng không chọn. Và mình hoàn toàn có thể thêm bao nhiêu lựa chọn tùy ý nhưng những bạn chỉ hoàn toàn có thể chọn một thôi nhé !Nếu bạn muốn tìm hiểu thêm thêm những thẻ input radio đẹp cho website thì truy vấn 24 Radio Button Đẹp Cho Thiết Kế Web nha .

Input Checkbox HTML:

Cũng có những tài liệu tất cả chúng ta cần tích lũy nhiều thông tin từ người dùng như là màu yêu quý, loại nhạc bạn thích nghe, Sở thích … Nó cũng giống như ô radio là cần hai thuộc tính bắt buộc là name và value .Còn dưới đây là ví dụ trong thực tiễn về checkbox nha .See the Pen checkbox html by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Nếu bạn muốn tìm hiểu thêm thêm những thẻ input checkbox đẹp cho website thì truy vấn Checkbox Button Đẹp Cho Trang Web nha .

Select HTML:

Nó cũng giống ô chọn một trong nhiều lựa chọn mà mình đã học ở trên nhưng điểm khác nhau ở đây là nó không hiển thị trực tiếp mà chỉ khi ta nhấp chuột vào thì nó mới hiện list cho tất cả chúng ta chọn. Trong thẻ select thì mình có những thẻ con là option dùng để hiện thị những lựa chọn mà tất cả chúng ta muốn người dùng chọn. Và nó phải có thuộc tính bắt buộc là value .Còn dưới đây là ví dụ chi tiết cụ thể nha .See the Pen Select HTML by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Nếu bạn muốn tìm hiểu thêm thêm những thẻ select đẹp cho website thì truy vấn Select HTML5 CSS3 nha .

Input Type Submit HTML:

Đây là ô mà khi người dùng đã nhập xong hết tài liệu có trong form thì nút này dùng để gửi form lên Web Server để giải quyết và xử lý thông tin. Đa số trong form thì cũng phải có nút này và thuộc tính bắt buộc trong thẻ là value. Và thẻ này thường được đặt dưới cùng của form để tiện cho người dùng nhấp vào .Còn dưới đây là ví dụ cụ thể nha .See the Pen input type submit by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .Nếu bạn muốn tìm hiểu thêm thêm cách tạo form đẹp cho website thì truy vấn Tạo Form Bằng CSS HTML nha .

Cách Chèn CSS Vào HTML

Trong phần này mình sẽ hướng dẫn cách bạn có thể thiết lập các thuộc tính CSS trong trang HTML bằng cách thêm thẻ style trong thẻ head nha.

Xem thêm: Nghị luận hãy nắm bắt cơ hội để thành công – Allavida – Chia Sẻ Kiến Thức Điện Máy Việt Nam

Và dưới đây là dự án Bất Động Sản trong thực tiễn nhé !See the Pen CSS In HTML by haycuoilennao19 ( @ haycuoilennao19 ) on CodePen .

Tổng kết:

Qua đây mình mong bài viết sẽ giúp bạn tự học html cơ bản cho tăng trưởng web và nếu có vướng mắc gì cứ gửi email mình sẽ phản hồi sớm nhất hoàn toàn có thể. Rất mong bạn liên tục ủng hộ website để mình hoàn toàn có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui tươi !

Source: https://vh2.com.vn
Category : Cơ Hội