DOUG LLOYD: Vì vậy, chúng tôi đã dành about-- nếu toán học của tôi là đúng, và tôi nghĩ rằng tìm back-- tôi nghĩ chúng tôi đã dành khoảng 35 video nói về các khía cạnh khác nhau của C, có thể nhiều hơn một chút, có thể là một chút ít. Và chúng tôi đã không che tất cả mọi thứ trong C, nhưng chúng tôi bao phủ một đoạn lớn của ngôn ngữ, phần lớn của nó, chắc chắn để sử dụng phổ biến. Bây giờ chúng ta sẽ nói chuyện về một ngôn ngữ khác, HTML. Và chúng ta sẽ bao gồm nó chỉ trong một video. 

Nhưng đó sẽ là OK. Điều đó sẽ thực sự trở thành một cái gì đó bạn sẽ được sử dụng để. Bây giờ bạn có nguyên tắc cơ bản của một ngôn ngữ, nó thực sự khá dễ dàng để bắt đầu học những người khác. Vì vậy, chúng ta sẽ bắt đầu bước một chút trở lại và bóng trên cơ bản sự khác biệt giữa các ngôn ngữ và loại bỏ bạn để nó. Có rất nhiều thực sự tuyệt vời tài nguyên trên internet, trong đó chúng ta sẽ bắt đầu chỉ đạo bạn hướng tới bởi vì Internet là một kho thông tin khổng lồ. Và do đó, nó không giống như bạn sẽ thấy được mất ra nhất thiết bởi không có thông tin bảo hiểm trong một video. Bạn vẫn có thể nhận được tất cả mọi thứ bạn cần và sử dụng những kiến ​​thức bạn đã đã xây dựng bằng sự hiểu biết C để làm cho đường cong học tập cho các ngôn ngữ khác thực sự là một phẳng hơn rất nhiều. Tôi hứa. 

Nhưng chúng ta hãy nói về một ngôn ngữ đó là thực sự cơ bản cho mỗi web trang, đó là HTML. HTML là Hyper Text Markup Language. HTML là một ngôn ngữ nhưng nó là không phải là một ngôn ngữ lập trình. 

HTML không có các biến. Nó không có logic hay chức năng hoặc bất cứ điều gì như thế. Chúng tôi không thể làm bất cứ lập trình cho mỗi gia trong HTML. Đôi khi bạn sẽ nghe thấy người mô tả bản thân như lập trình HTML, mà là không hoàn toàn chính xác. Chúng tôi không thể viết chương trình HTML. 

HTML chỉ được sử dụng để đánh dấu lên văn bản. Nó được gọi là một ngôn ngữ đánh dấu. Và điều này does-- markup-- này chúng tôi sử dụng thẻ trong HTML và các tags-- này markup-- ngữ nghĩa xác định cấu trúc của một trang và gây ra các văn bản thô tồn tại giữa các thẻ để được giải thích bởi các trình duyệt trong nhiều cách khác nhau. Và có lẽ nó là tốt nhất để giải thích cách bằng này của một minh hoạ. 

Đây là một trang HTML rất đơn giản, không một chương trình HTML, một lần nữa, một trang HTML. Và chúng ta biết nó là một Trang HTML bởi vì chúng tôi đã bao bọc tất cả mọi thứ với các thẻ HTML. Vì vậy, đây là những gì một tag HTML như thế nào. Đó là giữa dấu ngoặc nhọn. Và hãy chú ý ở phía trên chúng tôi có HTML và ở dưới cùng rất, sau khi chúng tôi đã thực hiện được những gì dường như rất nhiều HTML khác, chúng ta có góc khung slash HTML. Vì vậy, đó là loại ranh giới giữa những gì là HTML và những gì không. Và tất nhiên, thông thường, chỉ cần như bạn đã viết tất cả các chương trình C của bạn với phần mở rộng dot C, tất cả các tập tin HTML của bạn sẽ kết thúc với phần mở rộng HTML dot. Nhưng có của nhiều đang xảy ra ở đây. Chúng tôi không chỉ có các thẻ HTML. Chúng tôi dường như có điều này điều được gọi là một thẻ đầu. Vâng, OK, đó là những gì? 

