Vì vậy, tôi chắc chắn rằng bạn đã nghe những từ viết tắt này được tung ra trong vài năm qua nhưng có thể bạn không chắc làm thế nào và tại sao chúng lại song hành với nhau trong thế giới phát triển web

HyperText Markup Language is the standard markup language for creating web pages. Using the concept of tags, which are essentially different elements, HTML describes the structure of a page so the browser knows how to display the content. An element is defined by a start tag (e.g.

), content and an end tag (e.g.

  
     <------ This is what a tag looks like!
  
  
    
Heading

    
Paragraph

  

Cascading Style Sheets là ngôn ngữ biểu định kiểu được sử dụng để mô tả cách hiển thị nội dung được xác định bởi mã HTML trong trình duyệt. Nói cách khác, nó được sử dụng để tạo kiểu cho các phần tử HTML. Bạn có thể tạo kiểu theo phần tử (1), lớp (2) hoặc id (3)

(1)div {
  background-color: grey;
  color: red;
  width: 10px;
  font-size: 12px;
}(2).textArea {
  background-color: grey;
  color: red;
  width: 300px;
  font-size: 12px;
}(3)#simpleButton {
  width: 100px;
  font-size: 12px;
  border-radius: 15px;
}

Javascript là ngôn ngữ lập trình được sử dụng để kiểm soát cách một trang web cụ thể hoạt động. Nó thường được sử dụng để thêm một lớp tương tác vào trang web

function add(num1, num2) {
  return num1 + num2;
}

Vì vậy, bây giờ chúng tôi biết cách mô tả cấu trúc của trang (HTML), sửa đổi giao diện của nội dung (CSS) và kiểm soát hành vi của các phần tử (JS) làm cho trang web trở nên ‘tương tác’ hơn

Chúng có thể được kết hợp thành một trang hoặc chia thành ba tệp khác nhau (. html,. css và. js)

Vì vậy, hãy tạo một trang web nhanh có chứa một nút tương tác mà khi được nhấp vào sẽ hiển thị văn bản màu đỏ bên dưới nút đó

  
    
    
  
  
    Click Me!
    

  
  

Kết hợp cả ba trên một trang được coi là một cách làm không tốt, đó là lý do tại sao bạn sẽ thấy các dự án chứa các thư mục chứa các tệp HTML, CSS và Javascript được chia nhỏ

Ngày nay, các nhà phát triển web hiếm khi sử dụng từ ‘vanilla’ (tôi. e. mã đơn giản không có khung/plugin/phụ thuộc) HTML, CSS hoặc Javascript. Thay vào đó, họ sử dụng các framework như Angular, React hoặc Vue cung cấp một bộ công cụ và giúp tạo mã mạnh mẽ hơn và dễ bảo trì hơn. Họ cũng sử dụng một DOM ảo vừa nhanh hơn vừa hiệu quả hơn trên quy mô lớn

CSS và HTML tốt nhất nên được giữ riêng biệt để CSS có thể truy cập thống nhất đối với tất cả các trang trên một trang web, không chỉ tài liệu mà nó được đưa vào. Tích hợp CSS vào các trang web là một cách không hiệu quả để tạo kiểu trang web

Có ba cách để kết hợp CSS

1. tệp bên ngoài
2. phong cách nhúng
3. kiểu nội tuyến

Tính đặc hiệu của các kiểu nội tuyến khiến chúng nằm ngoài tầm với khi ghi đè chúng. !important có thể hiệu quả, nhưng cũng có thể không. Vì lý do này, chúng tôi tránh các kiểu nội tuyến như bệnh dịch hạch. Chúng ngỗ ngược, bừa bộn và là một lực cản hoàn toàn khi chúng đứng lên

Các kiểu được nhúng trong tầng thấp hơn so với các tệp bên ngoài, vì vậy sẽ (hoặc có thể) ghi đè các quy tắc CSS bên ngoài nếu chúng thực hiện cùng một lựa chọn. Một lần nữa, chúng nằm trong trang và có thể gây ra một số sự cố khi chúng tôi cố gắng tạo một chủ đề nhất quán trên một trang web. Sự lặp lại trong một số tài liệu là một dấu hiệu tốt cho thấy nó nên có trong biểu định kiểu bên ngoài

Embedded style sheet

Đối ngoại là cách tốt nhất để đảm bảo tính thống nhất, hiệu quả và đồng nhất. Viết nó một lần và sử dụng nó ở mọi nơi. Cần phải thay đổi một cái gì đó? . Đơn giản, hiệu quả và tiết kiệm thời gian

