Các ví dụ về HTML là gì?

ví dụ

Các ví dụ rút gọn, đơn giản thể hiện các thành phần HTML và thuộc tính CSS khác nhau

Xem chúng hoạt động và mày mò — chơi với mã và xem điều gì sẽ xảy ra

Chữ

  • tiêu đề. h1 đến h6 theo kiểu mặc định của chúng
  • Kích thước không quan trọng. Tạo tiêu đề theo bất kỳ kích thước nào bạn chọn bằng CSS
  • Chữ đậm, chữ nghiêng, chữ hoa và chiều cao dòng. Sử dụng font-weight, font-style, font-variant, text-transformline-height
  • Họ phông chữ. Danh sách họ phông chữ và họ phông chữ dự phòng chung
  • Cỡ chữ. Đơn vị tuyệt đối và tương đối
  • Giãn dòng văn bản. Thuộc tính text-align, text-indent, word-spacingh60
  • Căn dọc. Tài sản h61
  • Chỉ số dưới và chỉ số trên. Sử dụng định vị thay thế cho thuộc tính h61
  • bóng văn bản. bóng tối. Trên văn bản
  • Mũ thả đơn giản. Một cách đơn giản để đạt được hiệu quả chung
  • Mũ lưỡi trai lạ mắt. Jazz lên chữ cái đầu tiên đó
  • Mũ thả đồ họa. Sử dụng hình ảnh
  • Chữ hoa đầu dòng. Nhắm mục tiêu chữ cái đầu tiên của đoạn đầu tiên
  • Kéo dấu ngoặc kép 1. Một cấu trúc trích dẫn kéo đơn giản
  • Kéo dấu ngoặc kép 2. Thêm một chút phong cách
  • Kéo dấu ngoặc kép 3. Một phong cách phức tạp hơn

liên kết

  • gạch chân. Nhiều cách gạch dưới (thường là liên kết), sử dụng h63, h64 và h65
  • Neo và mục tiêu. Liên kết đến các phần của trang và tạo kiểu cho chúng bằng cách sử dụng lớp giả h66
  • Rollovers 1. Liên kết đồ họa thay đổi khi con trỏ di chuyển qua chúng bằng cách sử dụng h67
  • Rollovers 2. Các hiệu ứng tương tác khác, sử dụng lớp giả h68
  • Tái đầu tư 3. mờ dần trong và ngoài
  • Rollovers 4. Xoay, sử dụng h69
  • Chuyển tiếp CSS đơn giản. Hình ảnh động tinh tế của các liên kết văn bản khi chúng được di chuột qua
  • Nhiều chuyển tiếp CSS hơn. Sử dụng màu font-weight0 và RGBa
  • Hàm định thời gian chuyển đổi CSS. Xử lý tăng tốc và giảm tốc độ chuyển tiếp hoạt hình

Màu sắc, hình ảnh và hình nền

  • Màu sắc. Màu CSS, sử dụng thuộc tính font-weight1 và font-weight2
  • hình ảnh HTML. Phần tử font-weight3
  • Hinh nên. Thuộc tính CSS h65
  • nền định vị. Sử dụng thuộc tính font-weight5
  • Hình nền lặp đi lặp lại. Sử dụng thuộc tính font-weight6
  • Tệp đính kèm nền. Cách nền hoạt động với nội dung cuộn
  • Kích thước hình nền. Sử dụng font-weight7
  • Nhiều hình nền. Phân lớp nền bên trong một hộp duy nhất
  • Độ dốc tuyến tính. Tạo nền gradient bằng CSS
  • Độ dốc xuyên tâm. Hình nền gradient hình tròn và hình elip
  • độ mờ. Độ trong suốt của hộp

Cách trình bày

  • Chiều rộng và chiều cao. font-weight8, font-weight9, font-style0, font-style1, v.v.
  • biên giới. Dày, mỏng, màu này, màu kia, liền, chấm, đứt…
  • góc tròn. Sử dụng thuộc tính font-weight0
  • bóng hộp. Thêm cửa sổ bật lên
  • Thu hẹp ký quỹ. Cách các lề dọc hợp nhất hoặc "thu gọn" vào nhau
  • phác thảo. Những “biên giới” mà biên giới biên giới
  • Tràn ra. Quản lý các phần nội dung không vừa với hộp
  • Chặn và nội tuyến 1. Thay đổi hành vi của các hộp bằng thuộc tính font-style3
  • Chặn và nội tuyến 2. Thêm sự khác biệt giữa khối và hộp nội tuyến
  • Khối và nội tuyến 3. Áp dụng font-style4
  • định vị. tĩnh. Theo dòng chảy bình thường
  • định vị. liên quan đến. Bù đắp từ vị trí ban đầu của hộp
  • định vị. tuyệt đối 1. Định vị liên quan đến thùng chứa của hộp
  • định vị. tuyệt đối 2. Bên trong một hộp định vị
  • định vị. đã sửa. Liên quan đến khung nhìn
  • chỉ số Z. Xếp hộp định vị
  • Nổi 1. Một hộp nổi đơn giản
  • Nổi 2. Hai hộp nổi
  • Nổi 3. Xóa hộp nổi
  • Bố cục trang 1. Hai cột bước 1. định vị cột điều hướng
  • Bố cục trang 2. Hai cột bước 2. sử dụng font-style5 để đẩy nội dung ra khỏi cột điều hướng
  • Bố cục trang 3. Sử dụng đường viền để tạo nền cho cột
  • Bố cục trang 4. ba cột
  • Bố cục trang 5. Thêm tiêu đề
  • Bố cục trang 6. Chân trang không phải lúc nào cũng hoạt động với các cột được định vị tuyệt đối…
  • Bố cục trang 7. Thêm chân trang bằng cột nổi
  • Charles Darwin. Một phiên bản cải tiến của các nguyên tắc cơ bản của các ví dụ trước
  • Biến đổi 2D. Thao tác kích thước, hình dạng và vị trí của các hộp với thuộc tính h69
  • Chuyển đổi nguồn gốc. Thay đổi điểm tại đó các phép biến đổi được đo từ