Cũng có thể nó là tốt nhất để phân biệt bằng cách của một cơ thể, cơ thể là nội dung của trang web. Vì vậy có lẽ thẻ đầu xác định cụ đó không phải là trong cửa sổ trình duyệt thích hợp, nhưng là bằng cách nào đó quan trọng với chúng tôi Trang web được biểu hiện một cách chính xác. Ví dụ, bên trong thẻ đầu chúng tôi có thẻ tiêu đề. 

Vì vậy, tiêu đề là hello world, đó là thực sự có được những gì cho thấy trong các tab trong Chrome hoặc trong safari hoặc Firefox-- bất cứ trình duyệt bạn prefer-- đó những gì sẽ xuất hiện trong tiêu đề. Và trước khi các tab nó sẽ hiển thị trong toàn bộ cửa sổ trình duyệt của bạn và bạn chỉ có thể có một trang mở trong một cửa sổ trình duyệt tại một thời điểm. Vì vậy, đó sẽ là các tiêu đề của trang web của tôi lên trong tab hoặc thanh cửa sổ trình duyệt, hello thế giới. Và sau đó nội dung của tôi Trang web sẽ được thế giới, xin chào. Vì vậy, chúng ta hãy nhìn vào những gì một số điều như thế này có thể trông như thế nào. Đây là một trang HTML khá đơn giản. Vì vậy, tôi ở đây trong IDE của tôi và CS50 Tôi đã phóng to một chút. Và tôi chỉ cần đi tới mở ra chào dot HTML và cho bạn thấy rằng điều này là khá nhiều nội dung trang mà chúng tôi đã nhìn thấy trước. Thẻ HTML, người đứng đầu đơn giản của tôi, thẻ tiêu đề, cơ thể, và như vậy. Tôi đã thụt vào được sạch sẽ. 

Và sau đó những gì tôi có thể làm gì trong tôi IDE chỉ được xem trước trang. Và ở đó chúng tôi đi. Nội dung của trang của tôi là thế giới, hello, và tôi không thấy bất cứ điều gì từ các thẻ đầu ở đó. Nó chỉ là nội dung của cơ thể. Thế giới, xin chào. Và một lần nữa cơ thể chỉ cho biết, trên thế giới, xin chào. Các phần khác là mất tích. 

Vì vậy, đó thực sự là tất cả nó. Đây là một trang HTML cơ bản rất đơn giản. Bây giờ tôi đã thụt vào HTML của tôi để thật sự tốt đẹp và có tổ chức, nhưng tôi không thực sự phải. Tôi có thể làm cho nó trông khá xấu xí. Và điều này sẽ vẫn làm việc. Đây sẽ là các trang web chính xác như nhau. Tôi vừa gạt bỏ tất cả các khoảng trắng. 

Khi nó quay ra, không gian màu trắng là dữ liệu. Và như vậy khi chúng tôi đang gửi dữ liệu từ gửi đến người nhận, từ máy chủ cho khách hàng, dữ liệu chi phí tiền bạc. Và do đó, việc loại bỏ các khoảng trắng thực sự là một ý tưởng tốt nếu bạn là một người nào đó phục vụ lên rất nhiều nội dung web. Đó là một ý tưởng tồi nếu bạn ai đó là công cụ học tập này và bạn muốn có nó độc đáo được tổ chức. Điều này là dễ dàng hơn nhiều để phân tích hơn này. Nhưng đó là chức năng giống hệt. 

Các vết lõm và các công cụ như thế không thực sự quan trọng trong HTML. Tất cả những vấn đề là thẻ mở và đóng thẻ theo đúng thứ tự. Chú ý những gì xảy ra ở đây, mặc dù. Đánh dấu cho chúng ta một cách để truyền đạt thông tin thêm về những gì chúng tôi đã viết. Phần Hello, World là giải thích như tiêu đề. Và trên thế giới, hello phần là hiểu là nội dung hoặc những gì cần được hiển thị trên trang web của tôi. 

Hiện có hơn 100 các khác nhau thẻ và nhiều tài nguyên tuyệt vời trực tuyến để tìm thấy chúng. Chúng ta sẽ nói về một vài trong số họ trong video này, một số các công cụ thực sự cơ bản. Nhưng chúng tôi sẽ không nói chuyện về nó bởi vì nó sẽ được đầy đủ để làm như vậy. 

