 Bagaimana kamera saya? Mari kita mulakan kemudian. Okey? Mari kita mulakan. Okey, selamat tinggal. Mari kita mulakan. Saya minta maaf untuk keputusan. Jadi hari ini kita akan... Kita akan pergi ke pejabat kerja. Mereka akan berjumpa setiap minggu. Selepas hari ini, seperti hari ini. Kita akan bergerak ke pejabat. Ke pejabat. Supaya ia tak akan berjaya selanjutnya. Selepas hari ini, seperti hari ini. Jadi, mari kita pergi ke pejabat kerja. Apa yang kita akan belajar hari ini? Kita akan belajar... HTML dan CSS hari ini. Jadi... Kita akan minta maaf untuk tanya pertanyaan. Selepas semua pejabat kerja. Ya. Okey, jadi... Kita belum selesai wi-fi. Mereka akan berjumpa setiap minggu. Yang sangat cepat. Tidak ada minuman atau minuman yang berjumpa dalam tepung kerja. Ya. Jadi, sedikit tentang diri saya. Nama saya Tweren. Untuk tangan. Siapa di sini menggunakan Twitter? Twitter? Ada sesiapa? Okey, satu tangan. Jika anda tidak di Twitter, masa untuk menggunakan Twitter. Apa tentang e-mail? Ada sesiapa menggunakan e-mail? Okey, lebih banyak tangan. Baiklah. Jadi, anda boleh menerima saya dengan Twitter dan e-mail juga. Saya adalah pembukaan pembukaan, dan saya selalu membuat pembukaan pembukaan dan pembukaan pembukaan. Okey, jadi saya memperkenalkan kompetiti dan saya juga pembukaan pembukaan dan pembukaan. Jadi, saya membuat pembukaan tentang sebuah pembukaan pembukaan pembukaan semasa Jim White dan CEO pembukaan pembukaan. Ia sangat inspirasi. Jika anda belajar lebih banyak tentang apa pembukaan pembukaan. Baiklah. Saya pergi untuk pembukaan pembukaan dan membantu pembukaan. Anda dapat lihat saya menerima beberapa DVD di kawasan saya. Saya juga berada di komuniti Singapura. Jadi, jika anda tidak tahu, kami mempunyai komuniti yang sangat biasa dalam Singapura yang membuat pembukaan dan banyak-banyak orang yang sangat pengalaman dan senang untuk membuat pembukaan pembukaan. Anda dapat lihat pembukaan pembukaan. Kami juga mempunyai pembukaan dan saya juga bercakap di konferensi. Jadi, pembukaan terakhir yang saya berjumpa adalah pembukaan pembukaan yang hanya beberapa hari lalu. Dan saya bercakap... Saya ada 15 minit bercakap. Jadi, ya. Jadi, apa pembukaan pembukaan ini hari ini? Jika anda masih mempunyai pembukaan teknologi. Jadi, di Singapura, sekarang kami bergerak kemudian pembukaan dan pembukaan. Anda tahu pembukaan itu di mana-mana. Jadi, pembukaan pembukaan ini mempunyai semua anda untuk belajar lebih banyak tentang pembukaan. Dan pembukaan ini mempunyai kepada semua anda di sini untuk mempelajari pembukaan pembukaan, dan tentu saja, belajar lebih banyak tentang teknologi web sendiri. Dan tentu saja, kami mahu mempunyai pembukaan dalam Singapura. Jadi, saya rasa semua anda yang sudah di sini akan menjadi material yang hebat untuk pembukaan Singapura. Jadi, tidak ada pembukaan pembukaan, maksud saya, tetapi apa yang saya bermakna dengan ini, ada sesuatu yang saya harap anda akan lakukannya juga, untuk belajar dan semua pembukaan yang kami berikan kepada anda. Jadi, kami harap anda dapat belajar dan belajar pada diri anda sendiri dan dengan orang lain juga. Jadi, lihat ke kanan anda, lihat ke kanan anda. Ada orang di sekitar anda. Jadi, bercakap dengan mereka, berkata-kata atau sesuatu, dan belajar daripada orang lain. Sudah tentu, saya harap semua anda akan mempunyai pembukaan dan pembukaan juga. Mungkin tidak sekarang, atau mungkin di masa depan. Sudah tentu, berkongsi dengan semua anda sebuah kultur di Singapura sedang berbeza daripada kultur Weston. Walaupun jika kami berkongsi, kami tidak selalu berkongsi semua pembukaan kami. Saya harap semua anda akan berkongsi dengan dengan satu sama lain. Sudah tentu, semuanya, sebuah hari, anda dan sebuah perempuan akan bercakap dengan saya. Dan tentu, berkongsi dengan pembukaan dan pembukaan. Jadi, anda mungkin fikir mengapa saya sepatutnya mempunyai pembukaan ini sekarang. Ada banyak pembukaan di online semasa anda dapat belajar lebih banyak tentang web, HTML, CSS, banyak pembukaan. Jadi, apakah anda sepatutnya mempunyai pembukaan ini? Sebenarnya, untuk bertemu orang-orang. Ada orang di luar, dan jika anda belajar online, anda tidak boleh bercakap dengan orang di luar kerana mungkin tiada orang di luar. Jadi, anda dapat bercakap dengan orang-orang. Ya, ia adalah pembukaan orang-orang. Dan, anda akan melakukannya di luar, dan bukan hanya pembukaan. Jadi, anda belajar tentang pembukaan di luar, pembukaan di luar, dan tentu saja pembukaan. Baiklah. Jadi, saya akan segera melalui 4 konsep yang penting yang semua anda sepatutnya ingat. Walaupun jika anda tidak ingat, mana-mana pun. 4 konsep penting. Pertama, konsep pertama adalah untuk bergabung. Jadi, di luar ini, kita ada lebih daripada 50 orang. Walaupun jika saya yang lebih baik di sini, dengan semua anda bergabung di sana, anda akan masih lebih baik daripada saya. Jadi, bergabung adalah menggabungkan pembukaan anda dan belajar bersama-sama, dan membuat pembukaan baru. Jadi, bergabung adalah sesuatu yang sangat penting dalam termasuk teknologi. Dan, tentu saja, meminta pertanyaan. Jika anda ada pertanyaan di luar ini, tolong, tolong, tolong menerima pertanyaan anda. Ya. Jika anda tidak perlukan pembukaan untuk sekarang, kami akan memasukkan pembukaan. Dan kami akan memberi anda pembukaan. Terima kasih untuk pertanyaan anda. Ada apa-apa pertanyaan anda? Baiklah. Jadi, konsep ketiga adalah untuk menerima pembukaan. Jika anda memasuk, jika anda memasuk pada hari satu, jika anda tidak menerima pembukaan, anda tidak akan menjadi Michael Phelps atau Joseph Schooling. Jadi, anda perlu menerima pembukaan. Dan satu hari anda mungkin menjadi Joseph Schooling. Jika anda menerima pembukaan, saya tidak tahu, pembukaan nanti atau apa-apa pun, dan perkara yang paling penting adalah konsep yang anda perlu ingat adalah pembukaan 15 minit. Jadi, apa yang ini pembukaan 15 minit? Ada sesiapa yang mendengar pembukaan ini sebelumnya? Ada sesiapa? Bagus. Jadi, pembukaan 15 minit ini penting tentang bagaimana untuk membantu. Sebelum itu, jika anda menerima pembukaan dan masalah dengan pembukaan atau apa-apa pun, anda perlukan bantuan. Untuk pembukaan 15 minit, mencari jawapan. Mencari bagaimana masalah, pembukaan Google, pembukaan Dangan Goh, pembukaan Bing, pembukaan Yahoo, apa-apa pun yang anda mahu pembukaan. Untuk pembukaan 15 minit, mencari masalah sendiri. Dan jika pembukaan 15 minit, anda masih tidak boleh mencari masalah, dan bertanya untuk bantuan, ada orang di seluruh anda, bertanya untuk bantuan, atau menerima pembukaan anda. Pada masa ini, pembukaan 15 minit, menolakkan masalah untuk mencari masalah. Dan anda tidak mahu mencari masalah, anda tidak mahu mencari masalah orang lain. Dan jika anda mencari masalah 15 minit, anda akan mencari masalah sendiri. Kerana anda tidak dapat mencari masalah. Jadi, ini adalah konsep yang penting. Anda hanya perlu ingat dan anda akan pergi sangat segera. Baiklah. Jadi, kelihatan yang sangat cepat tentang apa yang akan kita lakukan hari ini. Apa pembukaan, apa pembukaan, dan semua pembukaan HTML dan CSS. Jadi, sesiapa yang tahu apa pembukaan, sesiapa? Okey. Jadi, ketika kita mulakan dengan apa yang kita nampak apapun, sesiapa yang nampak apapun, dan internet. Anda mungkin akan berfikir, apa yang akan saya lakukan, apa pembukaan pembukaan, tetapi, sejujurnya, internet tersebut sangat penting untuk anda faham bagaimana anda patut menyebut sesuatu, dan kenapa anda patut melakukannya, kenapa anda patut melakukannya. Jadi, kita mulakan dengan apapun di US. Jadi, USA atau Amerika mulakan dengan internet. Jadi, mereka adalah salah satu negara yang paling cepat pada masa, tapi tidak begitu cepat sekarang kerana internet mereka lebih rendah daripada Singapura juga. Jadi, kita mulakan dengan apapun, yang hanya berlaku di US. Kemudian, kami bergerak ke depan internet. Kami mempunyai Task Force internet, yang adalah sebuah grup kebiasaan, beberapa kebiasaan kebiasaan yang membantu mengalami internet hari ini, bagaimana rautan berkomunikasi dengan orang lain, dan sebagainya. Kita akan melakukannya, tetapi, kebiasaan internet adalah sangat kebiasaan dan berdasarkan kebiasaan kebiasaan. Ya, bahan pentak di web ini sangat開 dan terhubung kepada sesiapa. Jadi, sesiapa, di Europe, di US, di Singapura, di Malaysia, semua anda akan melakukannya daripada internet yang sama, yang orang lain itu akan melakukannya. Dan, adalah kontek yang agak cepat, ketika saya bercakap tentang cepat, itu bermaksud kebiasaan gila各位 perlu cepat juga. Jangan lakukan perkara-perkara yang akan menghubungkan kota kamu, kan? Jadi, itu adalah konsep kata-kata kedua dari web sendiri. Dan... Kita pergi makan tengah hari sekarang? Ya. Okey, jadi... Pizaz belum disini. Jadi, kita mahu pergi keluar. Bagaimana kota kita mahu keluar? Bagaimana kota kita mahu keluar? Okey. Bagaimana kota kita mahu keluar? Bagaimana kota kita mahu keluar? Bagaimana kota kita mahu keluar? Bagaimana kota kita mahu keluar? Okey, jadi kita akan buat sebuah kota sekarang. Tapi sebuah kota kita hanya hanya 15 minit. Jadi, itu satu sejauh sejauh kota. Okey, jadi... Bagaimana kota saya mahu? Jadi, ini... Bagaimana kota ini disebut mikrosop? Mikrosop atau mikrosop? Oh, ini... Ini lebih berkumpul di mikrosop. Mereka buat perkara ini disebut... perkara awal kota. Bila... Ya, ia membuat orang membuat orang belajar bagaimana programnya. Jadi, jika anda mencari perkara awal, anda akan melihat perkara ini disebut... ...kota.org. Ya, kemudian anda klik pada perkara ini. Ya, anda perlu klik pada perkara internet. Okey, jadi... Baiklah. Jadi, saya hanya meletakkan perkara internet. I.D. adalah Ninja. 2.4 GHz dan 5 GHz. Jadi, anda boleh klik pada perkara yang sama. Password adalah password. Itu adalah password yang hebat. Bagaimana anda fikirkan itu? Okey, jadi... Semua orang klik pada perkara internet. Password adalah password. Password adalah password. 2.4 GHz dan 5 GHz. Ninja. Sangat gemar dan sangat cepat. Tapi... Ibu telah bergerak. Ibu telah bergerak. Okey, jadi... Semua orang klik pada perkara internet. Silakan bermaksud... ...bisa jika anda melihat perkara... ...yang saya menunjukkan di deskripsi? Saya rasa anda boleh. Jadi, sekarang, mari kita mula melihat perkara ini 15 minit. Jadi, jauh-jauh-jauh-jauh, mari kita melihat website ini. Kita akan bermain Minecraft, Minecraft. Kamu dah dengar Minecraft sebelumnya? Minecraft? Minecraft fans? Tidak? Tidak Minecraft fans? Apa tempat ini? Jadi, ya... Lain. Hours of Cold. Jadi, anda dapat melihat perkara ini. Mereka adalah blocs orang-orang. Mereka seperti... Saya tidak tahu apa itu. Mereka seperti blocs orang-orang. Minecraft. Minecraft, bukan? Ya. Jadi, jauh-jauh-jauh-jauh itu. Dan mereka akan membuka sesuatu yang disebut Hours of Cold dengan sifat. Ya. Ia adalah... Ya, ia adalah sifat. Dan anda mencoba sekarang. Okey? Sangat mudah, bukan? Jadi... Mari kita pergi dengan... Sangat-sangat. Dan jangan bermain video ini. Saya tidak suka orang-orang ini bercakap. Okey. Jadi, anda dapat memilih dengan Steve dan Alex. Di mana? Ada tiada karakter wanita? Ya. Jadi, saya akan memilih Steve. Kerana dia berjaya seperti saya. Dan... Okey. Jadi, ia akan ada beberapa perusahaan yang anda perlu cuba mencoba. Dan... Okey. Kita tidak perlu bermain. Anda tidak perlu... Okey, lihat bagaimana... Ia akan berikan kepada anda... Yang sangat mudah dengan instruksi. Bagaimana-bagaimana lelaki akan faham. Jadi, ia... Apabila anda pertama kata... Mencoba untuk mencoba program anda. Kemudian anda mencoba. Okey, anda akan melihat bagaimana ini bergerak. Okey. Ini di sini juga. Okey. Jadi, ia ada perusahaan di sini. Anda dapat melihat perusahaan ini. Jadi, ia seperti perusahaan, tapi... Perusahaan juga. Dan anda dapat memasangkan perusahaan ini. Sangat mudah. Sangat mudah. Anda dapat memasangkan. Ya. Dan... Bagaimana-bagaimana anda mengajar anda... Pada bermain ini? Bagaimana-bagaimana? Ia hanya untuk... Beri anda masa yang mencoba bermain... Dalam program-program. Pada masa yang sama. Bagus, bukan? Okey. Jadi... Mari kita cuba memasangkan... Perusahaan ini. Jadi, mari kita... Memasangkan. Jadi, ini panggilan... Apabila anda memasangkan. Apabila anda memasangkan. Apabila anda memasangkan. Apabila anda memahami. Apabila anda memahami. Apabila awak memalukan. Melewati. OK. Apabila anda memteriakan. gib Ped upah. Jadi apa yang smakami bermaksud yang... apabila program mem Yap... ...oke dukung ke mov Ia adalah lelaki anda. Berikan lelaki anda beberapa pesanan dan anda akan menjelaskan pesanan anda. Sekarang, saya menerima dua pesanan untuk bergerak. Dan jika mereka tidak bergerak, mereka akan berusaha dan menjelaskan atau sesuatu. Jadi mari kita mencari, dan kita mencari. Okey, jadi apa yang berlaku? Oh, dan ia berkata, Wow, anda mencari dua lelaki kode. Sebenarnya, saya mencari dua lelaki kode. Jadi, ya, ia sesuatu yang bagus. Jadi, anda hanya belajar konsep untuk bergerak. Ia tentang memberikan instruksi. Dan komputer anda adalah lelaki anda. Itu saja. Dan anda lelaki anda. Jadi mari kita lanjutkan. Sekarang anda menerima perjalanan yang baru untuk memberikan pemeriksaan. Mari kita buat lebih banyak pemeriksaan. Sekarang saya mahu anda membuat pemeriksaan yang sangat penting. Jadi, jika dia tidak tahu bagaimana untuk menjelaskan, dia tidak tahu bagaimana untuk melakukan apa-apa. Jadi anda perlu beritahu dia bagaimana untuk menjelaskan. Jadi ada lelaki di sini. Boleh anda melihat lelaki? Ya, saya dapat melihat lelaki. Kemudian anda perlu bergerak untuk menjelaskan lelaki. Jadi berapa banyak lelaki di sana? Satu, dua, sekitar dua. Berapa banyak lelaki di sana? Wow, ini sangat sengaja. Mari kita cuba dua. Mari kita cuba menjelaskan. Bagaimana untuk menjelaskan? Oh, ada lelaki di sana. Bagaimana saya memasakkan? Ya! Dia hanya memasakkan lelaki. Dia hanya memasakkan pemeriksaan. Jadi sekarang anda memasakkan dua kawasan yang penting. Jadi anda melihat setiap setiap instruksi yang anda dapat memasakkan kepada komputer. Dan ia akan menerima dan memahami apa yang anda mahu lakukan dengan ia. Dan ia akan memasakkan apa yang anda mahu lakukan dengan ia. Dan ia akan memasakkan apa-apa yang anda mahu lakukan. Yang adalah apa yang anda mahu lakukan. Jadi komputer ini adalah sebuah masyarakat. Anda hanya memasakkan pemeriksaan dan ia menerima. Jadi apa yang kita mempunyai dalam pemeriksaan ini, anda akan memasakkan pemeriksaan untuk memasakkan masyarakat. Kemudian masyarakat akan memasakkan pemeriksaan. Dan ia akan memasakkan apa-apa yang anda mahu beritahu anda untuk memasakkan. Sangat. Jadi, ada sesiapa yang mempunyai soalan? Semuanya baik. Faham? Apa yang ia memasakkan? Ya. Bukan terlalu mudah untuk semua anda? Saya rasa bahawa ia sangat mudah. Ada sesiapa yang memasakkan? Okey, jadi kita akan memasak sampai kita memasakkan makanan. Jadi, ya. Jangan risau. Jadi, mari kita memasakkan pemeriksaan ketiga. Pemeriksaan masyarakat. Pemeriksaan masyarakat untuk memasakkan masyarakat untuk memasakkan masyarakat. Jadi, sekarang ia menjadi lebih berharga. Anda mempunyai dua masyarakat. Jadi, anda perlu ada satu masyarakat di sini. Tidak, kita perlu memasakkan. Jadi, apabila kita memasakkan satu masyarakat, kita memasakkan masyarakat. Selepas itu, kita tidak tahu keadaan mana ia memasakkan. Pemeriksaan masyarakat. Bagus. Terima kasih. Saya tidak dapat melihat. Ya. Dan kita memasakkan. Oh, itu salah. Dia hanya memasakkan dan... Okey. Mari kita cuba memasak lagi. Ia sangat penting. Ia tidak mempunyai masyarakat. Dan seperti yang anda lihat, ketika saya memasakkan masyarakat, saya sebenarnya memasakkan. Ini menunjukkan bagaimana pentingnya. Saya benar-benar memasakkan sekarang. Wow. Okey, sekarang kita memasakkan enam masyarakat yang kuat yang dapat memasakkan masyarakat. Sangat mudah. Mari kita cuba. Ada sesuatu yang lebih susah? Wow. Memasakkan enam masyarakat. Memasakkan enam masyarakat. Okey. Okey. Apa yang dia buat sekarang? Oh, okey. Ada enam masyarakat. Baiklah. Kita memasakkan masyarakat ini. Ia sangat kuat. Bergerak. Bergerak. Jadi sekarang... Jadi apabila kita memasakkan masyarakat, anda sebenarnya mahu memasak jika masyarakat terbaik. Sebelumnya, ia penting memasakkan masyarakat sendiri. Dan ia juga penting untuk menjadi praktikal. Dan tentu saja, memasakkan masyarakat. Jadi, sekarang orang berkata bahawa programa hanya memasakkan masyarakat setiap masyarakat. Jadi, apa yang programa memasakkan adalah masyarakat dan mereka tidak memasakkan masyarakat dan konsep menghadiri masyarakat sendiri. Kita cuba tidak memasakkan masyarakat dulu. Kita cuba memasakkan masyarakat dan memasakkan masyarakat. Jika masyarakat tidak memasakkan, memasakkan kenapa ia tidak memasakkan. Jadi, kita cuba memasakkan masyarakat ini dan lihat jika ia memasakkan. Okey. Saya memasakkan memasakkan. Okey. Jadi, seperti yang anda lihat, kita memasakkan sehingga dia sangat sedih atau sesuatu. Jadi, boleh orang-orang beritahu saya apa yang salah dengan kota ini? Ada sesiapa tahu apa yang salah? Tiada sesiapa. Okey. Okey, okey. Tak mengapa. Jadi, kita berhenti di sini. Kita perlukan lebih banyak panggilan untuk meminta dia bergerak di sini dan di sana. Bergerak, bergerak, dan bergerak, dan memasakkan masyarakat. Baiklah. Okey. Jadi, bagaimana? Jadi, dia pergi memasakkan. Saya... Saya berada di kanan yang betul? Boleh saya? Saya berada di kanan yang betul? Tidak. Tidak. Saya tak dapat melihat. Baiklah. Jadi, okey. Sangat mudah. Jadi, seperti anda mempunyai masyarakat yang membantu anda, apa-apa pun yang anda perlu lakukan, iaitu, memasakkan masyarakat dan memasakkan masyarakat, betul? Ya, betul. Saya tak tahu. Mungkin sebabnya, ada masyarakat juga. Baiklah. Makanan dah siap. Tunggu sebentar. Baiklah. Jadi, anda mempunyai panggilan ini di sini yang berkata sesuatu yang saya tak peduli. Jadi sekarang, ada lebih banyak konsep pelajar untuk memasakkan sebuah langit, instruksi, mana-mana saja. Jadi sekarang, kita mempunyai sesuatu yang berlainan. Sesuatu yang berlainan. Anda tahu apa yang berlainan, kan? Semua orang di sini tahu apa yang berlainan. Ya, jadi, apa yang berlainan berlainan, apa yang anda mahu lakukan. Sangat mudah, kan? Ya, sangat mudah. Jadi, saya tak tahu apa yang anda mahu lakukan di sini. Ia mahu saya memasakkan sesuatu yang berlainan, kan? Jadi, boleh, sesiapa orang tahu apa yang berlainan apabila saya memasakkan panggilan? Ya, itu betul. Ia akan memasakkan 4 panggilan di sana. Mari kita lihat. Ia akan memasakkan 4 panggilan di sana. Saya tak tahu bagaimana ia akan memasakkan sejak saya memasakannya. Jadi ia akan memasakkan pang, pang, pang, pekerjaan. Okey. Jadi, kita perlukan untuk memasakannya. Jadi, kita memasakannya. Apakah kita memasakannya? Atau apakah kita akan memasakannya? Sebenarnya? Ya, ini sangat mudah. Okey. Jadi, okey. Wow! Jadi sekarang, bukan memasakkan 4 x 2 panggilan di sana, yang adalah 8 panggilan di sana. 8 panggilan di sana. Kamu sekarang memasakkan 3 panggilan di sana. Sangat mudah, kan? Ya, saya rasa sangat mudah. Jadi, itu adalah panggilan yang, dalam termasak panggilan, ada perkara ini disebut Lu. Dan kita akan memasakkan lebih banyak dalam perkara itu untuk Lu sendiri dalam panggilan ketiga. Puan Kizah di sini. Puan Kizah di sini. Puan Kizah di sini. Puan Kizah di sini. Puan Kizah di sini. Puan Kizah di sini. Okey. Jadi, itu sangat mudah, kan? Saya rasa seperti saya hanya bercakap dengan saya atau sesuatu. Jadi, Wow! Itu sebenarnya perkara yang mudah memilih di sini. Sangat mudah. Jadi, mana yang kita patut memilih? Kamu semua? Saya rasa semua orang di sini adalah pelanggan, kan? Kamu semua sudah selesai. Semua orang sudah selesai. Bagus. Itu sangat cepat. Saya bukan pelanggan itu. Jadi, mari kita cuba cuba. Apa ini? Oh, ia telah dibuat untuk saya tadi. Kamu tidak rasa sangat teruk? Tidak? Okey. Lepaskan. Saya berhenti. Teruskan. Lepaskan. Teruskan. Okey. Sangat mudah. Apa maksud kamu? Okey. Jadi, saya belum membangun rumah. Sebenarnya. Dan ini sangat teruk. Lepaskan. Lepaskan. Lepaskan. Lepaskan. Lepaskan. Lepaskan. Okey. Jadi, saya rasa ia mengalami bermain ini. Ini. Ini. Ini. Dan saya menyebabkan apabila saya bermain. Jadi, mari. Mari. Lepaskan. Lepaskan untuk sekarang. Dan. Lepaskan. Sangat mudah. Mari kita mulakan. Untuk sedikit. Selepas kita telah ambil 10 minit sedikit. Menyebabkan 10 tahun. Mari kita bergerak kepada iets lain. Mari kita bergerak kepada HTML. Apakah sesiapa tahu HTML? HTML. Tiada apa. Okey. Perbangunan para hibisodik. So, pilihan perbangunan. Ia bukan perbangunan. Ya, Bagaimana seseorang tahu kenapa langkah program? Tidak? Maaf? Terima kasih. Terima kasih. Ah, okey. Masuk, tapi tidak cukup. Okey. Kenapa tidak langkah program? Sebab itulah Itulah Turing Complete. Turing Complete. Jadi, ada orang yang sangat kencang nama Turing. Betul. Dia melakukan hal ini disebut Turing Machine. Dan apa yang Turing Machine lakukannya adalah ia membaca nama 0 dan 1. Ya? Imaginasi dan tering Ya, ya, ya. Jadi... Ya, jadi ini Turing Machine, betul. Ia sepatutnya membaca dalam perjalanan terakhir atau 0 dan 1. Yang adalah binari. Binari 0 dan 1. Jadi, sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh sejauh selain begi. So HTML bukan Howon. So it's not a programming language. And it's a decorative type of programming. So what do I mean by Decorated, Right? So, so when you just write something. When you just tell it to do something. You just say, bring me動 Marina bay, then you just bring you there. So that's Decorated. So don't need say Turn left, turn right. Pada masa yang lebih impiritif, tetapi yang lebih dekat adalah apabila anda beritahu sesuatu, anda akan memberi kepadanya, seperti, oh, beri kepadanya, dan ia akan membawa anda ke sana. Jadi, ia adalah apa yang HTML adalah. Jadi, ia adalah kepadanya. Jadi, mari kita berjumpa dengan apa yang HTML adalah. Kamu semua telah memulakan alih. Kamu telah mengalih alih alih? Ya. Bagus. Jadi, mari kita berjumpa dengan lembaga. Jadi, dalam HTML, anda perlu mengalih alih alih. Kerana komputer tidak tahu apa alih alih HTML. Jadi, HTML mempunyai beberapa alih alih. Dan ada juga alih alih alih yang berbeza. Jadi, ini adalah alih alih untuk HTML5. Awak betul. Buka alih alih alih. Ini adalah alih alih alih. Alih alih. Spes HTML. Buka alih alih alih. Sangat, kan? Sangat. Jadi, anda perlu mengalih alih. Bagus. Jadi, anda tidak akan mengalih apa-apa lagi. Kita akan mengalih alih alih. Jadi, anda ada alih alih. Jadi, dalam alih alih, anda ada struktur. Jadi, dalam hidup, anda ada struktur yang menjelaskan kemahiran dan menjelaskan hidup anda. Bukan anda ada struktur. Jadi, alih alih alih HTML, ia perlu mempunyai struktur untuk menjelaskan diri. Jadi, ia perlu mempunyai alih alih. Yang tidak akan menjelaskan kemahiran. Kita akan menjelaskan kemahiran yang menjelaskan kemahiran. Dan itu juga sebuah hidup. Mereka ada hidup dan sebuah hidup dan sebuah hidup. Jadi, untuk alih alih HTML, ia sangat berbeza. Mereka mempunyai struktur yang menjelaskan kemahiran dan sebuah hidup. Jadi, bagaimana kita menjelaskan kemahiran? Sangat. Mereka hanya menjelaskan kemahiran. Apa-apa pun yang anda mahu menjelaskan kemahiran. Dan anda dapatnya. Jadi, mari kita menjelaskan kemahiran. Sangat mudah. Sekarang, saya tidak dapat melihat apa yang saya menjelaskan. Jadi, saya akan mempunyai untuk melihat apa yang saya menjelaskan. Sekarang, saya menjelaskan kemahiran. Tolong saya menjelaskan kemahiran. Okey, saya menjelaskan kemahiran. Jadi, saya tidak peduli. Sekarang, kami menjelaskan kemahiran. Dan saya akan menjelaskan kemahiran. Saya tidak dapat melihat. Okey, mari kita menjelaskan kemahiran. Boleh anda melihat dari belakang? Semua anda dapat melihat dari belakang? Bagus. Okey, jika anda tidak dapat melihat, jika anda masih ada tempat di depan. Saya tidak tahu mengapa orang suka duduk di belakang. Tapi, okey. Jadi, mari kita... Apa yang anda mahu menyebabkan projek ini? Kita mempunyai tempat yang indah yang kita mahu membuat. Kita mempunyai tempat yang indah yang sangat indah yang kita mahu menunjukkan seluruh dunia. Mungkin ini hanya akan menjelaskan kemahiran 3.9 atau sesuatu. Jadi, kita akan membuat kemahiran yang lain dari e-commerce. Dan kita mahu ia menjadi hebat. Baiklah, mari kita memberikan nama yang sangat fantastik. Kenapa bukan projek John Cena? Projek John Cena. Semua anda di sini. Semua anda di sini. Bagus. Jadi, kita mempunyai projek John Cena. Ada banyak perkara di sini. Apa yang berlaku? Jika anda berlaku membuat apa yang saya lakukannya, anda boleh mencari projek baru. Dan mencapai okey. Jadi, anda akan mempunyai kemahiran ini. Adakah anda menerima saya? Jadi, mari kita mencari perkara ini yang disebut PHP. Baiklah. Wow. Baiklah, ada kemahiran di sini yang cukup besar. Saya tidak dapat melihat apa-apa. Dan mari kita mencari perkara ini di sini. Adakah anda dapat melihat perkara ini? Apabila saya menuju ke PHP 7, kita hanya akan menuju ke PHP ini. PHP tidak untuk kemahiran ini. Kita akan memperkenalkannya dengan CSS. Tetapi, kita akan mencari perkara ini di sini. PHP kembali dengan Apache PHP. MySQL PHP. Saya mempunyai composer. Sennos 6.5. Sennos 6 adalah kota-kota kota-kota kota-kota Linux. Jadi, hanya memilih perkara itu. Baiklah. Semua orang memilih perkara itu. Apakah anda memperkenalkan perkara ini? Dan... Oh! perkara ini benar-benar menerima saya. Okey, jadi... Pertiga kali saya berada di sini. Okey. Saya perlu membuatnya lebih kecil. Untuk membuat perkara ini. Okey. Semua orang selesai. Kita akan membuat perkara ini. Jadi, anda akan membuat perkara ini. Kamu tidak tahu apa perkara ini. Ya, kita adalah Singapura. Ia adalah negara merita. Banyak perkara yang mempunyai perkara ini. Jadi, kita akan membuat perkara ini. Tetapi, di kota-kota. Bagus. Kita sebenarnya... Kita sebenarnya mempunyai perkara ini. Ya, jadi... Kita akan membuat perkara ini. Dan... Ia akan menyebabkan perkara ini. Okey, jadi... Semua orang selesai di sini. Tiada siapa di sini. Selesai. Selesai. Okey, jadi... Sekarang, masa untuk makan malam. Kamu boleh pergi ke luar dan makan malam. Ada beberapa pizza di luar. Jadi, tolong bantu kamu makan malam. Ada vegeterian di sini. Vegeterian. Tiada vegeterian. Tiada siapa yang boleh makan malam. Okey. Jangan risau, semua makanan adalah halau. Jadi, ada... Peperoni pizza. Jadi... Hai, teman. Jangan makan pizza peperoni. Baiklah. Bagus. Bagus untuk pergi. Baiklah. Anak-anak-anak, makanan di luar. Di luar dan di luar. Jangan makan pizza peperoni. Okey. Jangan makan pizza peperoni. Okey. Ya. Kita akan beri awak sekejap. Jangan berhenti. Ya, jangan berhenti. Terima kasih. Jadi, ya. Selamat balik dari Llan. Ya. Ya. Ya, terima kasih untuk sokongan. Okey, jadi... Kita akan membuka kota ini di mana-mana. Di sini, seperti yang anda lihat. Maksudkan... PHD. Baiklah. Oh, ini... Ia masih sangat tepat di sini. Okey. Walaupun ia sangat tepat... Saya benar-benar dengannya. Tiada risau. Jadi, ada semua projek yang telah dibuat di sini. Bagus. Bagus. Okey, tidak ada risau. Tidak ada risau. Tidak ada risau. Apa yang ada risau? Satu, dua, tiga. Ada banyak orang yang ada risau. Apa risau awak semua memasak? Tidak ada risau. Tidak ada risau. Macam dari MPUI. Ia tidak ada risau. Okey, jadi... Oh, okey. Saya lihat tapi saya lihat Apa? Lose cable Okey Okey, jadi Untuk yang tidak mempunyai internet Ada apa-apa? Cuba lagi Internet sepatutnya akan bergerak Ada sesiapa yang mempunyai internet sekarang? Baiklah Baiklah, jadi Kamu telah membuat Kondensia yang sangat hebat Di sini Jadi Mari kita ambil zoom Di sini Mari kita zoom ke dalam 150% Kita dapat lihat Di sini ada pakaian Cina Container Blah-blah-blah Kita lihat di sini Ada URL yang sangat penting? Boleh kita lihat URL ini di sini? Ada HTTPS Dan HTTDT Ada sesiapa yang mempunyai apa yang berlainan? Dengan HTTDT dan HTTDTS Bergerak Ya Bagus Kita mempunyai pakaian Kita akan mengambil sebuah pakaian Kita akan mengambil sebuah pakaian Baiklah, jadi Jika kamu mempunyai pakaian yang saya tanya Kamu dapat Gif dari kita Baiklah, jadi Ada dua URL yang penting di sini Kita mahu menggunakan HTTPS di sini Jadi klik di sini Kita mahu menggunakan pakaian yang berlainan Pakaian yang berlainan Kamu lihat pakaian ini? Semua orang di sini lihat pakaian ini Baiklah Ya, tidak Ya, tidak Bagus Apabila kamu memperkenalkan container Kamu akan melihat pakaian URL ini Jadi Kamu dapat lihat pakaian ini di sini Baiklah Baiklah Baiklah Sudah cukup bercakap Jadi Kita mahu menggunakan pakaian yang berlainan Baiklah Kita akan menggunakan pakaian yang berlainan di sini Baiklah Apabila kamu klik di sini Kamu dapat lihat pakaian yang berlainan Baiklah, mari kita membuat pakaian yang berlainan Pakaian yang berlainan Dan lihat apa yang berlainan Jadi Kamu dapat lihat pakaian yang ada di sini Apabila kamu memperkenalkan Kamu menggunakan pakaian yang berlainan Kerana kamu tidak mempunyai pakaian Mereka akan memberi pakaian Jadi Kita memperkenalkan pakaian yang berlainan Jadi Mereka akan memperkenalkan pakaian ini Oh, okey Dapat kamu yang mempunyai Pakaian yang terbaik Kamu melihat pakaian yang terbaik Jadi apabila kamu mempunyai Pada index.html Okey, jadi... Teman saya di sini akan bantu saya cuba mencubanya untuk saya mencubanya Jadi saya tidak ada yang mencubanya dengan sebuah tangan Seperti yang anda lihat sekarang, saya cuba mencubanya dengan sebuah tangan Dan ia tidak mencubanya dengan baik-baik Kerana saya mencubanya dengan sebuah tangan Bapakzan O kita dibuat usa pairs regular Kita boleh beribu Spaß dan niлуч Jadi tinggalkan structure kita Kita boleh lihat cara Jangka jatuh Di seluruh elu-elu saya boleh melihat sweaty Lady fazer Madam di bawah sini, kemudian memutuskan itu ke 4 spesies, kemudian 4 spesies. Jadi sebuah tab akan menjadi 4 spesies. Jangan lupa ingat itu. Jadi kita perlu menghidupkan dokumen. Kita perlu menghidupkan hdml. Dan kita perlu menghidupkan bodi. Hidupkan bodi. Bagus. Baiklah. Jadi kita hanya menghidupkan hdm dan menghidupkan bodi. Oh, sebuah warna. Kita boleh mengubah warna. Baiklah. Bolehkah kamu beritahu saya? Bolehkah kamu beritahu saya? Saya tidak dapat melihat kualiti kualiti sekarang. Jadi kita mempunyai dokumen di sini. Baiklah. Kita mempunyai dokumen di sini. Kita mempunyai dokumen di sini. Kita dapat melihatnya. Dan kita mempunyai hdml. Dan seperti biasa, hdml adalah langkah angkat. Langkah angkat. Jadi ia adalah kualiti kualiti. Jadi untuk langkah program yang lain, ini bukan langkah. Untuk langkah, anda mempunyai kualiti kualiti. Jadi untuk hdml, ia memoporkan dengan dengan lebih kecil daripada lebih besar daripada kualiti kualiti. Bagus. Dan di atas setiap kualiti, anda perlukan kualiti kualiti. Dengan keputusan untuk beberapa alam, beberapa alam tidak perlu kualiti. Jadi apabila anda kualiti, anda kualiti dengan kualiti kualiti. Kualiti kualiti. Anda melihat kualiti kualiti di sini. Itu bagaimana anda melihatnya. Boleh semua orang melihatnya? Saya tidak perlukan kualiti. Sekarang kita mempunyai kualiti ini di sini. Kita telah menerima. Jadi mari kita mempunyai kualiti kualiti untuk menyelamatkan kualiti. Semua orang mempunyai kualiti. Sekarang kita masih mempunyai kualiti. Jadi kita masih harus mempunyai kualiti di sini. Mari kita menerima kualiti. Jadi mari kita mengatakan, Hello, whoa. Tapi... Mari kita cuba sesuatu yang lain. Mereka tidak dapat melihat saya. Okey? Tapi mereka dapat. Mereka dapat. Jadi apabila anda menerima kualiti, anda dapat melihat kualiti. Mereka tidak dapat melihat saya. Baiklah. Jadi, salah satu kualiti yang terkenal dari John Cena adalah bahawa dia berkata, anda tidak dapat melihat saya sekarang. Jadi mari kita menerima kualiti sekarang. Jadi jangan risau. Sekarang kita mempunyai kualiti yang telah kita menerima. Ia nampak baik dengan kualiti yang lain di sini. Ia tidak nampak baik? Kami mahu kita menerima kualiti. Kita mungkin mempunyai kualiti dan kualiti. Jadi mari kita menerima kualiti yang lain untuk membuat kualiti yang lebih kualiti. Baiklah. Kita mahu membuat sesuatu yang lebih baik. Kita mahu membuat kualiti yang lebih baik. Jadi di HTM, kita mempunyai kualiti ini. Apa yang kita nampak? Kita nampak element. Jadi, bukan kualiti yang terkenal, kualiti yang lain, tapi anda melihat kualiti ini di sini. Ini adalah element. Anda dapat melihat kualiti ini, semua kualiti yang terkenal, semua kualiti yang terkenal. Mereka adalah element. Mereka adalah kualiti yang terbaik untuk HTM. Dan anda akan tinggalkan mereka seluruh hidup anda. Jadi, kita mempunyai kualiti yang lain, tetapi kita akan berjumpa dengan beberapa element. Dan anda mungkin menggunakan dalam hidup setiap hari. Jadi, kualiti H1. Kualiti H1 bermaksud kualiti H1. Jadi, kualiti H1 adalah kualiti yang lebih besar. Kualiti H1 yang anda akan melihat. Jadi, kualiti H1, semua kualiti H1. Jadi, ini adalah salah satu element yang kita ada. Mari kita melihat sesuatu. John Cena Fan sesuatu. John Cena Fan. Jadi, mari kita selamatkan. Kontrol S lagi untuk selamatkan. Ingat apa yang perlu kita selamatkan. Dan kemudian, anda dapat ini. John Cena Fan. Mereka tidak dapat melihat saya. Jadi, wow, kita dapat sesuatu. Kita berjumpa dengan cepat. Tapi, anda akan melihat sesuatu yang kita lalui di sini? Anda akan melihat sesuatu? Lihat titik di sini. Ini adalah John Cena Fan. Itu tidak sangat bagus. Jadi, kita mahu bergerak. Kita mahu mengubah perkara ini di atas. Dan, kita mahu membuatnya melihat saya. Jadi, kita mahu membuatnya membuatnya mengubah sesuatu. Ya? Ya. Baiklah. Jadi, apabila anda membuka koneksi, seperti ini, ada satu kontainer yang ada, kemudian, anda akan melihat ada ujian di sini. Kemudian, anda dapat bergerak. Anda pernah melihat pakaian itu? Semuanya pada pakaian yang sama. Bagus. Saya menurut saya. Baiklah. Sekarang. Baiklah. Sekarang, kita mempunyai pakaian yang hebat tapi bukan pakaian yang hebat. Ini adalah apa yang kita panggil pakaian. Kita tidak mahu mengubah pakaian. Bukan pakaian yang hebat. Ada sesiapa yang mahu beritahu? Pakaian. Bagaimana dengan anda, apa pakaian yang kita mahu beri? Pakaian yang hebat, baiklah. Saya suka juga. Jadi, kita mahu beri pakaian yang hebat. Jadi, kita mahu memperkannya. Pakaian yang hebat. Wow! Lihatlah perkara ini di atas sini. Bolehkah anda melihat? Ini di atas sini. Pada Pakaian yang hebat, kita hanya mahu beri pakaian yang hebat. Jadi, kita mempelajari pakaian yang hebat. Pakaian yang hebat, dan pakaian yang hebat. 40 hpm. Mereka mengalami pakaian yang hebat. Jadi, pakaian yang hebat, baiklah. Jadi, sekarang kita mempunyai pakaian yang hebat. Semua orang yang hebat, semua pakaian yang kita mempunyai sejauh ini. Bagus, kan? Bagus. Saya percaya, semua orang yang hebat, membuat pakaian yang hebat. Jadi, daripada pakaian yang hebat, kita perlukan untuk menambah pakaian yang hebat. Jadi, dalam html, apabila kita berkata, saya memandu pakaian yang hebat. Bagaimana anda tahu pakaian yang hebat? Baiklah. Bagaimana dengan pakaian yang hebat? Ini menjelaskan sangat kecil. Tetapi, tidak ada masalah. Kita hanya perlu menyebut apa pakaian yang kita berkata. Pakaian yang kita menjelaskan, kerana ada banyak pakaian yang ada di luar sana, ada pakaian yang teruk, ada pakaian yang teruk, saya tidak tahu apa pakaian yang ada di luar sana, tetapi ada pakaian yang sangat berbeda di luar sana, dan kita perlukan pakaian untuk dapat faham bahawa, ini adalah pakaian yang ada di dalam ini, bla bla bla. Jadi, ada pakaian yang ada di luar sana, namun UTF-8, yang menghasilkan berita-berita peralatan warna, berita-berita peralatan warna di general. Jadi, kita akan beritahu pakaian dan, hey, kita akan menjelaskan peralatan bahasa Inggeris. Jadi, kita akan menolak satu tukaran yang tidak ada di luar sana, yang tidak ada di luar sana, yang tidak ada di luar sana, jadi, M18A, peralatan warna equals You can't get Right then We just close it like that So, have you all seen any A bit difference here Okay, so Anyone sport any difference here Anyone raise your hand We've got prizes to keep out Anyone saw any difference What's so special about this Sorry? Different So, other than the color of course Yes? Yes, exactly The slash is not there Right, so We'll pass you the gift later on So, you can see that This is a very special Element year It's the special one It's the one in the 10,000 I don't know how many thousand It's the special one that we all won He doesn't need a slash We'll keep that So, we want to save Once it's done You won't see much of a difference You won't see any difference But when the browser Rits differently So, let's take a look at How the browser will read it So, you can see Down here Can everyone see It's awfully small Ah, it doesn't work Okay, so anyway You can see that it's included The browser will read it Hey, this is a UTX8 We're going to present UTX8 characters Within this file So, now that the browser knows What we're doing here What we're typing here What information we're giving the browser We can actually do some stuff So, let's Okay, so let's Let's move on to a more expert part Right? Because at the end of the day We don't really Okay, let's move on To a new attribute first Okay So, there's another attribute That I want to introduce All of you here is The paragraph attribute And as you can see here It opens with P Closes with P as well So, let's put this They can't see me text here Okay, all good Okay, so Notice this thing here So, spacing is around here Okay, and let's refresh the page A little bit, right? So, now it's on It's on a new paragraph Right? And let's Let's look at what was the difference So, if I was If I was to type They can't see me On a new paragraph like that What do you think will appear? Any guesses? Would it appear on a new line? Would it be on a same line? Would it be on 5,000 lines away? Gases? Anyone? Sorry? Okay Good track Ah, same line You already have a So, I can't give you again So, it will appear like this Let's see what happens So, it will appear on the same line You see? They can't see me They can't see me But as the paragraph The paragraph It appears on a new paragraph Wow Have we discovered something new? Right? I'll read the names Okay, so As you can see This is how HTML renders The document, right? Even if you place it on a new line It doesn't care It will not care at all It will just place it there Okay? As you can see, there's some space in front It will render whatever space is in front And then put it as a single space So, our indentation Had four spaces But It only became one space here Can you see it? There's only one space left What happened to the four spaces? It just disappeared So, for him That's how HTML works And Ya, everyone clear? Good Excellent We need to know That We need to know what is HTML So, let's try Some real fun stuff Okay, so Within the element itself We call it attributes Attributes are things that modify the elements So, we want to put in magic Into the element itself And do something with it So, the first attribute That I'm going to introduce to you Attribute Can you all just see from the back All clear? So, now we've got hidden We've got this hidden attribute here Equals So, there are different kinds of attributes Out there, this is one of the Main global attributes That we have in all HTML elements So, what it makes Of course, HTML The hidden text is already Self-explanatory So, we're just going to put in a true Or a false We have a true So, let's see what happens when we put in a true And see what the browser renders Oh, shacks It disappears You really can't see the text anymore So, this is one of the One of the Attributes in HTML itself Pass me the sign Oh, you're back Okay Everyone can catch up All good What? I'll show you I'll give you my idea I click, right? But I don't have the front snap I think the color didn't change Okay No problem Okay, everyone else all good And has state Can we see it or not? Ya Oh, have you Okay No, don't zoom on Just face me Eh, it didn't pick up anything Okay Okay So, there's some issue Not at all Just need to do it If this thing happens again Just let me know Okay Okay Okay Okay Okay Okay Okay Can you hear me? Can you hear me? Okay Okay Everyone all on the same page? Great Okay, so good There will be people running around Thanks to my friends here My friends will be running around Helping me to try and help you guys Help all of you So, now that we've got so far We want to do something more We want to do something big Real big So let's make our page even better For TML grid again So For this PR PR is what we call Break Line So what it does is it creates a space So let's see what happens When we break a space And you see here It happens to be on new line now So let's add in more break lines And see what happens Okay So, let's see what happens So, you can see that the LL Has appeared here now It's shifted down Thanks to the blank space Let's just switch on Right So let's just try Even more, let's experiment With more attributes Let's play with more attributes And see what happens when we do that Okay, so let's do a hate tool Which is hating tool So, we're going to say What we're going to say Anyone wants What about you, gentleman over there What do you suggest we put What's your name? What's your name? Aaron Okay, so we've got Aaron Down here with Voluntarily Surrender his name to me And put up his name for sale So we've got hate tool And let's just say about We want to control as Save the file, refresh the page And We've got Aaron's name here So let's do something more Right Let's see Okay, so let's Make a list of What Aaron does Okay, so Let's play the paragraph And it Introduce a new friend here Called newL Unordered list So what is Is that it lists some stuff In an unordered manner So let's And we bring the list itself That list items What are the initials of these items Li Fantastic Okay, so Aaron, what are your hobbies, Aaron? Reading Okay, what about reading New brief So Aaron has 2 main hobbies Which is reading And reading Let's see what happens Hobbies of Aaron Reading, reading We want to write quotes That leave and breathe On the website So we've got so far We've got unordered list These items paragraph Heading 2 So we might be dealing There's so many headings How many headings are there in total Close enough There's a total of 6 headings Okay, so We've got H1 to H6 And as it goes lower It becomes smaller You can see H2 Is not as big as H1 So now we've got It's a fantastic looking site It's a really fantastic looking Maybe not quite yet But before we jump into Even making the shop itself Let's experiment some more with attributes Let's play with some attributes So I'm going to introduce to you A friend called ID So everyone of us Probably have an IC NRIC Whatever, but that's an ID So uniquely We can recognize each and every one of us So that we can be tracked down And arrested for what we do So Let's create an ID for Eren So Let's create maybe Eren123 So Eren's ID is Eren123 And when we request the page What happens Nothing happens You don't see anything appear But something did happen Let's do some Fun stuff here So in nowadays Teenagers and young adults And all of us here Likes to use Twitter So everyone of us here Probably using Twitter or Instagram Or whatever it is Or maybe even Facebook I'm not sure if it died out already So we use Facebook, Twitter and Instagram And we like to use this thing Called hashtag No filter Hashtag But We can play hashtags On HTML as well Let's see how we can do that Let's type in hashtag Eren's ID Eren123 So let's press hashtag Eren123 And see what happens Did you see all that? Did anyone saw that? Was it too fast? Okay So let me open up a normal page Like this And you immediately see John Cena fan You see this word down here And now We control C And open up a new page With the hashtag down there What happens You jump immediately down to where Eren is You see Ta-da Ta-da See, that's the difference We are making We are assigning an ID To the element itself And every ID must be unique So don't go and put Another same ID here Don't do this If you do that I'll put you in jail So it will violate the HTML standard And it won't Work as intended It still works Your HTML page will still render as normal You still bring it down to the bottom But you only bring it down to the first element Of which has the hashtag Of which has the ID So everyone clear with this ID magic thing We are doing with the hashtag All clear Magic So as you can see We're just playing Black and white tags Just imagine the possibilities We can do with more than just that We're going to do more than just that So let's see What's the next thing that I'm going to go through So let's officially begin Sending out our own e-commerce store Yay Okay, so Let's delete the content here We've done experimenting With HTML and everything Let's create our website So MyCommerce Let's just call our brand as MyCommerce Or whatever you want to name it It doesn't really matter But you can put in whatever you want And let's put in Our store name as well MyCommerce Has a H1 And put in some tags here I think I have Okay, so H2 Welcome to MyCommerce Exclamation mark, exclamation mark 11111111 Okay, so We need to insert Our ability to create a website So we must put in as many Explanation mark as possible So now that we've Aggressively put in Exclamation mark Let's put in some content We sell Various items At this store Fantastic, let's see what happens All of you here Good You set up your own store yet Let's see what happens now Wow We've got our store set up Ready Welcome to MyCommerce We've got various items At this store Simple We just deleted while we just did And then we did something else instead I want to emphasize This point of experimenting So when it comes to learning You always got to have fun And experiment and try out new things And as we go along We try out new things as well While we progress our e-commerce store So all of you here In e-commerce store already Great Silence means consent As usual Well, we've got a black And white text here Can we do more than that We sell We must We can Let's do it then I'm going to introduce to you The next topic Which is Castating Style Shit It's called CSS So HTML and CSS They go hand in hand to make itself Look more beautiful Let's add some styles To make it look Probably nicer Speed softer Go slower Okay So As I was saying just now As I was saying just now We're going to go to CSS Castating Style Shit So HTML and CSS Both of these Go hand in hand And it makes beautiful websites Like facebook.com Mindspace Flickr Or whatever sites That you know to visit So you look at those sites And then you look at this site Which one do you think is better Facebook and this Which one is better I would say that this has huge potential To be better than facebook Do you agree? I agree I like your optimism So let's make this Better than facebook Let's create facebook burden 10.6 So now Let's start Okay so install shit itself Decentral What it means Is that you can install All the elements that we have here So H1, H2, P Body And yeah Everything within the body itself You can install it So you can install Whatever thing you want here And you'll never go out of style Okay so let's start writing Some code already Let's just doing it So We'll start with the word style So pretty obvious Style And then follow by type equals This is another attribute You want to take note of Text slash CSS Then close it up Everyone got this? Style Remember to put it inside a hate Put it inside a hate Put it inside a hate And let's move on You want to control Save your file and control S Yeah Pretty hot Okay so We want to style H1 So what do you do? The most obvious thing The first thing you do Naming Syntax for CSS is different From HTML We're going to use Crowley brackets So what are crowley brackets? How do they look like? They look like crowley braces So everyone Everyone can find crowley braces Everyone found it So Whatever you type inside here Will affect H1 Which is H1 Everything you type here Will affect H1 Affect it Let's start changing So what do we want to try Text alignment Shall we try text alignment? Alright So let's try with text alignment Let's see what happens Text align It was centered Syntax itself is pretty simple And self-explanatory We've got This thing here It's called by whatever value You want to give it You have a key And a value here And it's separated Using this colon Can you see this colon here? It's a colon And it ends on people Semi-colon Simple Key value So this is the key This is the value So what we are essentially telling The CSS to do What we are telling the browser to do Is that For everything that is For every H1 element All H1 element Align it To the center So let's save our file And let's refresh Let's see what happens Now it's centered Everyone got this So now that we've got so far Should we stop here? No, we're not going to stop here Let's go further Let's do more Let's try Changing the font size This doesn't look big enough for me It suddenly isn't big enough So let's make it bigger So what we want to do is This These are words and characters So I've never used a word editor You've known what is Fonts So we know what are fonts We can adjust in size So we've got font size Font size We can change the size Let's give you a value of 56px So So you've got a P You've got a value 56px represent pixels So it's actually adjusted to the font size So there are many Many types of key values Within CSS And you can do this Plenty of list So guys We're going to look up the Mozilla documentation So always try to stick to Mozilla Because Means So within Mozilla Development Network There's this huge documentation All the CSS References So it didn't just say huge It says exhaust Reference It's bigger and huge So let's look So in Mozilla Mozilla Development Network You can have a huge Place of all the keywords So many, so many things So many CSS Linding me Right Let's make it even bigger Right So as you can see We've got so huge Of a collection of CSS And all So many things that we can do with So many things we can play with And that's how our first step To making Facebook So as you can always refer Back to this documentation Just this list of CSS So just came in mind Mozilla Development Network They have a very good documentation Which I really like a lot And of course I highly recommend Their documentation Over any other documentation So there's animation So in itself You can see They give syntax How to use it And all sorts of things It gives you very good examples Which will be very, very beneficial To all of you here Okay, so Now that you have known that Resources such as Mozilla Development Network Exist, and then you can look up On an exhaustive list of CSS Star Let's continue on So let's make all of our text Here become center We won't make it center In the center, it looks odd Let's make everything in the center So here's 2 Text align, center So we've got paragraph 2 Text align, center So let's refresh our page And see what happens Ta-da, everything is center Happens just like magic But That's really just CSS So Now We're going to make more things happen Let's try Adjust the background White background is too plain Let's make it more colorful Okay, so Now we've adjusted h1, h2p Let's adjust the body itself And see what happens Right So we can do various kinds of things To the body itself So another key They want to take note of is The background color And the font color So Font color Isn't font color like that It's not like that So it's going to be like this Just like this So we're going to put white Simple So let's see what happens When I type in body color white You can't see anything anymore Because the background is white And the word is white So Let's make further adjustments Let's make the background color change So background Slash Color Black Cool-looking side right now We've almost reached A perfect-looking website So we've got body Inside the body, we've got this key value So when there's a space It's replaced With a dash There's a dash here In text line, there's a dash as well Dash Dash And everything, remember And with a semicolon Separated with a colon itself Between a key and a value All good Looking at this fantastic website Let's make it even better Okay So now that we've come so far Let's see what's the next step We're going to do So Let's We've got a chunk of text here We've got a big chunk of text here Body, H1, T H2 Big chunk of text Quite annoying, isn't it Let's separate it into another file You can do that And CSS allows us to do that Really easily and really quickly Right now, just Right click this Connection here And create a new folder All good And then right click the assets folder And put CSS So inside assets, we've got the folder CSS And inside CSS It's empty What you're going to see And then right click CSS And create a new file Called style.css Within the CSS folder Everyone clear? So again Create a new folder assets Within assets, right click Create a new folder Right click CSS New file Style.css Is to separate The CSS Rules And And the actual CSS itself Right Let's try to do that And see what happens So now I want you to copy This chunk of text Excluding the style Excluding the HTML elements So when you control X You're going to leave behind An empty Thing here And then place it all over here Control V here And you should get this Chunk of text here That That is really annoying Because the intendations are so annoying Okay, so let's just try to tie it up This chunk of CSS rules that we're placing Just now Looking good So it's just moving The text Into another separate file And making Much neger So now that we've put everything Here in the CSS file Have all of you put all your CSS rules In the CSS files here So let me just repeat So Create a new folder Assets Create another folder Okay, let me just delete everything And do it Okay Create new folder Assets All good Have you all done this? It doesn't look very happy I'll slow down I'll slow down some more Okay, so Have you all created this folder named Assets All done Created a folder Assets Okay, so next Click on the listing This Assets folder Right click New folder CSS All good Okay So now In the CSS folder Create a file Named Style.css And you can see a blank file And it's absolutely correct to have a blank file Named Style.css Okay Got a blank file Style.css Okay, so initially We have all our styles here You got the style Type equals text.css Okay Copy everything here So I'm going to drag from the top down From here Starting from the body I'm still here Don't copy the HTML element Don't copy that in Got it? Have you all reached this time? Or clear? Then copy this text Control C Control C this text And then backspace it After you have control C And then you backspace it Now go to this Control V To paste whatever content That we initially had already All good So now we've got a blank Set of CSS rules In our HTML page And for our CSS File, we've got all the CSS rules That we already had All reached here? Good Okay, so now what we're going to do Is we're going to send this file After we've send this file Let's see What happens to our e-commerce store What will happen? It will become normal Initially what we had What happened? Why did this happen? So let's try to fix this Let's fix this Thing that we already had done And then Delete this part But You just need the entire element And create a new element Called Link Okay Open AngularDragon Link And attribute called REL Equals Style Shit So far so good We've got a new element And We want to type in href Equals Assets Forward Slash CSS Forward slash Style.css And then close it It's also like the meta attribute Which does not need another attribute So it's just It can close itself Essentially So now we've got So you might be thinking What does href What does this even mean What are all these words Href essentially points towards Where the style shit lies So we've created other assets CSS Style.css So we want to point towards that CSS slash Style.css So each slash represent A new folder So in the assets folder So you look into the assets folder We put the assets folder here And then it looks to the next folder CSS And then finally to the file Style.css All good Great So now that we've reached this step Of linking our HTML file To the CSS file What do we have Let's take a look At our website now Wow We've got exactly what we had initially Just much neater Now we've got 2 separate files Index.html Style.css So index.html Style.css But whatever we have written In the style.css Still affects the index Of HTML because of the link That we place up in the hit So remember that Metal, title, link Is in the hit All this kind of stuff Don't really appear in the body content itself Right So now we've got H1, H2, P Then you might be asking What about if I want to make A text Be on the left And still want to use the paragraph element What do I do Interesting Well The problem has already been solved By our past generation Of engineers who have carefully taught Of really good RCs and standards To help us solve all these problems So how do we solve it Well We want to do text on the left So when we put a text on the left And then we refresh the page The text is not on the left We don't make it to the left So let's try making it on the left So we've learnt that this thing Called ID So let's make use of this ID So same thing We're going to We're just going to put The ID Was text left We're just going to do this And then In the style sheet itself Do you remember what I previously Show you all about the hashtag thing So it applies the same to the CSS itself We use Hashtag Hashtag text left Okay So I'm going to finish And I'm going to put up For all of you to download For those who haven't Apologies For going too fast So I'm going to finish this part So we've got the hashtag And then the ID thing So in CSS it goes the same We can use the hashtag here And then decorate whatever That was inside here That ID equals text left Nothing new here So Space So Let's do Tags Align Left Simple, isn't it? That was fast Let's refresh our page and see what happens It appears on the left Okay so now I'm going to upload The code online Okay So let's Have 10 minit break I'm going to upload The code online And ya We can have a break right now If you have any issues Just come down here To download And let us know So It's in a Word.com Copy and paste whatever It's needed And you'll get So just go to this tiny Copy and paste whatever you need Okay? Alright Should we start soon? Recording already ah? Recording already ah? No no no Don't stop anymore Okay so We can just download Copy and paste whatever All good We'll just wait a while more Okay Okay You all have all the bags here As you hear me? Okay, i'll take that Jadi, kamu berdua sudah bergerak ke sini. Bagus. Terima kasih. Terima kasih. Bagus. Bagus. Bagus. Saya betul-betul perlukan bantuan kamu jika saya akan jauh-jauh-jauh-jauh kerana saya akan jauh-jauh-jauh jauh-jauh-jauh jauh-jauh-jauh dan beberapa orang tak boleh... Jadi, jauh-jauh, jauh-jauh jauh-jauh jauh-jauh-jauh. Okey, jadi Sekarang, kami dapat ke ini, kami dapat ke ini, kami dapat semua alamat yang kami dapat sekarang kami akan mempunyai perkara ini. Jadi, kami sudah melakukan perkara ini di sini. Kita sudah mempunyai perkara ini di sini. Jadi, ia berkongsi dari perkaraan biasa yang kami akan mempunyai ini. Ia mengambil keadaan untuk perkara ini, perkara itu. Jadi, apakah saya mahu mengambil keadaan lebih banyak keadaan? Apakah saya mahu membuat perkara lain? Dan anda harus ingat bahawa perkara ini adalah unik. Jadi, jika kami terus membuat perkara-perkaraan dan perkara-perkaraan dan perkara-perkaraan dan perkara-perkaraan, kami akan mengeluarkan perkara-perkaraan sehari-hari, dan perkara lain adalah jika saya mahu mempunyai 2 perkara yang ada perkara-perkaraan, kami tidak boleh membuat ini. Ia adalah sentatik-sentatik sentatik-sentatik betul-betul. Ia bekerja, tapi betul-betul. Anda tidak mahu membuat ini dengan I.E. Jadi, saya akan memperkenalkan kepada anda seorang kawan saya yang disebut kelas. Dalam kelas yang biasa, anda mempunyai orang di kelas. Jadi, orang-orang adalah keadaan. Menurut keadaan saya, saya akan memperkenalkan perkara-perkaraan sehari-hari. Sekarang kita akan membuat kelas tanpa I.E. Mari kita cuba yang ini di kelas. Jadi, kelas di kelas. Sebelumnya, saya tidak akan membuat apa-apa lagi. Saya tidak akan membuat apa-apa lagi. Jadi, kita dapat kelas tersebut. Ya, betul-betul. Jadi, kita dapat kelas dan tidak ada apa-apa lagi. Jadi, kelas mempunyai 3 perkara-perkaraan yang digunakan untuk kelas ini. Jadi, untuk kelas, kita menggunakan apa yang kita panggil adonan. Jadi, kita menggunakan adonan sebagai perkara-perkaraan. Kemudian kita menggunakan perkara-perkaraan. Dan perkara yang sama lagi, perkara-perkaraan. D. perkara-perkaraan. Dan kemudian, kita akan membuat perkara-perkaraan. Pada kelas. Jadi, di belakang, kita akan pergi ke-kelas. Okey, jadi, semua orang dapat di sini sejauh ini. Juga untuk kelas. Untuk kelas, ia adalah perkara-perkaraan adonan. Untuk adonan, ia adalah perkara-perkaraan adonan. Okey. Jadi, sekarang dengan perkara-perkaraan, anda lihat bahawa kita mempunyai kelas adalah perkara-perkaraan. Dan kita mempunyai adonan, perkara-perkaraan. Okey. Jadi, jika anda ingin membuat dua perkara-perkaraan dengan perkara-perkaraan, ini betul. Baiklah. Jangan memiliki perkara-perkaraan. Kerana ia bukan adonan. Ia adalah perkara-perkaraan. Ia adalah perkara-perkaraan yang digunakan kelas di sini. Tengs Rite. Tengs Rite. Kodipracer. Kodipracer. Kodipracer. Kodipracer. Kodipracer. Kodipracer. Kodipracer. Kodipracer. Okey. Jadi, mari kita lakukannya lagi apa yang kita baru lakukannya. Kita telah menerima kelas. Kita telah menerima kelas yang adalah kelas-kelas kelas yang betul. Okey. Jadi, kita menerima kelas di sini kelas. Ia adalah kelas adalah kelas adalah kelas yang betul. Ini adalah kelas yang betul. Okey. Jadi, pada kodipracer.css kita memiliki kelas kelas-kelas dan Rite. Tapi sebab kelas ini berbeda daripada ID. Sebelum kelas kita menggunakan pre-fix kelas. Jadi, kita menerima kelas kelas-kelas kelas-kelas kelas-kelas menerima kelas yang kita mahu menerima kelas-kelas dan kelas-kelas kelas-kelas di sini Baik. kelas-kelas di sini kelas-kelas Baik. Jadi, kelas-kelas kita memiliki kelas yang sama. Ia seperti kelas Ia akan digunakan ke setiap kelas yang bergantung kelas-kelas kelas ini. Di sini, dengan dua kelas di sini, mereka bergantung kelas-kelas Jadi, mereka berdua di kelas-kelas kelas-kelas dan kelas.css ia berasal mengatakan kelas-kelas kelas-kelas kelas-kelas kelas-kelas kelas-kelas kelas-kelas Jadi, di dalam kumpulan ini setiap satu daripada yang dalam kumpulan ini. Setiap sebuah element yang ada dalam kumpulan ini yang memiliki kelas-kelas mereka perlu memiliki kelas-kelas css jadi mereka perlu bergerak ke dalam kelas-kelas Baik. Baik. Atau ada kelas-kelas kelas-kelas Bagus. Baiklah. Baiklah. Baiklah. Baiklah. Baiklah. Mari kita bergerak dari kelas-kelas ini. Bagus. Sekarang mari kita membuat lebih complex kerana kita membuat lebih complex kerana kita dapat. Jadi, kita akan cuba membuat lebih lebih complex untuk cuba melihat apa yang akan berlaku jika kita memiliki kelas-kelas. Jadi, sekarang kita membuat kelas-kelas kelas-kelas Jadi, mari kita membuat lebih complex. Mari kita memiliki kelas-kelas kelas-kelas Okey, jadi kita hanya memiliki kelas-kelas kelas-kelas dalam kelas-kelas kelas-kelas kita dapat melihat di sini kelas-kelas kelas splat dan kelas-kelas dan kita akan memasuk apa yang diberi di sini dari kelas-kelas kelas-kelas kelas-kelas jadi apa yang saya lakiskan adalah bahawa saya memilih kelas-kelas kelas-kelas kelas-kelas kelas-kelas jadi semua kelas-kelas kelas-kelas dan kelas-kelas anda di atas Ini adalah alam yang saya menggambarkan. Saya dapat melihatnya. Hater H1, H2, H9, itu adalah alam yang diberi di sisi. Jadi kita hanya menambah alam lain dan kemasan dengan alam lain. Jadi alam-alam kita menambah alam. Jadi kita hanya menambah lebih banyak kemahaman kepada apa yang kita sudah pernah. Betul. Dan dengan lebih banyak kemahaman, ia berada dengan lebih banyak kemahaman. Ya. Kami telah mempunyai selama setiap bulan di sini, yang masih berhasil berhasil. Apa yang kami lakukan? Okey, kita hanya tidak mempunyai sebuah teks yang saya ada di sini. Sekarang kami mempunyai semua alam-alaman teks, teks-tek dan teks-right. Mari kita lihat apa yang akan berlaku nanti. Pada hari yang sama, kami mempunyai sebuah koma, selamat datang ke koma saya, kami mempunyai beberapa alam-alaman dan teks-tek. Kami tidak mempunyai selama setiap alam-alaman. Kami hanya mempunyai lebih banyak kompleksiti kerana kami mempunyai sebuah koma. Okey. Well, kami mampu dapat melakukan lebih banyak perkara jika kami mahu. Jadi, seperti yang anda lihat, kami mempunyai alam-alaman teks-tek di sini. Dan ia telah diperlukan, teks-tek lagi. Dan teks-tek lagi. Tapi sebelum kami cuba memutuskan alam-alaman kita, mari kita cuba melakukan sesuatu yang lain. Mari kita cuba meletakkan alam-alaman. Mari kita cuba meletakkan konteks alam-alaman dalam alam-alaman. Okey. Jadi mari kita cuba itu dan lihat apa yang berlaku. Jadi, kami mahu mencubanya hanya untuk mencubanya alam-alaman alam-alaman dalam alam-alaman. Jadi, mari kita membuat satu yang akan menjadi alam-alaman yang lebih kecil. Mari kita membuat alam-alaman ini. Kemudian, mengubah alam ini. Membuat alam-alaman ini dan mengambil alam di depan dan alam-alaman. Seperti itu. Alam-alaman alam-alaman. Kemudian kami mengubah alam-alaman. Alam-alaman alam-alaman alam-alaman. Teruskan. Mari kita lihat apa yang kita ada. Membuat alam-alaman. Alam-alaman alam-alaman. Apa yang berlaku? Jadi, apa yang kita buat adalah kita membuatnya lebih berlaku. Kita membuat alam-alaman yang lebih kecil dan lebih berlaku. Dengan alam-alaman alam di depan alam-alaman alam-alaman. Jadi, alam ini. Alam-alaman alam ini mengambil euro. Eruskan. 8 udah digerah. ilmu saya untuk membuat alam ini yang lebih kecil dan lebih berlaku. U'! Baiklah, kita tengok juga. Sebenarnya, blessed. Berkau dengan bahagian ke Recognit. Berkau dengan berhag Kirk yang tak mengalahkan jalan seizures sprunghaau. Bahagian ke Recognit itu pula akan lebih hebat. kita mengambil satu di sini. Adakah anda melihat? Kita mempunyai H1. Dan H1 adalah di dalam hadiah. DR1 adalah di dalam hadiah. Dan apa yang kita lakukan adalah kita hanya mempunyai di rule CSS. Kita mempunyai hadiah H1. Jadi mereka hanya mempunyai... Pertama ia mempunyai hadiah. Anda mempunyai hadiah. Dan kita mempunyai hadiah di sini. Dan kita mempunyai H1. Dan kita mempunyai H1 di sini. Jadi, adik-adik rule di sini yang mempunyai hadiah yang mempunyai hadiah 56. Ia hanya mempunyai H1. Dan tidak mempunyai H1. Ia mempunyai layar kompleksiti yang menjadikannya untuk membuat kode lebih tinggi. Semua orang memahami adik-adik dan mempunyai kompleksiti yang tidak perlu. Tidak. Tidak. Okey, saya akan jelaskan lagi. Jadi, kita mempunyai... Mari kita cuba bagaimana kita mempunyai hadiah. Okey, jadi, dalam kode yang mempunyai hadiah, kita mempunyai H1. Dalam hadiah H1, kita mempunyai hadiah kecil. Okey, ia akan menjadi lebih kecil. Sudah tentu. Dan dalam kode yang mempunyai hadiah, kita mempunyai hadiah ini. Dan dalam kode yang mempunyai hadiah ini, kita mempunyai H1. Okey, baik-baik saja. Saya faham apa yang kita ada di sini. Kita mempunyai H1. Ada kode yang mempunyai hadiah. Sudah tentu. Mungkin ada di sini. Walaupun sebuah hadiah yang mempunyai hadiah, bagaimana? Dari saya. Saya rasa tak boleh memandu. Walaupun kita memandu. Tidak. Kode yang mempunyai hadiah. Sudah tentu. Jadi, ada dua hadiah H1 di sini. H1 dan H1. H1 adalah dengan konten kecil dengan H1. Di dalamnya adalah H1. H1 adalah dalam element hater. Jadi h1 yang kita ada di sini adalah dalam element hater. Faham? Okey atau ini? H1 adalah dalam hater. Dan kemudian, H1 di sini, yang disebut H1 kecil, bukan dalam hater. Ia di luar hater. Jadi kita ada dua h1 yang berbeda. Walaupun mereka adalah H1. Di dalam hal, kita hanya mempunyai dua rule CSS. Terutama hanya untuk H1 dalam hater. Jadi kita hanya mempunyai dua h1 di dalam hater. Kerana kita mempunyai h1 dengan hater. H1 adalah dalam hater. Dan rule CSS di dalam. Bagus. Bagus. Jadi mari kita kembali ke website h1 di sini. Okey, jadi masih sama dengan h1 kecil tanpa h1 di luar hater. Jadi h1 kecil adalah h1 kecil dan juga tidak berada di tengah-tengah. Okey atau faham apa yang berlaku? Okey. Jadi mari kita mengambil h1 kecil dan lanjutkan dengan apa yang kita akan lakukan. Mari kita membuat setiap hater untuk membuat h1 kecil dengan h2 di luar hater. H2 dan h1 akan membuat h1 kecil dengan h2 di luar hater. Teruskan. Ia akan tetap nampak sama. Okey. Ia adalah perkara yang sama hanya bahawa kita mempunyai lebih banyak detail ke apa yang kita akan lakukan. Sekarang, mari kita cuba memutuskan kota kita. Kita membutuhkan kota ini mengalinkan banyak kali. Mereka mesti adalah cara yang lebih mudah untuk membuat perkara. Ya, betul. Dan kita akan membuatnya sekarang di sini. Jadi saya akan mempunyai h1 kecil. Mempunyai. Dan sekarang saya akan memasukkan h1 kecil di sini. Saya memasukkan h1 kecil di sini. Dan saya akan memasukkan h1 kecil di sini lagi. Dan saya boleh selalu memasukkan ini. Baiklah. Sekarang, saya akan memasukkan h1 kecil di sini. Dan saya akan memasukkan di atas sini. Kita akan memasukkan kota juga. Dan kota. Kita tidak memasukkan kota tapi saya hanya memasukkan itu. Kerana saya boleh. Dan kemudian saya boleh memasukkan kota ini lagi. Kita memasukkan kota ini dengan memasukkan kota di dalam. Baiklah. Baiklah. Bukanlah. Itu kota saya. Kota kota itu. Jangan memasukkan kota itu. Itu kota yang kaya. Itu kota yang kaya. Itu kota yang kaya. Baiklah. Kita akan memasukkan kota 1. Sebelum kita memasukkan kota ini. Kami telah melakukan dengan baik. Dan kami berhasil dengan baik. Dan itu sangat bagus. Ia mungkin daripada pencuma. Baiklah. Saya harap ini... Ibu dan ... Saya hanya memasukkan kota ini. Sangat sedap untuk saya. Inilah sajur untuk saya. B Nestai boleh memasukkan kota ini kerana saya. Kerana saya pregnant? Kita akan memasukkan kota untuk kamu seimate. Saya tak dikatakan sementara ini. Weakkankah Para ni? Bagaimana gambar kamu? Bagaimana? Baiklah. Semuanya nampak bagus. Mari kita tunggu sekejap lagi. Oh, okey. Baiklah. Mari kita mulakan dari sini. Sekarang kita akan memotong. Dan memuatkan semuanya. Hazel 1, Hazel 2. Hazel Paragraph. Tekst Alliance Centre. Kita telah membuat banyak progres. Untuk memutuskan repetiti yang kita sebelumnya. Tapi tak bagus. Kita perlu melakukan lebih daripada itu. Okey. Jadi mari kita melakukan sesuatu yang lebih sama. Okey. Jadi kita dapat melihat bahawa kita mempunyai Tekst. Kita mempunyai Tekst. Ada satuaman periuk yang berbeza, kan? Tapi semua orang sebuah periuk yang sama. Okey. Kita tak boleh membuat periuk yang penting. Bagaimana kita akan menghadiri semua periuk ini? Bagaimana kita akan membuat sesuatu yang penting? Soal apa yang terjadi. Jadi Bukan tak risau. Adalah. Mari kita Kita cari periuk yang penting. Periuk yang penting. Saya nak membuat gambar untuk membuat penyelamat di komentar yang lebih baik Jadi saya suka keadaan keadaan keadaan yang sama seperti ini Kecil, kawasan dan sebagainya Ini adalah keadaan keadaan keadaan keadaan yang saya suka Jadi... Ketapa keadaan kita akan membeli? Yang mana? Yang mana? Yang besar Yang ini? Okay, jadi kita... Okay, jadi... Apa ini? Apa ini? Okay, itu tidak berlaku Mari kita ambil ini Dan kemudian kita selamatkan gambar Buat semuanya kelihatan, okey? Selamat bekerja Jadi, saya mengambil gambar JPEG Kita selamatkan gambar ini Okey? Jadi sekarang, kita mahu mengambil gambar kita Bagaimana kita buat begitu? Jadi, gambar ini adalah pemeriksaan dan aset ini Jadi mari kita membuat gambar lain dalam gambar aset Jadi sekarang dalam gambar aset kita membuat dua gambar dan gambar aset yang digunakan dalam gambar aset Jadi mari kita cuba mengambil gambar Semua orang berada di gambar aset Semua orang berada di gambar aset dan gambar aset dan gambar aset dalam gambar aset Bagus Bagaimana anda mencuba gambar yang anda tidak inginkan? Bagus Jadi, jika anda tidak menggunakan gambar aset anda boleh mengambil gambar Okey, jadi sekarang kita akan mengambil gambar Sangat mudah Anda mengambil gambar ini dan kemudian anda mengambil gambar ini Okey, itu bukan cara yang betul Jadi mari kita mengambil gambar yang betul dan kemudian mengambil gambar Jadi itu adalah cara yang betul Kita mengambil gambar Bagaimana gambar anda? Saya mengambil gambar aset Dan itu adalah perkara yang menarik untuk anda, untuk semua anda tahu bahawa bahawa seorang gambar aset seorang gambar aset ada masalah dengan perasaan mereka Jadi seorang gambar aset jika anda lihat bahawa seorang gambar aset adalah seorang gambar aset yang membuat masalah dengan gambar aset yang seorang gambar aset Jadi sejauh-jauh seorang gambar aset adalah seorang gambar aset atau seorang gambar aset adalah sangat tinggi Jadi ya, ia sangat mudah Sangat mudah Semua anda boleh mengambil gambar aset di sini Ingat untuk mengubah gambar aset dan kemudian kemudian kemudian hanya untuk mengubah segala-galanya perasaan atau segala-galanya kemudian kemudian kemudian kemudian berubah Jadi anda dapat melihat dan mengubah gambar aset Tidak ada sebuah tempat Tidak ada sebuah tempat Bagus Jadi Sekarang, semua anda telah mengubah gambar untuk kemudian membuat kemudian mengubah dan di bawah gambar kita mahu mengubah gambar Jadi mari kita mengubah gambar gambar gambar Sos equals aset kemudian kemudian kemudian kemudian kemudian kemudian gambar dan gambar ia juga sebuah tempat mengubah jadi ini bermaksud anda tidak perlu mengubah Bagus Jadi kita mengubah gambar jadi kita mulakan dari aset yang adalah apa yang kita ada di sini kemudian kemudian gambar dan kemudian kemudian gambar aset dan kemudian kita mengubah gambar dan melihat apa yang berlaku kemudian kita mempunyai gambar yang sangat kecil dan ia mengambil keadaan juga meminta anda kenapa anda tidak mempunyai gambar mengambil saya okey? semua ada ini? mari saya tunjukkan anda gambar gambar sos aset gambar dan mengambil keadaan baik-baik okey semua anda ada gambar ada gambar ada gambar anda mendengar saya? baik-baik sekarang anda patut gambar dan anda patut melihat di website anda seperti itu gambar, gambar, gambar jadi gambar ini adalah gambar yang sangat baik jadi jika kita membuat gambar seperti ini dengan orang yang hanya membeli orang yang hanya membeli apa yang ini? apabila orang melihat keadaan terlebih dahulu saya bermakna anda akan menangis dengan gambar yang pertama tapi apa yang ini? jadi mari kita cuba mengambil keadaan terlebih dahulu dan mengambil keadaan terlebih dahulu kerana itu yang kita mahu itu bukan apa yang kita mahu tapi kita akan membuatnya beberapa kali dan anda perlu faham kenapa anda perlu mengambil keadaan terlebih dahulu ia memberi lebih banyak kontrol apa yang kita mahu mengambil untuk penggunaan kita saya akan memperkenalkan kepada anda alam yang lain alam yang telah berlaku sejak sekitar 30 tahun lalu alam yang telah berlaku atau lebih terkenal daripada alam yang telah berlaku alam yang telah berlaku ini, kita mempunyai DIV sangat sederhana, hanya sebuah ada sebuah ialah jadi bukan sebuah karagrab bukan sebuah karagrab karagrab ialah sebuah karagrab jadi DIV adalah sesuatu seperti karagrab tapi ialah sebuah karagrab jadi apa yang kita faham apa yang kita faham mari kita mengambil keadaan terlebih dahulu alam yang telah berlaku dan lihat apa yang berlaku ini adalah sebuah teks dalam keadaan alam yang telah berlaku mari kita mengambil keadaan terlebih dahulu dan lihat apa yang kita faham dan mengambil keadaan terlebih dahulu alam yang telah berlaku DIV di bawah di bawah alam yang telah berlaku ini adalah sebuah teks dalam alam yang telah berlaku mari kita mengubah pakaian ini dan lihat apa yang terjadi seperti itu seperti pakaian tapi bukan pakaian kita suka pakaian tapi bukan pakaian okey keren nampak keren jadi kenapa kita tak guna pakaian jika pakaian pakaian dan pakaian jadi pakaian adalah sebuah keadaan periuk kita boleh dapat menguasai pakaian serta serta pakaian pakaian hanya nak guna untuk setiap pakaian tapi bagaimana pakaian anda boleh lakukan pakaian dan banyak perkara yang kita nak buat untuk membuat lagi lebih merah keadaan lebih merah dan kita harus menggunakan pakaian yang boleh kita guna tapi itu bukan cara yang berlaku kita nak buat dengan cara yang berlaku Jadi ada satu block di sini, kita ada satu block di sini, dan mari kita mempunyai beberapa deskripsi di sini. Boleh kita pilih beberapa deskripsi di sini, pilih pilih pilih pilih pilih pilih pilih pilih? Tidak, tidak. Pilih pilih pilih pilih pilih pilih tidak cukup baik untuk memilih semua pilih pilih pilih. Saya mahu di sini, di depan keadaan, untuk membuatnya kelihatan. Jadi saya akan menunjukkan apa yang berlaku. Saya akan menunjukkan apa yang berlaku. Dan saya akan menunjukkan apa yang berlaku. Dan bagaimana kita dapat mengejakan itu. Jadi saya akan mencoba untuk mengenai serangan. Saya akan menunjukkan dia dengan baik. Jangan mengenai serangan, saya akan mengenai serangan dengan lebih cepat. Jangan risaukan apa-apa tentang apa yang saya lakukannya sekarang. Jangan risaukan. Jangan lakukannya dan menikmati. Atau apa-apa yang anda mahu lakukannya untuk sekarang. Lebih banyak kemahiran, lebih banyak kemahiran dan lebih banyak kelas. Lebih banyak kelihatan seperti ini. Dengan kanan di sini, deskripsi kanan di sini. Jadi apa-apa yang saya lakukannya? Untuk membuat ini berlaku. Saya mengatakan hal ini disebabkan penyelurus blog. Hal ini adalah penyelurus blog. Dan lainnya di dalam penyelurus blog ini disebabkan penyelurus blog. Dan di dalam penyelurus blog ini, kita dapat gambar. Dan di dalam penyelurus blog, kita dapat beberapa tepung. Untuk mengatakan apa sebuah tepung. Sebuah tepung. Sekejap mengambil kelas ini dulu. Sekejap mengambil apa-apa yang ada di HTML. Sekejap mengambil kelas ini. Dan HTML yang saya mengambil kelas ini. Jadi apa yang saya cuba lakukannya di sini adalah mengambil tepung saya atau mengambil gambar saya di tengah-tengah dan mengambil tepung di tengah-tengah. Selepas mengambil kelas saya, mengambil kelas saya, mengambil tepung di tengah-tengah. Sekejap mengambil tepung di tengah-tengah. Kita mahu mengambil tepung kita. Jadi seperti yang kita lakukannya dulu adalah mengambil tepung CSS, CSS kelas, yang adalah sebuah tepung CSS. Jadi ingat, ini di bawah tepung. Selepas tepung,面jir kelas log After Wake. Tepung brake kanan bagi image posting delam kelas log right H3 H2L Post H3 Post Divider Post Divider All of you on the same page share here now Dividers Dividers within Dividers within Dividers with an image inside of the divider and text inside of these divider Mari kita jelaskan untuk menulis keputusan dan kelas untuk semua html yang telah dibuat sejauh ini Mari kita bergerak ke depan kerana kita adalah negara yang bergerak Jadi, saya telah menulis keputusan yang sangat berlaku di sini Yang sangat berlaku dan seperti yang anda dapat lihat Kita telah mempunyai kelas yang terbesar dengan 100% Apa dengan? Berarti 100% berarti ia akan mengambilkan 100% dengan html yang telah dibuat Jadi, html yang telah dibuat akan berada di kawasan html yang telah dibuat Jadi, ingat untuk mempunyai html yang telah dibuat dengan html yang telah dibuat Kerana ada kelas, ingatlah bahawa kelas adalah berpunyai dengan html yang telah dibuat L voluntarily cupcakes Maksud kita barkan html dan telah dibuat dengan html yang telah dibuat Plaza html memikirkannya dengan html di sini 2 block, satu di kanan dan satu di kanan. Tapi berdua hanya perlu berkongsi karakter yang sama seperti yang lain. Jadi kita mempunyai float left dengan 50% margin 0, keadaan 0. Jadi saya akan menjelaskan apa yang float yang ini bermaksud. Jadi float left bermaksud bahawa element itu akan ke kanan. Dan itu saja. Itu adalah element itu akan berkongsi karakter yang berkongsi karakter. So karakter berkongsi karakter 50%. Jadi kita boleh mempunyai dua block ini, 50% kerana 50% dan 50% adalah 100% Jadi ketika kita ambil dua block bersama, kita dapat dua block yang berkongsi karakter yang akan berkongsi karakter yang akan berkongsi karakter yang lebih teruk. Dan mereka akan berkongsi karakter yang lain. Jadi ini apa yang berlaku ketika mereka berkongsi karakter. Jadi kita ada dua block, kat yang di sini, dan teks yang di sini. Kat yang di sini, yang adalah pembunuhan. Dia mewakili karakter yang berkongsi karakter yang lebih teruk dan 50% adalah mewakili karakter yang lebih teruk. Jadi dengan 50% margin 0, haling 0, ini adalah untuk, margin dan haling 0 adalah untuk menghilangkan alimonyi yang sudah ditutupkan sebagai bagi browser sendiri. Cuma yang penting yang anda ingin melihat adalah load dan width. Jadi untuk menghidupkan dua alimonyi seperti itu, ia menyebabkan 4 alimonyi, 3 blocks dan banyak, banyak, banyak alimonyi. Jadi saya akan tinggalkan kota ini di sini, jadi anda boleh mempunyai, seperti ini, tidak seperti di atas lokshop, tidak seperti ini, ia mempunyai alimonyi yang lebih penting. Jadi mari saya beri anda alimonyi yang sepatutnya mencari alimonyi. Jika anda mempunyai alimonyi ini, anda mungkin akan dapat sesuatu seperti itu. Baiklah, dengan alimonyi yang lebih tinggi di atas lokshop, lebih baik mencari alimonyi yang lebih penting. Jadi anda melihat alimonyi seperti itu, tetapi kami hampir di sana, kami hampir di sana, tetapi kami ada alimonyi yang lebih penting, kami ada alimonyi yang lebih penting, kami ada alimonyi yang lebih penting. Baiklah. Sangat mengejutkan saya. Baiklah. Semuanya baik. Semuanya baik. Bagus. Jadi, semua orang ada perkara seperti ini? Tidak. Ini adalah alimonyi yang lebih penting. Okey, ini adalah alimonyi yang lebih penting. Di bawah alimonyi, kemudian ada alimonyi yang lebih penting. Baiklah. Semuanya baik. Baiklah. Baiklah. Baiklah. Baiklah. Ada beberapa orang yang mungkin ada gambar yang berlaku. Dan kemudian ia tidak... ia hanya menghubungkan semuanya. Jadi, kami akan dapat membuat keadaan sekarang. Jadi, jangan risau tentang itu. Baiklah. Baiklah. Ini adalah alimonyi yang sangat mudah. Kita hanya perlu beri alimonyi untuk membuat alimonyi ini yang kita ada. Okey. Dalam alimonyi CFF, ke bawah... Setelah alimonyi, kita akan membuat alimonyi yang lebih penting. Alimonyi yang lebih penting. Dan kemudian kita akan membuat alimonyi yang lebih penting untuk membuat alimonyi yang lebih penting. Jadi, alimonyi yang lebih penting. Alimonyi... dengan... 100% Jadi, ini akan memastikan alimonyi kita tidak memastikan alimonyi itu. Boleh orang-orang cuba... cuba melihat jika alimonyi itu memastikan alimonyi itu? Alimonyi itu hanya lebih kecil. Mereka mungkin mempunyai dua alimonyi. Baiklah. Jadi, apa yang kita akan lakukan tanpa alimonyi yang lebih penting, kita ingin memakai alimonyi yang lebih penting. Jadi, ia tidak dapat memastikan alimonyi. Alimonyi yang lebih kecil tidak akan memastikan alimonyi itu. Jadi, memakai alimonyi yang lebih penting untuk memastikan alimonyi yang lebih penting untuk memastikan alimonyi yang lebih penting dengan 100% betul? Baiklah. Jika alimonyi itu terlalu besar atau terlalu kecil, alimonyi yang terlalu besar akan menjadi... lebih kecil. Bagus. Baiklah. Mari kita membuatnya nampak lebih baik. Kita akan mempunyai tukar atau tukar di atas. Dan kita akan memasak sedikit. Jadi, kita akan memasak setiap hari. Kita akan membuat alimonyi yang lebih penting dan penjelasan. Kita akan membuat konten di dalam. Kita akan membuat alimonyi ini sebagai tiga alimonyi yang penting dalam seorang diri sendiri. Sekarang kita dapat menggantikan alimonyi yang lebih penting dan penjelasan. Mari kita memasak tukar dan tukar dan kita akan memasak sesuatu yang sedikit yang lebih penting. Jadi, kita mempunyai alimonyi yang lebih penting di atas. Berdasarkan alimonyi sendiri. Bagus. Alimonyi yang lebih penting. Tetapi kita akan membuat alimonyi yang lebih kecil undah-undah kita dapat melihat prosik sulit yang bagaimanapa se induced pihan yang sesuatu yang juga kecil earns di sekurang-kurang. Tapi ok, kita devices modem ter Eisum yang tersebut officer pembangunan. Mari kita membuat 그런데 beg agar comme benar-bbenarkan aku, Trans Europe dan ia merupakan apapun, ia masih merupakan apapun, ia tidak mempunyai hal yang tidak mempunyai perubahan ia masih merupakan apapun, hanya sebab kita telah melakukannya dan ia masih merupakan, anda tahu, tidak cukup baik jadi mari kita melihat apapun yang mempunyai hal itu jadi kita telah mempunyai hal ini yang dipanggil material disebabkan oleh Google jadi Google telah mempunyai hal ini dengan sebuah yang baru disebabkan material dan ini di Android Phone yang telah digunakan dan dari Android 5, Android 5 yang telah mempunyai material disebabkan tidak mempunyai hal anda dan anda ingin menerima hal itu jadi mari kita melihat hal ini yang dipanggil material color jadi yang pertama kita telah mempunyai hal Color Style material disebabkan hal ini jadi saya telah mempunyai hal ini yang telah kita telah mempunyai hal ini saya telah memanakkan hal ini ini adalah apa yang kita ilinkan Hax codes kita boleh memanakkan hal ini di dalam color kita jadi mari kita coba satu-saya-saya dan lihat apa yang akan terjadi mari kita mencuba hal ini pergi ke style CSS pergi ke mela! di這裡 di sini ada color white kita kitabkan wipe, kawasan dengan hashtag Apa-apa pun, apa-apa pun, apa-apa pun, apa-apa pun, hakskode. Jadi, ini adalah hakskode yang dipakai di dalam Pada warna, untuk mengatakan Macam mana kelihatan kelihatan. Jadi sekarang, apabila saya selamatkan, semua orang dapat... Baiklah, jadi ini adalah penyelamatan di sini. www.mortiro.google.com www.mortiro.google.com www.mortiro.google.com www.mortiro.google.com www.mortiro.google.com www.mortiro.google.com dan anda akan mencari pada warna warna warna warna. Baiklah. Kita akan mencari pada warna warna warna. Jadi, kita pilih satu pada warna warna warna warna. Yang nama adalah... Blah,blah,blah,blah. Dan lepas itu, pilih. B increased colour. Untuk tidak. Aduh. Jadi, apabila saya troubledkan pada warna warna. Saya akan mempunyai melon. Sangat mudah, bukan? Jangan menggambul pada warna warna, sebab pada warna muka dan pereka. Dan apabila anda mengambil pada warna clong, Jika anda menggunakan warna yang merah, anda dapat penjualan. Sekarang, kita menggunakan warna staus, warna basis dengan warna khas, dan tidak hanya warna warna merah atau tidak. Anda dapat menggunakan warna khas yang terdapat dari apa yang Google telah memberikan dengan kami, warna warna berat. Semuanya adalah warna yang berbeda dengan material yang digunakan. Mereka adalah material yang dipercaya. Saya rasa semua anda sudah sangat penat. Kita akan menggunakan sebuah session untuk hari ini. Jangan risau, semuanya adalah... Video ini digunakan dan ia akan di-post di online. Saya akan menggunakan sebuah code juga. Jangan risau. Kita akan dapat menggunakan. Sebelum hari ini, kita akan menggunakan warna staus. Warnanya adalah warna staus yang dapat digunakan untuk di-responsif. Warnanya adalah warna staus yang dapat di-responsif untuk mengubah sebuah pembunuh pembunuh pembunuh pembunuh pembunuh. Jadi, jika anda mempunyai pembunuh, bagaimana pembunuh anda akan menarik untuk pembunuh? Ia akan menerimanya sebab anda perlu membuatnya untuk penggunaan penggunaan yang berbeda. Mereka mempunyai pembunuh pembunuh pembunuh. Dan untuk pembunuh pembunuh, ia mempunyai pembunuh pembunuh. Jadi, kami mempunyai pembunuh pembunuh pembunuh untuk membuatnya lebih berresponsif. Dan saya tidak akan berlaku. Sebelum hari ini, kita akan menggunakan pembunuh pembunuh pembunuh pada kejadian asing. Jadi, jangan lupa. Jangan lupa, kita akan menggunakan pembunuh pembunuh dan sebagainya. Jangan risau, jika anda ada sebuah pembunuh, jangan dungu dan beritahu kami, akan menggunakan pembunuh, pembunuh pembunuh pembunuh. Ini bahan rancang services semuanya berlaku untuk membentuk pembunuh dan melakukannya kepada semua orang pembunuh pembunuh. Helo Helo Terima kasih Terima kasih Oh Okey, jadi Kita ada beberapa pembunuh lagi Untuk mencari Memori anda, kan? Adakah anda dengar? Adakah anda mencari? Kita akan dapat mencari Itu saja Untuk meminta anda beberapa pertanyaan, kan? Jadi Kita akan meminta anda, kan? Ya, kita akan meminta pertanyaan yang sangat mudah Apa yang berlaku? Kita akan meminta Kita akan meminta Apa yang berlaku? Kita akan meminta Siapa yang meminta kita akan meminta? Ya Kita akan meminta Okey Pertanyaan yang akan berlaku Bagaimana? Serius? Apa yang berlaku? Terima kasih Terima kasih Satu, dua... Jangan berhati-hati Kita akan berhati-hati Satu, dua... Tiga Kita akan meminta Bagaimana anda dapat melihat? Bagaimana anda akan berhati-hati? Okey, lagi Satu, dua... Apa yang berlaku? Apa yang berlaku? Satu, dua... Tiga, saya melihat perangkatan saya Saya melihat perangkatan saya Saya melihat perangkatan saya Janganlah jawab yang betul Janganlah jawab yang betul Janganlah jawab yang betul Jadi apa yang berlaku? HGML Satu, dua... Saya akan meminta pertanyaan yang lebih baik Ini adalah pertanyaan yang sangat basit Kerana kita ada kerja untuk beri kepada mereka Dan kami tahu ia adalah Ketika anda beritahu Ketika anda beritahu Ia sedap tidak terlalu terlalu basit Jadi ini adalah Berasal daripada saya dulu sebelum dia beritahu Ketika anda beritahu Jadi apa yang berlaku? Satu, dua... Tiga Satu, dua... Tiga Baiklah, saya akan meminta salah satu Ini adalah pertanyaan yang lebih susah Saya rasa hanya orang yang belum tidur Tak ada jawapan Jadi... Apa yang berlaku? Lenguasa Apa yang berlaku adalah HGML? Baiklah, jadi... Tidak ada perangkatan Satu, dua... Tiga Saya melihat perangkatan saya Jadi apa yang... Apa yang berlaku? Apa yang berlaku adalah... Apa yang berlaku adalah HGML? Lebih spesifik Lebih spesifik, anda sangat berlaku Saya minta maaf, saya... Saya minta maaf, saya minta maaf Baiklah, saya rasa saya minta maaf Saya minta maaf, saya minta maaf Saya minta maaf Okey, mereka yang ada Pada pertanyaan yang baik yang hanya Bagaimana? Pertanyaan yang terkenal oleh Kretasof Mikrosof Mikrosof Terima kasih kerana datang Hari ini mungkin akan menjadi Pertanyaan yang tidak profesional Kerana... Untuk seronok, kita hanya berhenti Sebelum ini Kita perlu memperlukan masa untuk membuat ini Jadi kita pasti Yang lain akan menjadi lebih baik Dengan cukup Untuk semua orang juga Saya akan beri keputusan Dan... Terima kasih kerana dapat mengajar saya Untuk lebih baik atau berbicara Terima kasih, semua orang yang datang hari ini Terima kasih untuk semua bantuan Jadi beri keputusan Dan untuk mereka yang tidak beri Pertanyaan yang anda beri Ini untuk Untuk pelajaran yang tidak beri Untuk pelajaran yang tidak beri Untuk pelajaran yang tidak beri Untuk pelajaran yang tidak beri Untuk pelajaran yang tidak beri Kerana kami tidak beri Untuk pelajaran yang tidak beri Jadi kami berharap anda dapat beri Untuk pelajaran yang tidak beri Terima kasih Apa nama saya? Terima kasih Hei Berhenti, berhenti Berhenti Jangan berhenti Jangan berhenti Jangan berhenti Jangan berhenti dan berhenti