HTML (Ngôn ngữ đánh dấu siêu văn bản) và CSS (Cascading Style Sheets) là hai trong số những công nghệ cốt lõi để xây dựng các trang Web. HTML cung cấp cấu trúc của trang, CSS bố cục (hình ảnh và âm thanh), cho nhiều loại thiết bị. Cùng với đồ họa và tập lệnh, HTML và CSS là cơ sở để xây dựng các trang Web và Ứng dụng Web. Tìm hiểu thêm bên dưới về

HTML là gì?

HTML là ngôn ngữ để mô tả cấu trúc của các trang Web. HTML cung cấp cho tác giả phương tiện để

• Xuất bản tài liệu trực tuyến với tiêu đề, văn bản, bảng, danh sách, ảnh, v.v.
• Truy xuất thông tin trực tuyến qua các liên kết siêu văn bản, chỉ bằng một nút bấm
• Thiết kế các biểu mẫu để thực hiện giao dịch với các dịch vụ từ xa, để sử dụng cho việc tìm kiếm thông tin, đặt chỗ, đặt hàng sản phẩm, v.v.
• Bao gồm bảng tính, video clip, clip âm thanh và các ứng dụng khác trực tiếp trong tài liệu của họ

Với HTML, tác giả mô tả cấu trúc của các trang bằng cách sử dụng đánh dấu. Các thành phần của nhãn ngôn ngữ các phần nội dung như “đoạn văn”, “danh sách”, “bảng”, v.v.

XHTML là gì?

XHTML là một biến thể của HTML sử dụng cú pháp của XML, Ngôn ngữ đánh dấu mở rộng. XHTML có tất cả các phần tử giống nhau (đối với đoạn văn, v.v. ) dưới dạng biến thể HTML, nhưng cú pháp hơi khác một chút. Vì XHTML là một ứng dụng XML nên bạn có thể sử dụng các công cụ XML khác với nó (chẳng hạn như XSLT, một ngôn ngữ để chuyển đổi nội dung XML)

CSS là gì?

CSS là ngôn ngữ để mô tả cách trình bày của các trang Web, bao gồm màu sắc, bố cục và phông chữ. Nó cho phép một người thích ứng bản trình bày với các loại thiết bị khác nhau, chẳng hạn như màn hình lớn, màn hình nhỏ hoặc máy in. CSS độc lập với HTML và có thể được sử dụng với bất kỳ ngôn ngữ đánh dấu dựa trên XML nào. Việc tách HTML khỏi CSS giúp dễ dàng duy trì các trang web, chia sẻ biểu định kiểu giữa các trang và điều chỉnh các trang cho phù hợp với các môi trường khác nhau. Điều này được gọi là sự phân tách cấu trúc (hoặc. nội dung) từ bản trình bày

WebFont là gì?

WebFonts là một công nghệ cho phép mọi người sử dụng phông chữ theo yêu cầu trên Web mà không cần cài đặt trong hệ điều hành. W3C có kinh nghiệm về các phông chữ có thể tải xuống thông qua HTML, CSS2 và SVG. Cho đến gần đây, các phông chữ có thể tải xuống vẫn chưa phổ biến trên Web do thiếu định dạng phông chữ có thể tương tác. Nỗ lực của WebFonts có kế hoạch giải quyết vấn đề đó thông qua việc tạo định dạng phông chữ mở, được ngành hỗ trợ cho Web (được gọi là "WOFF")

ví dụ

Ví dụ rất đơn giản sau đây về một phần của tài liệu HTML minh họa cách tạo liên kết trong một đoạn văn. Khi được hiển thị trên màn hình (hoặc bằng bộ tổng hợp giọng nói), văn bản liên kết sẽ là “báo cáo cuối cùng”; . //www. thí dụ. com/báo cáo”

For more information see the
final report.

Thuộc tính class trên thẻ bắt đầu của đoạn (“

”) có thể được sử dụng, trong số những thứ khác, để thêm phong cách. Chẳng hạn, để in nghiêng văn bản của tất cả các đoạn văn bằng một lớp “moreinfo”, người ta có thể viết, bằng CSS

Làm cách nào để sử dụng CSS và HTML trong cùng một tệp?

HTML CSS và JavaScript hoạt động cùng nhau như thế nào?

Việc sử dụng CSS trong HTML là gì?

Tôi nên học HTML và CSS riêng biệt hay cùng nhau?

HTML và CSS được gọi cùng nhau là gì?

HTML và CSS có tốt để bắt đầu không?