Một điều bạn có thể làm, mặc dù, là mở ra công cụ phát triển. Và nếu bạn nhớ lại từ video của chúng tôi trên HTTP, Tôi giải thích làm thế nào để mở lên các công cụ phát triển. Trong Chrome nó thường là phím F12 để mở ra các thanh công cụ phát triển. Sau đó, thay vì lựa chọn Mạng tab, bạn có thể chọn tab Elements. Và nếu bạn tải một web trang, bạn sẽ thực sự xem mã HTML để tạo trang web đó. Và như vậy bạn có thể học hỏi được rất nhiều về HTML bằng cách nhìn vào các trang web ưa thích của bạn và nhìn thấy cách họ xây dựng các phần khác nhau của họ mà bạn thích. Vì vậy, có lẽ đó là mát mẻ này mô hình hoặc một cái gì đó như thế. Làm thế nào để họ làm cho nó với HTML? Vâng, bạn chỉ có thể mở lên phát triển của bạn công cụ và di chuột trên yếu tố đó và xem chính xác những gì nó làm cho HTML. Vì vậy, đó là một thực sự cách tốt để học HTML, và tôi khuyên bạn làm điều đó cả hai phải học HTML và cũng để tìm hiểu một chút chút thông tin về một số các tùy chọn sẵn cho bạn trong công cụ phát triển, trong đó chắc chắn sẽ có ích như bạn bắt đầu làm web chuyên sâu hơn lập trình. 

Vì vậy, chúng ta hãy nhìn vào một vài thẻ HTML thông thường. Và chúng ta sẽ nhảy và có một cái nhìn tại những gì các thẻ cũng sẽ làm là bằng cách nhìn vào một số tập tin trong IDE của tôi. Vì vậy, đây là ba thẻ rất cơ bản cho tinh chỉnh các hình thức trực quan của văn bản. Có thẻ B, thẻ I, và các thẻ U. Và lần lượt những gì họ làm là làm cho văn bản giữa chúng in đậm, in nghiêng, gạch chân và. Vì vậy, chúng ta hãy xem những gì mà sẽ tìm như trên một trang web thực tế trong IDE của tôi. 

Vì vậy, ở đây trong IDE của tôi, tôi có một tập tin gọi là BIU dot HTML. BIU dot HTML chỉ là in đậm, in nghiêng, gạch chân. Tôi sẽ mở nó lên. 

Và chúng ta sẽ thấy rằng ở đây tôi có văn bản này là thẻ B đậm. Văn bản này là thẻ Tôi nghiêng. Và văn bản này là thẻ U gạch chân. Những gì được này sẽ trông như thế nào? Vâng một lần nữa, tất cả tôi có phải làm là đi qua đây để trình duyệt của tôi, trình duyệt tập tin của tôi, nhấp Xem trước, và đây là những gì đi lên. 

Các văn bản ở giữa B tags thực hiện táo bạo. Các văn bản ở giữa tôi tags thực sự là doanh nghiệp in nghiêng. Và các văn bản ở giữa U thẻ được thực hiện nay nhấn mạnh. Vì vậy, đó là khá tốt. Bây giờ chúng tôi biết làm thế nào để làm cho văn bản nhìn một chút ưa thích hơn hoặc vẽ nhấn mạnh đến những điều nào. Một vài thẻ phổ biến ở đây là tags khoản, thẻ P, và tiêu đề, mà tôi đã trả ở đây là HX. 

Các thẻ P, các thẻ đoạn, phá vỡ văn bản của bạn thành nhiều phần. Nó không đủ để chỉ nhấn Enter và để lại không gian, vì một máy tính chỉ được đi để làm những gì bạn nói với nó để làm và nó bỏ qua màu trắng không gian cho hầu hết các phần. Vì vậy, chúng ta không thể chỉ nhấn Enter và mong muốn máy tính của chúng để giải thích rằng chúng tôi muốn để bắt đầu một đoạn mới. Chúng ta phải nói rất rõ ràng này là một paragraph-- này là another-- bởi bao quanh mỗi một bộ các thẻ P. 

Và chúng tôi cũng có các tùy chọn cho các thẻ H, các thẻ tiêu đề. Chúng tôi có sáu cấp độ khác nhau các tiêu đề, một, hai, ba, bốn, năm, sáu, đó là dần dần lớn hơn và lớn hơn tiêu đề. Và họ nhận được nhỏ hơn và nhỏ hơn và nhỏ hơn và nhỏ hơn. Vì vậy, chúng ta có một mức độ tiêu đề hàng đầu, một giây mức độ tiêu đề, và như vậy, và như vậy. 

