Witam ponownie.
Więc w tej lekcji mamy zamiar zacząć od nowego pliku właściwie wypełniając ją h t m l otwór w przeglądarce, a my też będziemy uczyć się o podstawowej strukturze każdego dokumentu HTML.
Więc jest kilka rzeczy, które każdy dokument ma zawsze rodzaj boilerplate, że mamy zamiar poznać.
Więc zacząć pójść do wzniosłości, a ja zamierzam zrobić nowy plik.
Więc złożyć nowy plik lub polecenie i, a następnie zamierzam zapisać plik i nadać mu nazwę.
Zatem plik zapisać lub polecenie as.
Więc raz ja, że ​​mamy zamiar nadać mu nazwę.
Nazwijmy to pierwsza strona strona T. M. i w tej części jest bardzo ważne.
Dot h Timo.
Więc będę hit uratować.
I kropka każdy zespół powiem wzniosłe.
A kiedy go otworzyć w Chrome mówi chrom To h tim będę file traktowane jako takie.
Tak więc możemy napisać Tim Allen tutaj.
Więc zaczniemy z tylko jednym znacznikiem widzieliśmy do tej pory są jednym z elementów, które jest H-1.
I można zauważyć, że jest to dla mnie podświetlone.
Warto więc wypełnić to w.
To jest mój pierwszy znacznik i zapisać ten plik i zobaczysz wzniosłe wie, że H D M L więc wskazuje to sprawia, że ​​odpowiednie znaczniki czerwono.
W moim przypadku.
Teraz to, co chcemy zrobić, to faktycznie otworzyć ten plik i go zobaczyć, bo pamiętam za każdym razem się to tylko tekst, ale nasza przeglądarka interpretuje je i zamienia ją w coś takiego albo to.
Więc rzeczywiście dostać Chrome to istnieje kilka rozwiązań otworzyć.
Pierwszym z nich jest po prostu dwukrotnie kliknąć na niego i otworzy go w domyślnej przeglądarce.
Jeśli to nie jest chromowany będzie nadal działać, ale będzie go otworzyć w Safari lub Firefox lub Internet Explorer i można zobaczyć, choć jak się otwiera to nie pokazuje mi rzeczywisty html to bierze godzinę go bazowego i przekształcając go w to piękne przedstawienie wizualne.
Jak zawsze mogę zobaczyć moje źródło strony, a zobaczysz, że to tylko jeden znacznik.
Więc na pewno prostsze niż coś takiego.
Ale bazowego są dokładnie takie same.
I tam prawdopodobnie H-1 na tej stronie, jak również.
Więc jeden inny sposób to zrobić.
Możesz wziąć ten plik prawym przyciskiem myszy i kliknij Otwórz za pomocą Google Chrome lub klikając na niego i przeciągnij go do Chrome i że będzie go otworzyć, jak również.
To samo tyczy się sublimest dobrze więc jeśli przypadkowo zamknąć plik można go przeciągnąć tutaj i będzie go ponownie otworzyć.
Więc po prostu pokazać, że kliknięcie i mogę go otworzyć.
Tak niestety muszę przełamać wiadomości, które są proste.
To Tim L, które zostały napisane do tej pory jest w rzeczywistości nieco źle.
Sam znacznik e-mail jest w porządku, ale nie jest to ważny dokument.
A to dlatego, że brakuje samej struktury, że każda strona musi mieć.
Tak to wygląda.
To bardzo dużo w porównaniu do tego, co zrobiliśmy do tej pory.
Ale dobrą wiadomością jest tam dwa kawałki dobrej nowiny.
Jeden jest zawsze taki sam.
A dwa wzniosłe ma ładny skrót, który daje tę strukturę do nas bardzo szybko z zaledwie czterech liter, które musimy wpisać.
Więc mamy zamiar iść na te kawałki indywidualnie i tylko trochę, ale mam zamiar zacząć od tylko pokazano, w jaki sposób dostać się w wysublimowane tak wzniosłe zamiast h tim l pliku możemy wpisać słowo godz tim l, następnie naciśnij kartę i automatycznie uzyskać tę strukturę.
Więc chodźmy nad tym, co to robi.
Najpierw jedziemy do zapisania.
Więc nie ma tego typu H doc mu się do góry i jest to trochę dziwne, ponieważ nie ma odpowiedniego zamknięcia typu doc ​​jak jest H-G M-L i głowy i tytuł i doc ciało typ to na własną rękę.
Więc chodźmy do MD i po prostu pokazując, w jaki sposób się tam dostać bym typu MT-NW, a następnie typ doc i może się to wydawać głupie, naprawdę o tym mówić, ale to jest ważne, ponieważ takich informacji poza to, co naprawdę jest deweloper jest googlowania coś.
Jak znaleźć właściwą odpowiedź.
Mam zamiar być kompletny złamany rekord w tej sprawie.
Moi uczniowie śmieją się za każdym razem mówię o sztuce googlowania, ale to naprawdę jest ważne.
Dlatego tu jestem.
Spójrzmy.
Mówi typ doc dla każdego Timofiej jest prosta, aby wskazać, że treść HMO wykorzystuje HDMI.
Pięć wystarczy użyć doctype H-2 go z wykrzyknikiem przed nim i chcemy użyć HMO 5.
Porozmawiamy o tym, co dokładnie Schmuck 5 jest, a co nie jest.
W przyszłym filmie.
Ale chcemy go używać.
Jest to w zasadzie tylko najnowsza wersja wieku go.
Więc umieścić to do góry.
Więc następną rzeczą, będziemy rozmawiać o to h t m l elementem.
Więc to jest trochę trudniej znaleźć wyszukując którzy czynią MT-NW HMO.
Jeśli tylko istnieje elementem idziemy zawsze patrzę na ten pusty końcu w nazwie.
I to mówi nam, że w wieku mu element główny reprezentuje pierwiastek dokumentu HMO.
Wszystkie pozostałe elementy muszą być potomkami tej elementu.
Więc jest to dość oczywiste.
W zasadzie wszystko, co piszemy musi przejść wewnątrz każdego elementu.
A co ważniejsze w ramach dozwolonej zawartości mówi nam jeden element głowicy następuje przez jeden organ, który jest tym, co mamy jedną głowę i jedno ciało.
Więc rzućmy okiem na to, co jest elementem głowy głowy.
Dostarczenie ogólnych informacji metadanych o dokumencie tym jego tytuł i linki do są definicje skryptów i arkuszy stylów.
Więc co to znaczy jest w zasadzie wszystko, co nie widzimy na stronie jako użytkownik.
Więc rzeczy takie jak pliki czcionek w naszych plikach stylesheet lub plików JavaScript wszystkich tych przejść w głowę, a następnie ciało jest gdzie umieścić wszystkie nasze materiały.
Reprezentuje zawartość dokumentu wieku HTML.
Więc jeśli wrócimy tu mogę zapewnić Ci jeszcze jedną rzecz, która jest jak pisać komentarze oraz niched go.
Gdybym chciał napisać notatkę do siebie, jeśli tylko będę pisał zawartość ta przechodzi w organizmie, a następnie pojawiają pisałem danych idzie w głowie.
Na szczęście to nie zadziała, ponieważ będzie to rzeczywiście pojawi się na stronie.
Jego zespół będzie traktować ten tekst jak i chcę po prostu być uwaga do siebie.
Więc to jest coś, co można zrobić w każdym języku programowania.
Można przekształcić komentarz i komentarz wygląda podobnie jak ten zaczyna się od mniej niż znak wykrzyknika dwóch kresek a nawet więcej treści, a następnie na drugiej stronie dwóch kresek i większy niż znak.
Więc może wpisać, że słyszy się wpisać go ręcznie i można zobaczyć to niby idzie szary wzniosłe.
Ale inny bardzo ładne skrótu jest to, że można wybrać linię nie masz do wyboru po prostu przejść do wyrównania i uderzył polecenia ukośnik i można również zobaczyć to może iść do niego i można przejść do komentowania przełączania komentarz.
Tak więc w przypadku, gdy zapomnisz to i nie chcesz, aby zapisać go na zewnątrz.
Kolejną miłą rzeczą.
Powiedzmy, że miałem kilka notatek do siebie mogę wybrać wszystkie z nich i zrobić to samo.
Komenda slash.
Wspaniały.
Więc mam zamiar zachować te komentarze, które są po prostu notatki do siebie.
My zawartości przechodzi w organizmie.
To jest w głowicy.
To znaczy, że jeśli jesteśmy po naszych własnych notatek nasza treść tutaj musi przejść wewnątrz naszego ciała.
Więc powinniśmy mieć nic pływających wokół zewnątrz elementu H Tim L wyjątkiem DOCTYPE.
Cała reszta idzie w głowie lub ciele.
Więc chodźmy do przodu i otworzyć się upewnić, że wygląda tak samo jak to miało miejsce wcześniej.
Podwójne kliknięcie.
Widać, że wygląda identycznie.
Chodźmy zobaczyć źródło strony wygląda tak samo.
Zauważ, że nasze komentarze nie pojawiają się oczywiście tylko pojawia się nasza H-1.
Jedną rzeczą, która nam brakuje, gdy tu jesteśmy to tytuł.
Tytuł nie jest ważny, ponieważ pojawia się na stronie, że nie pojawi się w naszej rzeczywistej stronie tutaj.
Pamiętaj, że to w głowie.
Więc to tylko metadanych, co ma zrobić, to dwie rzeczy.
Jeden to będzie określenie nazwy lub tekst, który przechodzi w naszej zakładce wyświetlane.
I to jest również ważne dla wyszukiwarek i innych stron, kiedy inne strony związane na swojej stronie lub po przejściu do Google i poszukać MDA na tych nazw tutaj.
Pochodzą one z elementów tytułowych.
Tak na przykład M. D. i świętuje 10 lat dokument w swojej sieci kliknięciu na ten temat.
Widać tu mówi MDA i świętuje robi się odciąć.
Można sprawdzić wygląd strony dla elementu tytułowego.
Tak wiele rzeczy jedziemy.
Tytuł i świętuje 10-lecie dokumentujące swoje sieci.
Blog kapuśniaczek.
Więc tytuł jest ważny.
Więc dajmy ArcSight tytuł niech po prostu nazwać to moja pierwsza strona odświeżania zegarek tu i aktualizuje.
To tyle na razie.
Zapamiętaj dwie rzeczy.
Ten boilerplate można po prostu typ H mu kartę l.
Nigdy nie mają więcej niż jeden dokument.
Ale tak pamiętacie zakładkę HTML i komentarze.
Można to zrobić za pomocą komendy ukośnik można kierować je i wyłączać.