All right. So let's look at HTML in

All right. So let's look at HTML in a kind of overview way first before we start diving into the details.
0:08
So, after this presentation, you'll understand the ways in which HTML is used.
0:13
You'll understand, appreciate the Single Page Application idea of using HTML And you'll be able to differentiate between HTML and another language called SVG.
0:25
So HTML basically the main language for building web pages. It's been around for quite a long time 25, 30 years since the 1990's. Latest version is HTML 5. This complete series of videos looks at HTML 5.
0:42
So before we start looking at HTML code, you need to just understand how it gets used. This is the most common way it gets used. Browser sends a request to the server and asks for a web page, okay, such as index.html. Server sends the complete web page back to the browser. Browser receives the complete web page and displays it appropriately.
1:09
So that's been going on for like 30 years, that's the basic model and it still goes on today, millions of times a day.
1:17
However, things have got a bit more complex in the last 10 or so years.
1:22
Let's look at another model, which is Single Page Application (SPA). So now, things are a little bit more complex. Browser sends a request to the server, asking for a small piece of data. It doesn't ask for an entire web page. It just asks for a small piece of data. For example let's say that you had an application for buying and selling stock, stock information, stock prices things like that. So you wanna buy some stock, you send a little piece of information you send a request to the server I want to buy some stock. The server responds with a small piece of data and that comes back to the browser. It comes back to the same, single page application, so you don't get like a flash in a new webpage, you don't get that at all. Most of it stays the same just a little piece changes. So a little piece gets sent back to the browser. And then in here, usually some JavaScript will receive the little piece of information and then update it. Perhaps it is what is the price of some stock, some stock market information. Okay, it just updates that little price shown in the web page. So this is the single page application idea. Requesting for a little piece of data, receiving a little piece of data, changing a small piece of the web page. That is now very very common.
2:52
Now, when we say web page, perhaps you think only of HTML, so I'd like to just give a quick example of an alternative, so instead of just doing everything in HTML, you could choose SVG, okay? It's another way of writing a display system, which you give to a browser. Browser makes a nice display, and then you can interact with that display. So it's a simple example here. SVG and then here's some text and here's some other text and the result is this. This is exactly what that code looks like. Is it HTML? No, zero HTML pure SVG. If you want to you could write a complete web system, lots of web pages, and you JavaScript, all of that stuff. Purely using SVG. Totally you could do that. Now here's another example in case you think that's too simple, a bit more complex. Again we're still staying with SVG for this. My web page, we page is so awesome. It's got a nice gradient in the background. It's got a few circles, whatever you want. That is a bit more complex SVG example. And they can do things which is a bit of trouble if you try to do them in HTML like these kind of circles and curves. You could do them in HTML but not an easy situation. SVG is much better for that kind of thing.
4:19
All right, so there is alternatives to HTML.
4:23
Quick comparison. Well, SVG, very focused on graphics. In fact, the G of SVG, scalable vector graphics, so it tells you it's really focusing on the graphic side of things.
4:36
On the negative side, there aren't many libraries with SVG. So for example, you want to do mobile phone applications and so on You wouldn't really choose SVG, okay? You would go for the thing which has been around for like 30 odd years, HTML. Okay, it doesn't have such fantastic graphics as SVG. It really has a kind of fundamentally text approach to what it does. But it has millions of libraries, and you're trying to develop something advanced, you know, mobile phone, multi-tablet kind of system you really don't have too much choice and you really have to go for HTML.

Kết quả (Việt) 1:

Được. Vì vậy, hãy nhìn vào HTML trong một loại tổng quan về cách đầu tiên trước khi chúng tôi bắt đầu lặn vào các chi tiết. 0:08Vì vậy, sau khi trình bày này, bạn sẽ hiểu những cách mà trong đó HTML được sử dụng. 0:13Bạn sẽ hiểu, đánh giá cao những ý tưởng trang ứng dụng duy nhất của việc sử dụng HTML và bạn sẽ có thể phân biệt giữa HTML và các ngôn ngữ khác gọi là SVG. 0:25Vì vậy, HTML cơ bản là các ngôn ngữ chính để xây dựng trang web. Nó đã khoảng một thời gian dài 25, 30 năm kể từ những năm 1990. Phiên bản mới nhất là HTML 5. Hoàn thành loạt video nhìn HTML 5. 0:42Vì vậy, trước khi chúng tôi bắt đầu nhìn vào mã HTML, bạn cần phải chỉ hiểu làm thế nào nó được sử dụng. Đây là cách phổ biến nhất, nó được sử dụng. Trình duyệt sẽ gửi một yêu cầu đến máy chủ và yêu cầu cho một trang web, chấp nhận được, chẳng hạn như index.html. Máy chủ gửi các trang web hoàn chỉnh lại cho trình duyệt. Trình duyệt sẽ nhận được các trang web hoàn chỉnh và nó sẽ hiển thị một cách thích hợp. 1:09Do đó là đi cho như 30 năm, đó là các mô hình cơ bản và nó vẫn còn đi hôm nay, hàng triệu lần một ngày. 1:17Tuy nhiên, những thứ có phức tạp hơn một chút trong những năm cuối 10 hoặc hơn. 1:22Hãy nhìn vào một mô hình, đó là ứng dụng duy nhất trang (SPA). Vì vậy bây giờ, điều này là phức tạp hơn một chút. Trình duyệt sẽ gửi một yêu cầu đến máy chủ, yêu cầu cho một phần nhỏ dữ liệu. Nó không yêu cầu cho một trang web toàn bộ. Nó chỉ yêu cầu cho một phần nhỏ dữ liệu. Ví dụ, giả sử rằng bạn đã có một ứng dụng để mua và bán chứng khoán, thông tin chứng khoán, giá cổ phiếu điều như thế. Vì vậy, bạn muốn mua một số cổ phiếu, bạn gửi một mảnh nhỏ của thông tin bạn gửi yêu cầu đến máy chủ, tôi muốn mua một số cổ phiếu. Hệ phục vụ đáp ứng với một phần nhỏ dữ liệu và đó trở lại cho trình duyệt. Nó trở lại để cùng, ứng dụng trang duy nhất, do đó bạn không nhận được như một đèn flash trong một trang web mới, bạn không nhận được rằng tại tất cả. Nhất của nó vẫn như nhau mảnh chỉ là một chút thay đổi. Vì vậy, một mảnh nhỏ được gửi trở lại trình duyệt. Và sau đó ở đây, thông thường một số JavaScript sẽ nhận được mảnh nhỏ của thông tin và sau đó cập nhật nó. Có lẽ đó là những gì là giá của một số cổ phiếu, một số thông tin thị trường chứng khoán. Chấp nhận được, nó chỉ Cập Nhật mà giá cả rất ít Hiển thị trong trang web. Vì vậy, đây là ý tưởng ứng dụng trang duy nhất. Yêu cầu cho một mảnh nhỏ của dữ liệu, nhận được một mảnh nhỏ của dữ liệu, thay đổi một mảnh nhỏ của trang web. Đó là bây giờ rất rất phổ biến. 2:52Bây giờ, khi chúng ta nói rằng trang web, có lẽ bạn nghĩ chỉ HTML, vì vậy tôi muốn chỉ cho một ví dụ nhanh chóng của một thay thế, do đó, thay vì chỉ làm tất cả mọi thứ trong HTML, bạn có thể chọn SVG, chứ? Đó là một cách khác để viết một hệ thống hiển thị, bạn cung cấp cho một trình duyệt. Làm cho trình duyệt Hiển thị đẹp, và sau đó bạn có thể tương tác với màn hình đó. Vì vậy, nó là một ví dụ đơn giản ở đây. SVG và sau đó đây là một số văn bản và dưới đây là một số văn bản khác và kết quả là đây. Điều này là chính xác những gì mã đó trông giống như. Nó có phải là HTML? Không, không HTML tinh khiết SVG. Nếu bạn muốn, bạn có thể viết một web hoàn chỉnh hệ thống, rất nhiều trang web, và bạn là JavaScript, tất cả những thứ đó. Hoàn toàn sử dụng SVG. Hoàn toàn, bạn có thể làm điều đó. Bây giờ đây là một ví dụ trong trường hợp bạn nghĩ rằng đó là quá đơn giản, phức tạp hơn một chút. Một lần nữa chúng ta sẽ vẫn còn ở với SVG cho điều này. Trang web của tôi, chúng tôi trang là so awesome. Nó có một gradient đẹp trong nền. Nó có một vài vòng kết nối nhất, bất cứ điều gì bạn muốn. Đó là phức tạp hơn một chút SVG ví dụ. Và họ có thể làm điều đó là một chút rắc rối nếu bạn cố gắng để làm cho họ trong HTML như loại hình tròn và đường cong. Bạn có thể làm cho họ trong HTML, nhưng không phải là một tình huống dễ dàng. SVG là tốt hơn cho rằng loại điều. 4:19Được rồi, do đó, lựa chọn thay thế để HTML. 4:23So sánh nhanh. Vâng, SVG, rất tập trung vào đồ họa. Trong thực tế, G SVG, khả năng mở rộng vector đồ họa, do đó, nó sẽ cho bạn biết nó thực sự là tập trung vào mặt đồ họa của sự vật. 4:36Về mặt tiêu cực, không có nhiều thư viện với SVG. Vì vậy, ví dụ, bạn muốn làm ứng dụng điện thoại di động và như vậy bạn sẽ không thực sự chọn SVG, được chứ? Bạn muốn đi cho những điều đó đã xung quanh cho như 30 lẻ năm, HTML. Được rồi, nó không có đồ họa tuyệt vời như vậy là SVG. Nó thực sự có một loại cơ bản văn bản tiếp cận với những gì nó làm. Nhưng có hàng triệu người trong thư viện, và bạn đang cố gắng để phát triển một cái gì đó nâng cao, bạn đã biết, điện thoại di động, máy tính bảng nhiều loại hệ thống bạn thực sự không có quá nhiều lựa chọn và bạn thực sự phải đi cho HTML.