Chúng ta hãy nhìn vào có thể một số Tags P và một số thẻ header trong hành động trên một trang web. Vì vậy, ở đây trong IDE của tôi, tôi có một tập tin gọi là PH dot HTML, PH là đoạn văn và các thẻ tiêu đề. Mở mà lên. Có của rất nhiều xảy ra ở đây bởi vì tôi đã đặt một số lorem ipsum, một số văn bản chỉ là ngẫu nhiên ở đây. Vì vậy, tôi sẽ phóng to ra một chút vì có rất nhiều đang xảy ra. Nhưng nhận thấy rằng tôi đã ở rất đầu ở đây tôi có một H1, một cấp độ một, tag tiêu đề. Sau đó, tôi có một đoạn, mà chỉ là một bó ngẫu nhiên text-- lorem ipsum-- chỉ mặc điền tiêu chuẩn trong văn bản. Vì vậy, tôi có hai đoạn văn bên trong đó cấp một tiêu đề và sau đó xuống bên dưới tôi có một mức độ tiêu đề hai ở đây trên đường 24, một mức độ tiêu đề thứ hai, và hai khác đoạn văn. Vâng, điều này không giống như nếu tôi xem nó trong bản xem trước của tôi? Chúng ta hãy xem. 

Vì vậy, nhận thấy rằng các mức độ tiêu đề đầu tiên ở đây thực sự là khá lớn hơn một chút hơn so với mức độ tiêu đề thứ hai. Vì vậy, chúng tôi sử dụng thẻ H1. Và nhận thấy rằng các thẻ P cho phép chúng tôi phá vỡ mọi thứ ra thành nhiều đoạn. Nếu chúng ta đã gạt bỏ những thẻ P và thực sự chỉ cần đặt Vào hoặc Returns ở giữa những gì chúng tôi hy vọng sẽ được các đoạn văn khác nhau, họ sẽ tất cả chỉ slam với nhau và nó sẽ không có đoạn này tốt đẹp tách với không gian bên trên và bên dưới. Và đó là những điều khoản thẻ và thẻ tiêu đề thường được sử dụng để làm gì để vẽ chú ý đến các phần của trang web của chúng tôi theo cách đó. 

Lên tiếp theo là một số thẻ mà chúng tôi sử dụng để xây dựng danh sách trên trang web của chúng tôi. Vì vậy, chúng ta phải có thứ tự lists-- ULs-- mà chỉ là danh sách gạch đầu dòng, ra lệnh danh sách đó là numbered-- OLs-- và bên trong của một trong hai một trong những người chúng ta cần phải có bộ như thế nào để cho biết danh sách các mặt hàng, LI. Và vì vậy chúng tôi có mở thẻ UL và chúng tôi đặt các mục bên trong của nó. Và sau đó khi chúng tôi đang thực hiện với rằng, chúng ta có thể đóng thẻ UL. 

Và tương tự như chúng ta có thể có một danh sách đặt hàng hoặc số và đưa danh sách các hạng mục bên trong đó. Vì vậy, chúng ta hãy có một cái nhìn ở một vài danh sách và những gì họ sẽ render như trên CS50 IDE. Vì vậy, tôi có ở đây trong IDE của tôi một tập tin gọi là danh sách chấm HTML. Hãy nhìn xem. 

Và thông báo ở đây tôi có một thứ tự danh sách với năm điều trong đó. Và sau đó tôi có một danh sách đặt hàng, và Tôi đã thay đổi các tag một chút, bên phải? Tôi đã nói bắt đầu bằng sáu. Nó quay ra với một danh sách có thứ I có thể thiết lập điểm bắt đầu bất cứ nơi nào Tôi want-- theo mặc định nó sẽ one-- bởi chỉ cần thêm cái gọi là thuộc tính này để tag CV của tôi. Và do đó, danh sách này sẽ bắt đầu đếm ở sáu. Vì vậy, các yếu tố của danh sách đó số nên là sáu, bảy, tám, chín, mười, vì có năm yếu tố trong danh sách, như trái ngược với một, hai, ba, bốn, năm, mà sẽ là trường hợp nếu tôi nói CV mà không xác định thuộc tính bắt đầu. 

