1
00:00:00,230 --> 00:00:00,950
Witam ponownie.

2
00:00:01,140 --> 00:00:11,930
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.

3
00:00:11,940 --> 00:00:17,820
Więc jest kilka rzeczy, które każdy dokument ma zawsze rodzaj boilerplate, że mamy zamiar poznać.

4
00:00:17,820 --> 00:00:22,880
Więc zacząć pójść do wzniosłości, a ja zamierzam zrobić nowy plik.

5
00:00:23,100 --> 00:00:29,610
Więc złożyć nowy plik lub polecenie i, a następnie zamierzam zapisać plik i nadać mu nazwę.

6
00:00:29,610 --> 00:00:33,340
Zatem plik zapisać lub polecenie as.

7
00:00:34,080 --> 00:00:37,040
Więc raz ja, że ​​mamy zamiar nadać mu nazwę.

8
00:00:37,140 --> 00:00:42,980
Nazwijmy to pierwsza strona strona T. M. i w tej części jest bardzo ważne.

9
00:00:42,990 --> 00:00:44,950
Dot h Timo.

10
00:00:45,690 --> 00:00:47,120
Więc będę hit uratować.

11
00:00:47,670 --> 00:00:50,170
I kropka każdy zespół powiem wzniosłe.

12
00:00:50,340 --> 00:00:55,790
A kiedy go otworzyć w Chrome mówi chrom To h tim będę file traktowane jako takie.

13
00:00:56,220 --> 00:00:58,000
Tak więc możemy napisać Tim Allen tutaj.

14
00:00:58,260 --> 00:01:04,460
Więc zaczniemy z tylko jednym znacznikiem widzieliśmy do tej pory są jednym z elementów, które jest H-1.

15
00:01:04,800 --> 00:01:06,740
I można zauważyć, że jest to dla mnie podświetlone.

16
00:01:06,780 --> 00:01:08,040
Warto więc wypełnić to w.

17
00:01:08,040 --> 00:01:19,020
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.

18
00:01:19,020 --> 00:01:19,950
W moim przypadku.

19
00:01:20,130 --> 00:01:31,910
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.

20
00:01:31,920 --> 00:01:36,230
Więc rzeczywiście dostać Chrome to istnieje kilka rozwiązań otworzyć.

21
00:01:36,270 --> 00:01:41,370
Pierwszym z nich jest po prostu dwukrotnie kliknąć na niego i otworzy go w domyślnej przeglądarce.

22
00:01:41,490 --> 00:01:58,090
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.

23
00:01:58,470 --> 00:02:03,340
Jak zawsze mogę zobaczyć moje źródło strony, a zobaczysz, że to tylko jeden znacznik.

24
00:02:03,510 --> 00:02:07,470
Więc na pewno prostsze niż coś takiego.

25
00:02:09,330 --> 00:02:11,670
Ale bazowego są dokładnie takie same.

26
00:02:11,940 --> 00:02:15,910
I tam prawdopodobnie H-1 na tej stronie, jak również.

27
00:02:15,960 --> 00:02:17,770
Więc jeden inny sposób to zrobić.

28
00:02:18,000 --> 00:02:27,720
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ż.

29
00:02:27,720 --> 00:02:33,470
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ć.

30
00:02:33,570 --> 00:02:40,200
Więc po prostu pokazać, że kliknięcie i mogę go otworzyć.

31
00:02:40,440 --> 00:02:44,380
Tak niestety muszę przełamać wiadomości, które są proste.

32
00:02:44,370 --> 00:02:47,650
To Tim L, które zostały napisane do tej pory jest w rzeczywistości nieco źle.

33
00:02:47,850 --> 00:02:52,140
Sam znacznik e-mail jest w porządku, ale nie jest to ważny dokument.

34
00:02:52,140 --> 00:02:57,260
A to dlatego, że brakuje samej struktury, że każda strona musi mieć.

35
00:02:57,840 --> 00:02:59,320
Tak to wygląda.

36
00:02:59,490 --> 00:03:01,370
To bardzo dużo w porównaniu do tego, co zrobiliśmy do tej pory.

37
00:03:01,380 --> 00:03:03,950
Ale dobrą wiadomością jest tam dwa kawałki dobrej nowiny.

38
00:03:03,960 --> 00:03:05,560
Jeden jest zawsze taki sam.

39
00:03:05,900 --> 00:03:13,880
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ć.

40
00:03:14,280 --> 00:03:29,690
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ę.

