Hướng dẫn can i learn html in one day - tôi có thể học html trong một ngày không

Hướng dẫn can i learn html in one day - tôi có thể học html trong một ngày không

bởi Eric Tirado

Một hướng dẫn nhanh để giúp bạn bắt đầu xây dựng các trang web.

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.

Vì HTML là nền tảng của web, nó cũng là ngôn ngữ thiết yếu nhất cho bất kỳ con đường sự nghiệp phát triển web nào. Trong hướng dẫn có nhịp độ nhanh này, tôi sẽ dạy cho bạn những điều cơ bản của nó.

Và khi bạn đã hoàn thành, tôi đã ra mắt khóa học 14 phần miễn phí trên HTML5 trên scrimba.com-một nền tảng tương tác nơi bạn có thể nhảy vào mã của một screencast chơi tại bất kỳ thời điểm nào.I have already launched a free 14-part course on HTML5 over on Scrimba.com — an interactive platform where you can jump into the code of a playing screencast at any given time.

Bạn có thể xem bài giảng đầu tiên ở đây:

Hướng dẫn can i learn html in one day - tôi có thể học html trong một ngày không

Được rồi, trước khi chúng tôi nhảy vào HTML, tôi muốn bắt đầu bằng cách nói với bạn một chút về kiến ​​trúc của web. Điều này sẽ đặt vai trò của HTML vào quan điểm cho chúng tôi.

Kiến trúc web cơ bản

Khi bạn đã phát triển một trang web, bạn sẽ cần phải lưu trữ nó trên một máy chủ để làm cho nó có thể truy cập trên World Wide Web. Tất cả các máy chủ có một địa chỉ IP (tức là 149.56.240.169) mà bạn có thể nghĩ là số điện thoại. Chúng tôi thường đặt một tên miền (tức là scrimba.com) trên địa chỉ IP đó, để nó 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 qua 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 nó 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ờ, hãy để có một cái nhìn kỹ hơn về vai trò mà ba ngôn ngữ này đóng vai trò.

HTML là gì?

Hãy để tưởng tượng một trang web là 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ỉ cần một trang web HTML đơn giản trông khá xấu xí, vì vậy bạn sẽ cần phải tạo kiểu cho CSS. Nó có thể được xem là da và quần áo của trang web.

JavaScript là gì?

Khi bạn làm chủ CSS, bạn nên tiếp tục với JavaScript. Trong sự tương tự của chúng tôi, điều nà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. Nó không phải là vấn đề mà bạn sử dụng trình soạn thảo văn bản nào, nhưng những người phổ biến nhất hiện nay là văn bản, mã vs và nguyên tử tuyệt vời. Bạn cũng có thể sử dụng Scrimba như một trình soạn thảo trong trình duyệt.

Hãy để tạo một tệp mới và gọi nó là index.html và viết Hello world! trong đó.

Hello world!

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 vào địa chỉ của tệp này, chúng tôi sẽ nhận được những điều sau đây.

Nó trông như thế nào trong scrimba khi bạn mở tệp index.html của chúng tôi trong cửa sổ trình duyệt.

Xin chúc mừng, bây giờ bạn đã tạo trang web đầu tiên của mình!

Thẻ HTML đầu tiên của bạn

Tuy nhiên, chúng tôi đã viết bất kỳ thẻ HTML nào. Để làm điều đó, hãy để Lừa bọc văn bản Hello world! trong các thẻ ____ 8H2>, như thế này:

Hello world!

________ 8H2> đầu tiên là thẻ mở và thứ hai là thẻ đóng. Như bạn có thể thấy, sự khác biệt chỉ là dấu gạch chéo ngược trong thẻ đóng. Điều này sẽ dẫn đến những điều sau đây trên trang:

Bây giờ bạn đã nói với trình duyệt rằng bạn muốn văn bản Hello world! là một tiêu đề. Do đó, trình duyệt áp dụng một số kiểu dáng cho nó, về cơ bản tăng kích thước của văn bản.

Vì vậy, đó là cách dễ dàng để bắt đầu viết HTML.

Viết một tài liệu HTML thích hợp

Nhưng đây thực sự là một tài liệu HTML hợp lệ, vì chúng nên 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à sẽ hiển thị cho bạn một thời gian ngắn, và sau đó chúng tôi sẽ tiếp tục với những thứ thú vị.