Vì vậy, chúng tôi sẽ chỉ xem trước này, do đó bạn có thể có được một cảm giác về những gì đang xảy ra ở đây. Và ở đó chúng tôi đi. Có danh sách của tôi. Năm yếu tố đầu tiên là không có thứ tự hay dấu danh sách. Và năm yếu tố tiếp theo là một danh sách đặt hàng riêng bắt đầu từ sáu. Vì vậy, đó là làm thế nào chúng ta có thể xây dựng danh sách bằng cách sử dụng HTML. Một điều có lẽ bạn muốn làm với HTML được xây dựng một bảng thông tin của các hàng và cột để trình bày thông tin đặc biệt là tổ chức cách. Để làm điều này với HTML, chúng tôi có thể có một nghĩa bảng bắt đầu mở khung bàn. Và sau đó bên trong của bảng đó chúng tôi có thể có một tập hợp các hàng, thẻ TR để chỉ ra mỗi hàng. Và sau đó thẻ TD đi bên trong các thẻ TR để xác định một cột trong một hàng. 

Tại sao lại gọi là TD và không TC? Vâng, TD là viết tắt của bảng dữ liệu. Thông thường, bạn đang đặt thông tin của bạn ở đó. Vì vậy, đó là lý do tại sao nó là TD và không TC. Đó là một chút khó hiểu. 

Vì vậy, bạn có thẻ bảng và bên trong các thẻ bảng của bạn bạn có một số lượng hàng, TRS. Và bên trong mỗi hàng bạn có TDS cho số cột mà bạn muốn có trong đó hàng cụ thể. Chúng ta hãy nhìn vào một rất bảng đơn giản hơn trong CS50 IDE. 

Vì vậy, tôi có ở đây một tập tin gọi là bảng chấm HTML. Hãy có một cái nhìn tại gì đó trông như thế nào. Có của nhiều đang xảy ra ở đây, nhưng nếu bạn nhận thấy tôi có một bảng mở. Tôi bắt đầu định nghĩa với bảng. Và sau đó trong hàng đầu tiên của tôi, tôi rõ ràng có bốn cột, một, hai, ba, bốn. Và sau đó tôi thực hiện với hàng đó. 

Sau đó, tôi bắt đầu dòng khác và làm hai, bốn, sáu, tám. Kết thúc hàng đó. Làm một dòng khác, ba, sáu, chín, 12. Và sau đó một hàng cuối cùng, bốn, tám, 12, và mặc dù nó một ít cắt ở đây, 16. 

Tôi đã hoàn thành hàng đó. Tôi đã hoàn thành bàn. Và sau đó tôi thực hiện với HTML của tôi. Điều này không giống như thế? Vâng, nó không thực sự nhiều để xem. Tôi đã tổ chức rõ ràng thông tin của tôi theo một cách nào có tổ chức hơn. Nhưng nó không phải siêu đẹp đây. Và chúng ta sẽ đối phó với rằng khi chúng ta nói về CSS. Chúng tôi sẽ xem xét lại ý tưởng này của những gì chúng ta làm gì để làm cho một table-- có thể định dạng nó tốt hơn một chút? Nhưng tôi vẫn còn có bốn hàng, mỗi trong số đó có bốn cột, và thực sự những gì số tiền này để là một rất đơn giản bốn bốn nhân bàn. 

Chỉ cần thêm một vài thẻ chúng tôi sẽ nói về. Hãy nói về những Khái niệm về một dạng HTML. Vì vậy, bạn có thể đã thấy điều này trong bối cảnh cách đăng nhập vào một trang web. Thông thường, bạn gõ vào tên người dùng của bạn. Bạn gõ vào mật khẩu của bạn, và bạn tốt để đi. Đó sẽ là sự khởi đầu của một hình thức. 

Bỏ qua div một giây. Chúng tôi cũng có đầu vào mà loại phù hợp bên trong các hình thức. Đây là những yếu tố mà bạn đang thực sự gõ vào, hoặc các nút radio bạn đánh dấu, hoặc kiểm tra hộp mà bạn đang hẹn off. Vì vậy, những đi vào bên trong của hình thức. Và họ bao gồm cơ bản mỗi hàng của các hình thức nếu mẫu của bạn được định dạng tốt. Sau đó có khái niệm này một div, mà không thực sự phù hợp với bất kỳ loại đặc biệt của thẻ như những cái tôi đã đã làm trước đây. Nó chỉ là loại demarcates các bắt đầu của một số division-- tùy ý div-- của trang. Không có đột phá thị giác. Không có đường. Nó không phải đặt ra như một đoạn riêng biệt tự động. Bạn muốn có phong cách nó theo cách đó để làm điều đó. 