Kết quả (Việt) 2:

Tất cả các quyền. Vì vậy, chúng ta hãy nhìn vào HTML trong một loại cách tổng quan đầu tiên trước khi chúng tôi bắt đầu đi sâu vào các chi tiết.
00:08
Vì vậy, sau khi trình bày này, bạn sẽ hiểu được cách thức mà HTML được sử dụng.
00:13
Bạn sẽ hiểu, đánh giá cao ý tưởng trong một trang ứng dụng của việc sử dụng HTML và bạn sẽ có thể phân biệt giữa HTML và một ngôn ngữ được gọi là SVG.
00:25
vì vậy, về cơ bản HTML là ngôn ngữ chính để xây dựng các trang web. Nó được cho một khoảng thời gian khá dài 25, 30 năm kể từ năm 1990. Phiên bản mới nhất là HTML 5. Đây loạt đầy đủ các video nhìn vào HTML 5.
00:42
Vì vậy, trước khi chúng ta bắt đầu nhìn vào mã HTML, bạn cần phải chỉ cần hiểu làm thế nào nó được sử dụng. Đây là cách phổ biến nhất khi nó được sử dụng. Trình duyệt sẽ gửi một yêu cầu đến máy chủ và yêu cầu một trang web, được không, chẳng hạn như index.html. Server gửi hoàn chỉnh lại trang web để trình duyệt. Trình duyệt nhận được các trang web hoàn chỉnh và hiển thị nó một cách thích hợp.
01:09
Vì vậy, đó là được đi trên cho giống như 30 năm, đó là mô hình cơ bản và nó vẫn diễn ra ngày hôm nay, hàng triệu lần một ngày.
01:17
Tuy nhiên, mọi thứ đã có một chút phức tạp hơn trong 10 hoặc hơn năm ngoái.
1:22
Hãy nhìn vào mô hình khác, đó là một trang ứng dụng (SPA). Vì vậy bây giờ, mọi thứ phức tạp hơn một chút. Trình duyệt sẽ gửi một yêu cầu đến máy chủ, yêu cầu cho một mảnh nhỏ của dữ liệu. Nó không yêu cầu toàn bộ một trang web. Nó chỉ yêu cầu một mảnh nhỏ của dữ liệu. Ví dụ chúng ta hãy nói rằng bạn đã có một ứng dụng cho việc mua và bán chứng khoán, thông tin chứng khoán, giá cổ phiếu điều như thế. Vì vậy, bạn muốn mua một số cổ phiếu, bạn gửi một chút về thông tin bạn gửi một yêu cầu đến máy chủ tôi muốn mua một số cổ phiếu. Các máy chủ đáp ứng với một mảnh nhỏ của dữ liệu và trở lại cho trình duyệt. Nó trở lại với cùng trang ứng dụng, duy nhất, do đó bạn không nhận được giống như một đèn flash trong một trang web mới, bạn không có được điều đó cả. Hầu hết nó vẫn chỉ là một chút thay đổi cùng một mảnh. Vì vậy, một phần nhỏ được gửi lại cho trình duyệt. Và sau đó ở đây, thường có một số JavaScript sẽ nhận được đôi chút về thông tin và sau đó cập nhật nó. Có lẽ đó là giá của một số cổ phiếu, một số thông tin thị trường chứng khoán là gì. Được rồi, nó chỉ cập nhật mà giá hơi hiển thị trong trang web. Vì vậy, đây là ý tưởng trang ứng dụng duy nhất. Yêu cầu cho một phần nhỏ của dữ liệu, nhận được một phần nhỏ của dữ liệu, thay đổi một mảnh nhỏ của các trang web. Đó là bây giờ rất rất phổ biến.
02:52
Bây giờ, khi chúng ta nói trang web, có lẽ bạn nghĩ duy nhất của HTML, vì vậy tôi muốn chỉ đưa ra một ví dụ nhanh chóng của một sự thay thế, do đó thay vì chỉ làm tất cả mọi thứ trong HTML, bạn có thể chọn SVG, được không? Đó là một cách khác để viết một hệ thống hiển thị, mà bạn cung cấp cho trình duyệt. Trình duyệt làm cho màn hình hiển thị đẹp, và sau đó bạn có thể tương tác với màn hình hiển thị. Vì vậy, nó là một ví dụ đơn giản ở đây. SVG và sau đó đây là một số văn bản và đây là một số văn bản khác và kết quả là thế này. Đây là chính xác những gì mã trông như thế nào. Có HTML? Không, không tinh khiết HTML SVG. Nếu bạn muốn, bạn có thể viết một hệ thống hoàn chỉnh web, rất nhiều các trang web, và bạn JavaScript, tất cả những thứ đó. Hoàn toàn sử dụng SVG. Hoàn toàn bạn có thể làm điều đó. Bây giờ đây là một ví dụ trong trường hợp bạn nghĩ rằng đó là quá đơn giản, một chút phức tạp hơn. Một lần nữa chúng tôi vẫn đang ở với SVG cho việc này. Trang web của tôi, chúng tôi trang là rất tuyệt vời. Nó có một gradient đẹp trong nền. Nó có một vài vòng tròn, bất cứ điều gì bạn muốn. Đó là một chút phức tạp ví dụ SVG. Và họ có thể làm những điều đó là một chút rắc rối nếu bạn cố gắng để làm cho họ trong HTML như các loại vòng tròn và đường cong. Bạn có thể làm cho họ trong HTML, nhưng không phải là một tình huống dễ dàng. SVG là tốt hơn cho rằng loại điều.
04:19
Được rồi, do đó, là lựa chọn thay thế cho HTML.
4:23
so sánh nhanh. Vâng, SVG, rất tập trung vào đồ họa. Trong thực tế, G của SVG, SVG, vì vậy nó cho bạn biết nó thực sự tập trung vào các mặt đồ họa của sự vật.
04:36
Về mặt tiêu cực, không có nhiều thư viện với SVG. Vì vậy, ví dụ, bạn muốn làm ứng dụng điện thoại di động và vv Bạn sẽ không thực sự chọn SVG, được không? Bạn sẽ đi điều đó đã được khoảng 30 năm lẻ như, HTML. Được rồi, nó không có đồ họa tuyệt vời như SVG. Nó thực sự có một loại phương pháp tiếp cận văn bản cơ bản với những gì nó làm. Nhưng nó có hàng triệu thư viện, và bạn đang cố gắng để phát triển một cái gì đó cao cấp, bạn đã biết, điện thoại di động, đa tablet loại hệ thống bạn thực sự không có sự lựa chọn quá nhiều và bạn thực sự phải đi cho HTML.