Danh sách & Điều hướng

  • danh sách cơ bản. Các phần tử font-style7, font-style8 và font-style9
  • danh sách lồng nhau. Danh sách bên trong danh sách
  • danh sách mô tả. font-variant0, font-variant1 và font-variant2
  • Liệt kê các điểm đánh dấu. Thay đổi dấu đầu dòng và đánh số bằng cách sử dụng font-variant3
  • Hình ảnh làm điểm đánh dấu mục danh sách. Sử dụng font-variant4
  • Đánh dấu danh sách bên trong và bên ngoài. Sử dụng font-variant5
  • Danh sách thả xuống 1. Khái niệm cơ bản về menu thả xuống
  • Danh sách thả xuống 2. Menu thả xuống đa cấp đơn giản
  • Danh sách thả xuống 3. Menu thả xuống đa cấp với thiết kế chi tiết hơn
  • tab nội tuyến. Điều hướng theo tab cơ bản sử dụng thuộc tính font-style3
  • tab nổi. Các tab cơ bản sử dụng thuộc tính font-variant7
  • Thêm tab. Làm cho các tab giống tab hơn
  • Còn nhiều tab nữa. Một kiểu tab thay thế
  • tab gầy. Sử dụng gạch dưới đơn giản
  • tab ưa thích. Phát triển mạnh mẽ với CSS
  • Hiện/ẩn điều hướng (JavaScript). Chuyển đổi hiển thị bằng JavaScript
  • Hiển thị / ẩn điều hướng (mục tiêu). Chuyển đổi hiển thị bằng cách sử dụng lớp giả h66

Những cái bàn

  • bảng cơ bản. Các phần tử font-variant9, text-transform0 và text-transform1
  • ô tiêu đề. text-transform2 phần tử
  • Gộp ô 1. Thuộc tính text-transform3
  • Hợp nhất ô 2. Thuộc tính text-transform4
  • Biên giới sụp đổ 1. Thu gọn đường viền ô của bảng
  • Biên giới sụp đổ 2. Thu gọn viền ô và viền bảng
  • Nhóm cột. Phần tử text-transform5 và text-transform6
  • ô trống. Sử dụng thuộc tính text-transform7 để chỉ định cách hiển thị các ô trống
  • Bố trí bảng tự động. Thuật toán bố cục mặc định mà các bảng sử dụng
  • Bố trí bảng cố định. Đặt bằng thuộc tính text-transform8

Các hình thức

  • hộp văn bản. Loại văn bản và mật khẩu text-transform9 phần tử
  • Hộp kiểm và nút radio. Thêm text-transform9 loại phần tử
  • đầu vào tập tin. Để tải lên
  • Vùng văn bản. Phần tử line-height1
  • Chọn hộp. Sử dụng cơ bản các phần tử line-height2 và line-height3
  • Chọn các nhóm tùy chọn hộp. Sử dụng phần tử line-height4
  • Nhiều lựa chọn hộp chọn. Sử dụng thuộc tính line-height5

trang liên quan

  • hướng dẫn
  • kỹ thuật

5 loại HTML là gì?

Các phiên bản HTML khác nhau .
HTML1. 0. Phiên bản cơ bản của HTML có hỗ trợ các yếu tố cơ bản như điều khiển văn bản và hình ảnh. .
HTML2. HTML phiên bản 2. 0 được phát triển vào năm 1995 với mục đích cơ bản là cải thiện HTML phiên bản 1. 0. .
HTML3. 2. Nó được phát triển vào năm 1997. .
HTML4. 01. Nó được phát triển vào năm 1999. .
HTML5. .
Trình xác thực HTML W3C

10 thẻ HTML cơ bản với các ví dụ là gì?

Đây là danh sách các thẻ HTML cơ bản của chúng tôi. .
để in đậm văn bản. cho văn bản in đậm với dấu nhấn mạnh
phần HTML chính

để giải lao
nó là một bộ phận hoặc một phần của tài liệu HTML

. cho tiêu đề

để tạo một văn bản in nghiêng
cho hình ảnh trong tài liệu

10 thẻ HTML phổ biến nhất là gì?

Ví dụ về thẻ HTML .

Paragraph Tag

The

and

are the HTML tags and “Paragraph Tag” is the HTML element, i.e. the on-page text. .. .

Heading Tag

.. .
Bold Tag .. .
Italic Tag .. .
Thẻ gạch dưới

Các công cụ HTML cho ví dụ là gì?

Các công cụ phổ biến nhất được sử dụng để viết mã HTML là Visual Studio Code, Atom, Notepad++, Sublime Text, Netbeans, Adobe Dreamweaver CC , v.v.