Nó chỉ là loại nói tôi muốn có một mảnh của không gian trên trang web của tôi, và tôi chỉ cần đi để gọi nó phân chia này của trang của tôi. Chúng ta có thể đặt công cụ bên trong divs, và trong thực tế, khi chúng tôi đi qua IDE trong một giây, chúng tôi sẽ thấy rằng tôi đang đặt của tôi hình thành bên trong của một div. 

Vì vậy, tôi có ở đây trong IDE của tôi một tập tin gọi là div dạng dot HTML. Chúng ta hãy mở nó lên. Chú ý rằng như tôi đã nói, div là loại tùy ý. Bên phải? Nó không thực sự có nghĩa là bất cứ điều gì. Vì vậy, tôi có một tùy ý phân chia đầu tiên của trang của tôi. Và sau đó thay vì một div sau đó, bắt đầu từ dòng tám, Tôi có hình thức này. Và bên trong của hình thức Tôi có một số lượng đầu vào, các lĩnh vực của biểu mẫu. Vì vậy, tôi có một trường có tên là A-- mà không thực sự có nghĩa là bất cứ điều gì now-- ngay mà dường có văn bản, một số khác mà mất mật khẩu, khác đó là một Radio nút, khác đó là một hộp kiểm tra, và một người khác đó là một nút Submit. Vâng, những gì hiện nay tất cả thực sự trông như thế nào? Vâng, chúng ta hãy có một cái nhìn. Chúng tôi sẽ mở nó lên trong cửa sổ xem trước của chúng tôi. Chú ý rằng tùy tiện này đầu tiên division-- có không tách hình ảnh ở đây. Nó không thực sự làm bất cứ điều gì, phải không? 

Và sau đó tôi có hình thức của tôi. Và tôi đã không làm bất kỳ định dạng đặc biệt. Vì vậy, các hình thức chỉ là một hàng lớn của thông tin. Nếu tôi đã được định dạng hình thức của tôi khác nhau, Tôi có thể có nó xếp hàng bởi từng dòng. Nhưng tôi đã không làm bất kỳ phong cách. Một lần nữa, chúng tôi không nói về CSS ở đây. Chúng tôi chỉ nói về HTML. 

Cũng ở dạng văn bản của tôi, tôi có thể type-- hãy nhớ rằng hình thức của các loại văn bản vì vậy tôi có thể đặt tên của tôi. Và trong mật khẩu của tôi tôi có thể gõ mật khẩu của tôi. Và bởi vì lĩnh vực đó là loại mật khẩu, bạn không biết những gì mật khẩu của tôi là. Đó là tất cả các dấu chấm. 

Tôi cũng có thể chọn để đánh dấu một off nút radio hay đánh dấu ra khỏi một hộp kiểm tra. Hoặc tôi có thể gửi mẫu của tôi. Và tôi đã không làm bất cứ điều gì, do đó, khi tôi gửi hình thức của tôi, trang vừa làm mới. Nhưng có lẽ tôi có thể cấu hình của tôi Nút Submit để làm cái gì khác. Và chúng ta sẽ thấy những gì chúng ta có thể làm với rằng trong một đoạn video trong tương lai trên PHP. Nhưng điều này xây dựng một rất hình thức đơn giản mà chúng tôi có thể sử dụng để có người sử dụng tương tác và gửi thông tin cho trang web của chúng tôi. 

Một bình luận cuối cùng trước khi chúng tôi di chuyển trên một số thẻ khác là để có một cái nhìn lúc này thẻ đầu vào một lần nữa. Chú ý rằng tôi đã nêu bật kết thúc của thẻ màu đỏ. Mỗi thẻ khác mà chúng tôi đã nhìn thấy cho đến nay có đã có một khởi đầu và kết thúc, một mở tag và một thẻ đóng. 

Nhưng một thẻ đầu vào thì không. Không có văn bản mà đi ở giữa các thẻ đầu vào. Tất cả các thông tin chúng tôi đang có ý định truyền đạt là ràng buộc lên như là một phần của thuộc tính của đầu vào đó. Chú ý chúng tôi có tên đầu vào bằng x. Loại bằng y. Đó thực sự là tất cả các thông tin chúng tôi cần. 

