Cách học html và css nhanh nhất
|
HTML là ngôn ngữ đánh dấu được sử dụng để cấu trúc và trình bày nội dung trên World Wide Web. Cùng với CSS và JavaScript, nó cho phép chúng tôi có các trang web đẹp và tương tác Show Vì HTML là nền tảng của web nên nó cũng là ngôn ngữ cần thiết nhất cho bất kỳ con đường sự nghiệp phát triển web nào. Trong phần hướng dẫn nhanh này, tôi sẽ dạy bạn những kiến thức cơ bản nhất về nó Và khi bạn hoàn thành, tôi đã triển khai khóa học 14 phần miễn phí về HTML5 trên Scrimba. com — một nền tảng tương tác, nơi bạn có thể nhập mã của một chương trình truyền hình đang phát vào bất kỳ thời điểm nào Bạn có thể xem bài giảng đầu tiên tại đây Được rồi, trước khi chúng ta chuyển sang phần HTML, tôi muốn bắt đầu bằng cách cho bạn biết một chút về kiến trúc của trang web. Điều này sẽ đặt vai trò của HTML vào quan điểm đối với chúng tôi Kiến trúc web cơ bảnKhi bạn đã phát triển một trang web, bạn sẽ cần lưu trữ trang web đó trên một máy chủ để có thể truy cập trang web trên toàn thế giới. Tất cả các máy chủ đều có một địa chỉ IP (tôi. e 149. 56. 240. 169) mà bạn có thể coi là số điện thoại. Chúng tôi thường đặt một tên miền (i. e. viết kịch bản. com) qua địa chỉ IP đó, để dễ nhớ hơn Khi bạn nhập tên miền đó vào trình duyệt, nó sẽ gọi cho máy chủ. Sau đó, máy chủ sẽ gửi một loạt các tệp HTML, CSS và JavaScript, như thế này Trình duyệt của bạn bắt đầu bằng cách tải tệp HTML chính, trước khi tiếp tục với CSS và JavaScript. Các tệp này cho phép trình duyệt hiển thị một trang web đẹp và tương tác Bây giờ chúng ta hãy xem xét kỹ hơn vai trò của ba ngôn ngữ này HTML là gì?Hãy tưởng tượng một trang web như một người. Chúng tôi sẽ sử dụng sự tương tự này để hiểu trang web của chúng tôi. HTML được mô tả tốt nhất là bộ xương CSS là gì?Tuy nhiên, chỉ một trang web HTML đơn giản trông khá xấu, vì vậy bạn sẽ cần tạo kiểu cho nó bằng CSS. Nó có thể được coi là da và quần áo của trang web JavaScript là gì?Khi bạn thành thạo CSS, bạn nên tiếp tục với JavaScript. Theo cách tương tự của chúng tôi, đây giống như bộ não và cơ bắp của trang web của chúng tôi Viết tệp HTML đầu tiên của bạnĐể có thể viết HTML, bạn sẽ cần một tài liệu HTML, đây chỉ là một tài liệu có. phần mở rộng html. Không quan trọng bạn sử dụng trình soạn thảo văn bản nào, nhưng những trình soạn thảo văn bản phổ biến nhất hiện nay là Sublime Text, VS Code và Atom. Bạn cũng có thể sử dụng Scrimba làm trình chỉnh sửa trong trình duyệt Hãy tạo một tệp mới và gọi nó là chỉ mục. html và viết Nếu chúng tôi kéo tệp này vào trình duyệt hoặc trỏ trình duyệt đến địa chỉ của tệp này, chúng tôi sẽ nhận được như sau Nó trông như thế nào trong Scrimba khi bạn mở chỉ mục của chúng tôi. tệp html trong cửa sổ trình duyệtXin chúc mừng, bạn hiện đã tạo trang web đầu tiên của mình Thẻ HTML đầu tiên của bạnTuy nhiên, chúng tôi chưa viết bất kỳ thẻ HTML nào. Để làm điều đó, hãy bọc văn bản Bây giờ bạn đã nói với trình duyệt rằng bạn muốn văn bản Vì vậy, thật dễ dàng để bắt đầu viết HTML Viết một tài liệu HTML phù hợpNhưng đây thực sự không phải là một tài liệu HTML hợp lệ, vì chúng phải tuân theo một cấu trúc được xác định rõ ràng. Với mục đích của hướng dẫn này, tôi chỉ đơn giản là trình bày ngắn gọn cho bạn và sau đó chúng ta sẽ tiếp tục với những nội dung thú vị Đây là ví dụ về Bạn không phải lo lắng về đoạn vănBên dưới thẻ h1, chúng tôi sẽ thêm một đoạn văn. Thẻ này thường được sử dụng cho các đoạn văn bản ________số 8Đây là giao diện của nó danh sáchNow let’s add a list. To do that, we need to add two different tags,
Nếu bạn thay đổi trường đầu vàoNhận đầu vào từ người dùng là một hoạt động quan trọng trên các trang web. Hãy thêm một trường đầu vào Cái nào sẽ thêm trường đầu vào ở cuối trang web của chúng tôi Bây giờ có hai khái niệm mới để tìm hiểu ở đây. thuộc tính và thẻ tự đóng. Cái đầu tiên, thuộc tính, cung cấp thông tin bổ sung về các phần tử HTML Trong trường hợp của chúng tôi, chúng tôi đang thêm hai thuộc tính. loại và giữ chỗ. Loại cho trình duyệt biết rằng đây phải là một trường văn bản. Ở đây, chúng tôi có thể đã chọn giữa một loạt các loại (đài, chọn, hộp kiểm, ngày tháng) sẽ biến nó thành các phần tử hoàn toàn khác Trình giữ chỗ đọc văn bản trợ giúp bên trong phần tử Cuối cùng, thẻ input cũng là phần tử tự đóng (hay còn gọi là phần tử void. ), nghĩa là nó không bao gồm thẻ mở và thẻ đóng mà chỉ có một thẻ tự đóng Bước tiếp theoCòn rất nhiều thứ để học trong HTML và nó không khó chút nào. Khóa học đầy đủ của tôi có thể được hoàn thành trong vòng chưa đầy một giờ và nó sẽ cung cấp cho bạn sự hiểu biết vững chắc về những điều cơ bản và cho phép bạn bắt đầu xây dựng các trang web thực sự Nếu bạn muốn ăn nhiều hơn, chúng tôi có một bữa ăn 14 món miễn phí. Hẹn gặp bạn ở đó. ? QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Nếu bài viết này hữu ích, hãy tweet nó Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Cách nhanh nhất để học CSS và HTML là gì?Bây giờ bạn đã quen thuộc với một số mục đích của HTML, hãy đi sâu vào những cách tốt nhất để tìm hiểu nó. . Tạo trang web. Tạo các trang web là một trong những cách tốt nhất để học HTML. . Xem Hướng dẫn HTML trực tuyến. . Tham gia khóa học Giới thiệu về HTML và CSS của Udacity Cách nhanh nhất để học HTML là gì?Cách tốt nhất để học HTML là thực hành có hướng dẫn . Nó có thể ở trong một chương trình đào tạo (trực tiếp hoặc trực tuyến) hoặc với các mô-đun được hướng dẫn. Một mô-đun cung cấp sự kết hợp giữa hướng dẫn bằng video, bài giảng và thực hành có hướng dẫn. Một số thậm chí có một bài kiểm tra mà bạn thực hiện ở cuối mỗi bài học.
Sẽ mất bao nhiêu tháng để học HTML và CSS?Mất một tháng để học HTML và CSS, với bốn giờ hướng dẫn mỗi ngày. Có thể mất 1-2 tuần để kết thúc khóa học và khoảng một tháng để thành thạo HTML và CSS. Điều quan trọng là đưa kiến thức của bạn vào sử dụng và tạo ra các dự án. Trang web của bạn là dự án đơn giản nhất mà bạn có thể thực hiện.
Tôi có thể học HTML và CSS trong 1 tháng không?Bạn có thể mất 1-2 tuần để hoàn thành khóa học và khoảng một tháng thực hành để làm quen với HTML và CSS . Điều quan trọng là áp dụng các dự án học tập và xây dựng của bạn. Dự án đơn giản nhất bạn có thể tạo là trang web cá nhân của riêng bạn. |