41
00:03:30,000 --> 00:03:32,400
Więc chodźmy nad tym, co to robi.

42
00:03:32,400 --> 00:03:33,460
Najpierw jedziemy do zapisania.

43
00:03:33,570 --> 00:03:48,650
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ę.

44
00:03:48,690 --> 00:04:03,700
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ś.

45
00:04:03,720 --> 00:04:05,500
Jak znaleźć właściwą odpowiedź.

46
00:04:05,520 --> 00:04:07,740
Mam zamiar być kompletny złamany rekord w tej sprawie.

47
00:04:07,770 --> 00:04:12,660
Moi uczniowie śmieją się za każdym razem mówię o sztuce googlowania, ale to naprawdę jest ważne.

48
00:04:12,930 --> 00:04:13,760
Dlatego tu jestem.

49
00:04:13,800 --> 00:04:14,910
Spójrzmy.

50
00:04:15,030 --> 00:04:20,210
Mówi typ doc dla każdego Timofiej jest prosta, aby wskazać, że treść HMO wykorzystuje HDMI.

51
00:04:20,210 --> 00:04:27,770
Pięć wystarczy użyć doctype H-2 go z wykrzyknikiem przed nim i chcemy użyć HMO 5.

52
00:04:27,870 --> 00:04:31,530
Porozmawiamy o tym, co dokładnie Schmuck 5 jest, a co nie jest.

53
00:04:31,530 --> 00:04:32,580
W przyszłym filmie.

54
00:04:32,790 --> 00:04:34,070
Ale chcemy go używać.

55
00:04:34,140 --> 00:04:36,720
Jest to w zasadzie tylko najnowsza wersja wieku go.

56
00:04:36,990 --> 00:04:38,660
Więc umieścić to do góry.

57
00:04:39,030 --> 00:04:42,330
Więc następną rzeczą, będziemy rozmawiać o to h t m l elementem.

58
00:04:42,510 --> 00:04:47,490
Więc to jest trochę trudniej znaleźć wyszukując którzy czynią MT-NW HMO.

59
00:04:47,670 --> 00:04:56,030
Jeśli tylko istnieje elementem idziemy zawsze patrzę na ten pusty końcu w nazwie.

60
00:04:56,040 --> 00:05:01,350
I to mówi nam, że w wieku mu element główny reprezentuje pierwiastek dokumentu HMO.

61
00:05:01,500 --> 00:05:04,930
Wszystkie pozostałe elementy muszą być potomkami tej elementu.

62
00:05:05,040 --> 00:05:06,500
Więc jest to dość oczywiste.

63
00:05:06,620 --> 00:05:10,310
W zasadzie wszystko, co piszemy musi przejść wewnątrz każdego elementu.

64
00:05:10,710 --> 00:05:22,640
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.

65
00:05:23,820 --> 00:05:28,140
Więc rzućmy okiem na to, co jest elementem głowy głowy.

66
00:05:28,140 --> 00:05:36,010
Dostarczenie ogólnych informacji metadanych o dokumencie tym jego tytuł i linki do są definicje skryptów i arkuszy stylów.

67
00:05:36,330 --> 00:05:41,200
Więc co to znaczy jest w zasadzie wszystko, co nie widzimy na stronie jako użytkownik.

68
00:05:41,400 --> 00:05:53,200
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.

69
00:05:53,610 --> 00:05:57,210
Reprezentuje zawartość dokumentu wieku HTML.

70
00:05:57,210 --> 00:06:04,300
Więc jeśli wrócimy tu mogę zapewnić Ci jeszcze jedną rzecz, która jest jak pisać komentarze oraz niched go.

71
00:06:04,530 --> 00:06:21,000
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.

72
00:06:21,750 --> 00:06:26,580
Na szczęście to nie zadziała, ponieważ będzie to rzeczywiście pojawi się na stronie.

73
00:06:26,720 --> 00:06:31,070
Jego zespół będzie traktować ten tekst jak i chcę po prostu być uwaga do siebie.

74
00:06:31,230 --> 00:06:33,570
Więc to jest coś, co można zrobić w każdym języku programowania.

75
00:06:33,690 --> 00:06:47,830
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.

76
00:06:49,050 --> 00:06:59,680
Więc może wpisać, że słyszy się wpisać go ręcznie i można zobaczyć to niby idzie szary wzniosłe.

77
00:07:00,000 --> 00:07:21,160
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.