Điều này được gọi là một thẻ tự đóng cửa. Nó không đòi hỏi một mở và một gần bởi vì tất cả các thông tin được chứa bên trong tag và thuộc tính của nó. Vì vậy, đôi khi bạn sẽ thấy điều này, quá. Vì vậy, chỉ cần lưu ý rằng nếu bạn có một thẻ đó là hoàn toàn khép kín, nó mở ra và đóng chính nó với khung góc mở bên trái và góc slash khung bên phải. Chúng ta sẽ thấy một một trong những ngay bây giờ với thẻ hình ảnh là tốt. 

Trước khi chúng tôi nói chuyện về hình ảnh, chúng tôi cần phải nói về các siêu liên kết. Nếu chúng ta muốn trang web của chúng tôi để được tương tác và di chuyển chúng xung quanh, nó sẽ được tốt đẹp có thể bấm vào một trong những những gì đã thường là một liên kết màu xanh. Đây thật sự là cách chúng ta xây dựng một liên kết trong trang web của chúng tôi. Và thú vị đủ có một tag HTML được gọi là liên kết, mà không phải là một siêu liên kết. A ở đây là viết tắt của neo, và đó là cách chúng tôi chỉ ra một siêu liên kết. 

A href bằng X phương tiện đi Trang web X. Và tất cả mọi thứ giữa mở Thẻ và gần A tag được những gì đang xảy ra để được rằng nhấn mạnh dòng chữ màu xanh trông giống như một liên kết mà chúng ta đã quen thuộc với. Dưới đây chúng ta có một thẻ hình ảnh, mà là một tự đóng tag để hiển thị một hình ảnh nằm ở X. Và bạn có thể có thể thay đổi hình ảnh đó bằng cách xác định chiều rộng và chiều cao và các thuộc tính khác rằng dấu chấm chấm chấm đó. 

Ở bên dưới đây chúng tôi có một rất thú vị tìm kiếm từ khóa đó không có một thẻ đóng. Đó là dấu chấm than điểm DOCTYPE HTML. Vì vậy, HTML đã được khoảng từ đầu những năm 1990 để xây dựng trang web, và nó đi trải qua công chỉnh sửa vài lần kể từ đó. Gần đây nhất vào năm 2014 nó đã trải qua một phiên bản gọi là HTML5 mà bây giờ là hiện tại loại tiêu chuẩn de facto HTML. 

Để chỉ ra rằng web của chúng tôi trang được viết bằng HTML5, này là làm thế nào chúng ta bắt đầu. Nó có thể được bỏ qua nhưng những gì mà cơ bản phương tiện là bạn không thể sử dụng bất kỳ thẻ đó là các thẻ HTML5, những thẻ mới. Vì vậy, chúng tôi luôn luôn bắt đầu nếu chúng ta đang sử dụng HTML5. Và tất cả các thẻ chúng tôi đã nói chuyện về trước đây không phải là các thẻ HTML5. Nhưng điều này sẽ chỉ ra rằng Thẻ HTML5 sẽ có mặt. Và vì vậy chúng tôi có chấm than DOCTYPE HTML, mà là lúc bắt đầu của chúng tôi Tập tin HTML, và sau đó sau thời điểm đó chúng tôi thực sự có HTML của chúng tôi mở thẻ và tiến hành từ đó. 

Người cuối cùng là một thẻ nhận xét, trông hơi khác nhau, quá. Nó bắt đầu giảm với góc khung chấm than dash gạch ngang nhưng không có khung đóng. Ở giữa hai yếu tố có là nơi bạn viết bình luận của bạn. Và chúng ta hãy nhìn vào hình ảnh và các ý kiến ​​và liên kết trong CS50 IDE. 

Vì vậy, tôi có ở đây một tập tin gọi là liên kết hình ảnh dot HTML mà tôi sẽ mở ra. Và việc thông báo tôi đã có một vài Các bình luận ở đây trong ý kiến ​​HTML của tôi. Vì vậy, giống như trong C và khác ngôn ngữ lập trình, HTML bằng việc là một ngôn ngữ đánh dấu không có khả năng để có ý kiến. Và do đó, tôi dường như sẽ đặt một hình ảnh của Rick Astley một nơi nào đó giữa div này tag, phân chia tùy ý này. Rõ ràng đó là tập tin nằm ở Rick dot JPEG, mà nếu chúng ta quay trở lại qua cây tập tin của tôi cho một thứ hai, là một tập tin tồn tại trong thư mục hiện hành. Vì vậy, đó là OK. Tôi có thể tham khảo nó. 