Đây là cách mà ví dụ Hello world! của chúng tôi sẽ trông như thế nào:

          

Hello world!

Bạn không phải lo lắng về

Hello world!

3PE

Hello world!

4

Đoạn văn

Bên dưới thẻ H2, chúng tôi sẽ thêm một đoạn văn. Thẻ này thường được sử dụng cho, tốt, các đoạn văn bản.

Hello world!

Hello, and welcome to my website!

Ở đây, nó trông như thế nào:

Danh sách

Bây giờ, hãy để thêm một danh sách. Để làm điều đó, chúng ta cần thêm hai thẻ khác nhau, ________ 8ul> ________ 18d. Cái trước là viết tắt của Danh sách không có thứ tự và phần sau là viết tắt của mục danh sách. Chúng tôi sẽ cần

Hello world!

9RAP
          

Hello world!

0Gs bên trong thẻ.

  • Eat
  • Sleep
  • Code
nếu bạn thay đổi ________ 8ul>
          

Hello world!

2N, sau đó các viên đạn sẽ được thay thế bằng các số, vì nó là đại diện cho danh sách được đặt hàng.

If you change the <ul>

          

Hello world!

2n
    , then the bullets will be replaced with numbers, as it stands for ordered list.

    Trường đầu vào

    Nhậ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.

    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: các thuộc tính và thẻ tự đóng. Phần đầ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 thêm hai thuộc tính: loại và trình giữ chỗ. Loại cho biết trình duyệ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 (radio, chọn, hộp kiểm, ngày) sẽ biến nó thành các yếu tố hoàn toàn khác nhau.

    Người giữ chỗ ra lệnh cho văn bản trợ giúp bên trong phần tử.

    Cuối cùng, thẻ đầu vào cũng là một yếu tố tự đóng (còn được gọi là phần tử void.), Có nghĩa là nó không bao gồm một thẻ mở và đóng, nhưng chỉ có một thẻ tự đóng.

    Bước tiếp theo

    Có 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 khao khát nhiều hơn nữa, chúng tôi đã có một bữa ăn miễn phí 14 khóa học ... về việc học HTML5 của tôi cho khóa học miễn phí tại scrimba.com.
    on my Learn HTML5 for Free course over at Scrimba.com.

    Hẹn gặp lại bạn ở đó. ?


Học mã miễn phí. Chương trình giảng dạy 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

Mất bao lâu để học HTML?

Bạn có thể bắt đầu chọn HTML trong vài giờ.Bạn sẽ mất một đến hai tuần để có được ý chính đầy đủ của HTML, và khoảng một tháng luyện tập để thoải mái với ngôn ngữ.Điều quan trọng là áp dụng việc học của bạn bằng cách làm việc trong các dự án.one to two weeks to get the full gist of HTML, and about a month of practice to get comfortable with the language. The key is to apply your learning by working on projects.

Tôi có thể học HTML CSS cùng ngày không?

Các khái niệm được trình bày theo phong cách "đến điểm" để phục vụ cho cá nhân bận rộn.Với cuốn sách này, bạn có thể học HTML và CSS chỉ trong một ngày và bắt đầu mã hóa ngay lập tức.Cách tốt nhất để học HTML và CSS là làm.you can learn HTML and CSS in just one day and start coding immediately. The best way to learn HTML and CSS is by doing.

Tôi có thể học HTML trong 2 ngày không?

Theo tôi, bạn có thể học HTML trong một hoặc hai ngày (ít nhất là những điều cơ bản), sau đó, bắt đầu học CSS và học nó trong khi cải thiện HTML.Khi bạn có được một số hiểu biết về thiết kế đáp ứng và cách mọi thứ hoạt động, bạn có thể bắt đầu học JS.you could learn HTML in a day or two(at least the basics), after that, start learning CSS and learn it while improving HTML. When you get some understanding of responsive design and how things work, you can start learning JS.

HTML có rất dễ học không?

HTML là ngôn ngữ đánh dấu tiêu chuẩn cho các trang web.Với HTML, bạn có thể tạo trang web của riêng mình.HTML rất dễ học - bạn sẽ thích nó!HTML is easy to learn - You will enjoy it!