78
00:07:21,180 --> 00:07:24,230
Tak więc w przypadku, gdy zapomnisz to i nie chcesz, aby zapisać go na zewnątrz.

79
00:07:24,260 --> 00:07:25,200
Kolejną miłą rzeczą.

80
00:07:25,250 --> 00:07:30,380
Powiedzmy, że miałem kilka notatek do siebie mogę wybrać wszystkie z nich i zrobić to samo.

81
00:07:30,420 --> 00:07:33,000
Komenda slash.

82
00:07:34,440 --> 00:07:35,320
Wspaniały.

83
00:07:35,400 --> 00:07:38,860
Więc mam zamiar zachować te komentarze, które są po prostu notatki do siebie.

84
00:07:39,000 --> 00:07:40,740
My zawartości przechodzi w organizmie.

85
00:07:40,830 --> 00:07:43,000
To jest w głowicy.

86
00:07:43,830 --> 00:07:51,670
To znaczy, że jeśli jesteśmy po naszych własnych notatek nasza treść tutaj musi przejść wewnątrz naszego ciała.

87
00:07:52,680 --> 00:07:57,450
Więc powinniśmy mieć nic pływających wokół zewnątrz elementu H Tim L wyjątkiem DOCTYPE.

88
00:07:57,540 --> 00:08:02,280
Cała reszta idzie w głowie lub ciele.

89
00:08:02,280 --> 00:08:06,570
Więc chodźmy do przodu i otworzyć się upewnić, że wygląda tak samo jak to miało miejsce wcześniej.

90
00:08:06,570 --> 00:08:07,470
Podwójne kliknięcie.

91
00:08:07,620 --> 00:08:09,250
Widać, że wygląda identycznie.

92
00:08:09,420 --> 00:08:12,960
Chodźmy zobaczyć źródło strony wygląda tak samo.

93
00:08:12,960 --> 00:08:17,580
Zauważ, że nasze komentarze nie pojawiają się oczywiście tylko pojawia się nasza H-1.

94
00:08:17,580 --> 00:08:20,590
Jedną rzeczą, która nam brakuje, gdy tu jesteśmy to tytuł.

95
00:08:20,880 --> 00:08:27,670
Tytuł nie jest ważny, ponieważ pojawia się na stronie, że nie pojawi się w naszej rzeczywistej stronie tutaj.

96
00:08:27,690 --> 00:08:28,980
Pamiętaj, że to w głowie.

97
00:08:29,040 --> 00:08:32,660
Więc to tylko metadanych, co ma zrobić, to dwie rzeczy.

98
00:08:32,700 --> 00:08:37,270
Jeden to będzie określenie nazwy lub tekst, który przechodzi w naszej zakładce wyświetlane.

99
00:08:37,740 --> 00:08:49,890
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.

100
00:08:49,880 --> 00:08:52,770
Pochodzą one z elementów tytułowych.

101
00:08:52,760 --> 00:08:58,070
Tak na przykład M. D. i świętuje 10 lat dokument w swojej sieci kliknięciu na ten temat.

102
00:08:58,470 --> 00:09:02,120
Widać tu mówi MDA i świętuje robi się odciąć.

103
00:09:02,190 --> 00:09:07,500
Można sprawdzić wygląd strony dla elementu tytułowego.

104
00:09:07,500 --> 00:09:08,730
Tak wiele rzeczy jedziemy.

105
00:09:08,760 --> 00:09:12,250
Tytuł i świętuje 10-lecie dokumentujące swoje sieci.

106
00:09:12,600 --> 00:09:13,810
Blog kapuśniaczek.

107
00:09:14,340 --> 00:09:16,340
Więc tytuł jest ważny.

108
00:09:17,070 --> 00:09:25,680
Więc dajmy ArcSight tytuł niech po prostu nazwać to moja pierwsza strona odświeżania zegarek tu i aktualizuje.

109
00:09:25,710 --> 00:09:27,080
To tyle na razie.

110
00:09:27,090 --> 00:09:28,420
Zapamiętaj dwie rzeczy.

111
00:09:28,540 --> 00:09:31,640
Ten boilerplate można po prostu typ H mu kartę l.

112
00:09:31,770 --> 00:09:33,720
Nigdy nie mają więcej niż jeden dokument.

113
00:09:33,890 --> 00:09:37,850
Ale tak pamiętacie zakładkę HTML i komentarze.

114
00:09:37,980 --> 00:09:41,880
Można to zrobić za pomocą komendy ukośnik można kierować je i wyłączać.