Sau đó, tôi có thể có liên kết nội bộ. Vì vậy, lưu ý trên đường 11 ở đây href của tôi là chào dot HTML. Vì vậy, mà chỉ đề cập tới hello dot HTML mà tồn tại trong thư mục hiện hành. Và tôi cũng có thể có bên ngoài liên kết bởi chỉ cần xác định HTTPS để chỉ ra rằng tôi không nói về một tập tin trong thư mục hiện tại của tôi. Tôi đang nói về một tập tin tồn tại một nơi nào đó trên internet, mà tôi có yêu cầu sử dụng giao thức HTTP. 

Vì vậy, chúng ta hãy nhìn vào những gì trang này có thể trông giống như và sẵn sàng cho một hình ảnh của Rick Astley để hiển thị trên màn hình của bạn. Vì vậy, tôi sẽ xem trước này. Có Rick Astley ở rất đầu trong tùy tiện này sư đoàn, tôi đặt nó ở đầu trang. Và sau đó xuống bên dưới tôi có liên kết của tôi, phải không? 

Tôi có một liên kết tới hello dot HTML. Và nếu tôi nhấp vào đó, tôi nhận được chuyển sang trang này rằng chúng tôi rất quen thuộc với các từ khi bắt đầu chương trình của chúng tôi. Nếu tôi bật mở trang đó một lần nữa, nếu tôi liên kết hình pop mở thêm một lần nữa, Tôi cũng có thể đi ra bên ngoài vào trang web của CS50. Và ở đó chúng ta sẽ thấy see-- tôi phóng to ra một chút here-- chúng ta sẽ thấy trang web của CS50 loại nhúng vào giữa trang của chúng tôi. Vì vậy, tôi đã có thể làm cho một nội bộ liên kết cũng như liên kết ngoài. 

Quy tắc cuối cùng với HTML chúng ta sẽ nói về ở đây là HTML của bạn nên được hình thành tốt. Trong C, chúng tôi đã nói chuyện rất nhiều về cú pháp khác nhau của sự vật. Trong HTML cú pháp thực sự xoay quanh các thẻ. Mỗi tag bạn mở cần phải được đóng lại. Và trên thực tế, mỗi tag bạn mở nên được đóng lại theo thứ tự ngược. 

Vì vậy, nếu bạn mở một thẻ in đậm, in nghiêng một tag, và sau đó một tag gạch chân để làm tất cả ba đến một tập hợp các văn bản, bạn nên đóng chúng theo thứ tự ngược lại. Vì vậy, nếu bạn mở táo bạo, nghiêng, gạch dưới, bạn muốn đóng gạch chân, in nghiêng, in đậm. Điều này loại đóng gói là gì giữ HTML tốt đẹp và có tổ chức. 

Không giống như C, mặc dù, các lỗi cú pháp sẽ không thực sự làm tê liệt HTML của bạn có thể. HTML của bạn có thể không tốt hình thành nhưng vẫn sẽ làm việc. Và do đó, những lỗi có thể sắp xếp các slide bằng. Đó là vào bạn để thực sự cảnh giác. Đôi khi, họ sẽ thất bại nhưng đôi khi bạn có thể nhận được ngay với nó. 

Nó có thể là một thực sự nhiệm vụ khó khăn, mặc dù, để theo dõi khi nào bạn mở một thẻ, khi bạn đóng nó, đặc biệt như HTML của bạn các tập tin được lớn hơn và lớn hơn. Bạn sẽ muốn có một số giúp đỡ. Và có trực tuyến công cụ xác nhận rằng bạn có thể sử dụng để có một cái nhìn tại trang web của bạn trang và xem nếu nó cũng được hình thành HTML. Và bạn nên chắc chắn hãy nhìn vào những và bắt đầu sử dụng chúng như bạn bắt đầu làm một số công việc với HTML, văn bản HTML, chỉ cần để bạn có được một số thói quen tốt về tổ chức HTML của bạn trong một cách tốt và phong cách tốt và đảm bảo rằng bạn không phải làm bất cứ điều gì có thể tạo ra một lỗi cú pháp sẽ gây ra cho bạn một chút một vấn đề xuống đường. 

Tôi Doug Lloyd. Đây là CS50.