1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG 로이드 : 그래서 우리는 소비 비슷해 내 수학이 옳다면, 3 00:00:08,790 --> 00:00:11,900 그리고 내가 생각 back-- 찾고 생각 우리는 얘기를 약 35 동영상을 보냈다 4 00:00:11,900 --> 00:00:15,139 아마 C의 다양한 양태에 관한 조금 더, 어쩌면 좀 덜. 5 00:00:15,139 --> 00:00:16,930 그리고 우리는 포함하지 않았다 C의 모든하지만, 우리 6 00:00:16,930 --> 00:00:21,170 의 큰 덩어리를 포함 언어, 그것의 대부분, 7 00:00:21,170 --> 00:00:22,882 확실히 일반적인 용도. 8 00:00:22,882 --> 00:00:25,090 이제 우리는 얘기거야 에 대한 다른 언어로, HTML. 9 00:00:25,090 --> 00:00:28,180 그리고 우리가 다루려고 그것은 단지 하나의 비디오. 10 00:00:28,180 --> 00:00:29,340 >> 하지만이 확인 될 것입니다. 11 00:00:29,340 --> 00:00:31,410 즉, 실제로이 될 것 뭔가 당신이 익숙해 것입니다. 12 00:00:31,410 --> 00:00:33,535 지금 당신이 가지고있는 하나의 언어의 기초, 13 00:00:33,535 --> 00:00:35,776 그것은 실제로 매우 쉽다 다른 사람을 배우기 시작합니다. 14 00:00:35,776 --> 00:00:37,650 그래서 우리는 시작하는거야 다시 작은 스텝 15 00:00:37,650 --> 00:00:43,340 과 기본을 얼버무 다음 언어 사이의 차이 16 00:00:43,340 --> 00:00:45,750 그리고 종류의 그것 당신을 떠날. 17 00:00:45,750 --> 00:00:48,530 정말 좋은 많이있다 인터넷상의 리소스를 어느 18 00:00:48,530 --> 00:00:51,279 우리가 당신을 지시하는 시작하는거야 인터넷이므로 향해 19 00:00:51,279 --> 00:00:53,340 정보의 광대 한 저장소. 20 00:00:53,340 --> 00:00:55,960 그리고 그것은거야 당신처럼하지 반드시 일을 잃고 21 00:00:55,960 --> 00:00:58,349 정보를 구비하지 않음으로써 비디오에 덮여. 22 00:00:58,349 --> 00:01:00,640 당신은 여전히​​ 얻을 수있을 것이다 모든 것을 당신이 필요로 사용 23 00:01:00,640 --> 00:01:03,590 당신은 이미했습니다 지식 C를 이해함으로써 구축 24 00:01:03,590 --> 00:01:07,130 이들에 대한 학습 곡선을 만들려면 실제로 다른 언어 많은 아첨. 25 00:01:07,130 --> 00:01:08,640 나는 약속한다. 26 00:01:08,640 --> 00:01:12,770 >> 하지만 이제 하나의 언어에 대해 이야기하자 즉, 모든 웹 정말 근본적인이다 27 00:01:12,770 --> 00:01:14,830 HTML 페이지입니다. 28 00:01:14,830 --> 00:01:18,230 HTML은 하이퍼 텍스트 마크 업 언어입니다. 29 00:01:18,230 --> 00:01:22,700 HTML은 언어이지만이고 하지 프로그래밍 언어. 30 00:01:22,700 --> 00:01:23,900 >> HTML은 변수가 없습니다. 31 00:01:23,900 --> 00:01:26,430 그것은 논리를 가지고 있지 않거나 기능이나 그런 것을. 32 00:01:26,430 --> 00:01:30,301 우리는 할 수 없습니다 HTML에서 자체 프로그램. 33 00:01:30,301 --> 00:01:32,300 때때로 당신은 듣게 될 것입니다 사람들은 자신을 설명 34 00:01:32,300 --> 00:01:35,710 HTML 프로그래머로하는 완전히 정확하지 않습니다. 35 00:01:35,710 --> 00:01:37,980 우리는 HTML 프로그램을 쓸 수 없습니다. 36 00:01:37,980 --> 00:01:40,770 >> HTML은 텍스트를 표시하는 데 사용됩니다. 37 00:01:40,770 --> 00:01:42,690 이것은 마크 업 언어라고. 38 00:01:42,690 --> 00:01:47,680 그리고 이것은이 markup--을 does-- 무엇 우리는 HTML과이 tags--에 태그를 사용 39 00:01:47,680 --> 00:01:51,600 이 의미 markup-- 페이지의 구조를 정의 40 00:01:51,600 --> 00:01:55,280 및 일반 텍스트를 유발 태그 해석 사이에 존재 41 00:01:55,280 --> 00:01:57,320 다른 방법으로 브라우저. 42 00:01:57,320 --> 00:02:00,370 그리고 아마도 설명하는 것이 가장 좋습니다 그림의에 의한 방법. 43 00:02:00,370 --> 00:02:06,450 >> 다음은 아주 간단한 HTML 페이지, 아니다 HTML 프로그램, 다시, HTML 페이지. 44 00:02:06,450 --> 00:02:08,680 그리고 우리는 알고있다 HTML 페이지에 우리가했습니다 때문에 45 00:02:08,680 --> 00:02:11,480 HTML 태그와 모든 경계. 46 00:02:11,480 --> 00:02:13,850 그래서 이것은 HTML 태그의 모습입니다. 47 00:02:13,850 --> 00:02:15,870 그것은 꺾쇠 괄호 사이입니다. 48 00:02:15,870 --> 00:02:18,570 그리고 우리가 상단에 주목 HTML과 매우 하단에, 49 00:02:18,570 --> 00:02:21,400 우리가 무슨 짓을했는지 후 분명히 다른 HTML의 많은, 50 00:02:21,400 --> 00:02:24,310 우리는 꺾쇠 괄호 슬래시 HTML을 가지고있다. 51 00:02:24,310 --> 00:02:29,262 그래서 그런 종류의 경계는 HTML이 무엇이며 무엇을하지 않습니다 사이. 52 00:02:29,262 --> 00:02:32,220 그리고 물론, 통상적으로, 단지 당신은 당신의 C 프로그램을 모두 쓴 53 00:02:32,220 --> 00:02:35,300 도트 C 확장과, HTML 파일의 모든 54 00:02:35,300 --> 00:02:37,909 점 HTML 확장으로 종료됩니다. 55 00:02:37,909 --> 00:02:39,200 하지만 더 여기가에 대한 것입니다. 56 00:02:39,200 --> 00:02:40,658 우리는 이러한 HTML 태그가 없습니다. 57 00:02:40,658 --> 00:02:44,010 우리는 분명히이 있습니다 일이 머리에 태그를했다. 58 00:02:44,010 --> 00:02:46,010 음, 좋아, 그게 뭔데? 59 00:02:46,010 --> 00:02:48,550 >> 그럼 어쩌면에 최선의 몸체에 의해 구별 60 00:02:48,550 --> 00:02:50,590 바디는 웹 페이지의 콘텐츠 인. 61 00:02:50,590 --> 00:02:55,860 그래서 어쩌면 헤드 태그는 물건을 정의 즉, 브라우저 창에 적절한 아니다 62 00:02:55,860 --> 00:02:59,410 하지만 어떻게 든 중요하다 우리 웹 페이지는 렌더링되고 정확하게. 63 00:02:59,410 --> 00:03:02,490 예를 들어, 내부의 머리 태그 우리는 제목 태그가 있습니다. 64 00:03:02,490 --> 00:03:05,500 >> 그래서 제목 안녕하세요 세계되고, 그 사실은 무엇을 할 것 65 00:03:05,500 --> 00:03:08,797 크롬의 탭에 표시 또는 사파리 또는 Firefox--에 66 00:03:08,797 --> 00:03:11,880 어떤 브라​​우저는 그건 prefer-- 어떤 제목에 표시하는 것입니다. 67 00:03:11,880 --> 00:03:14,800 그리고 탭 전에 보여줄 것 전체 브라우저 창에 최대 68 00:03:14,800 --> 00:03:19,710 당신은 하나의 페이지를 가질 수 있습니다 한 번에 브라우저 창에서 열립니다. 69 00:03:19,710 --> 00:03:22,160 그래서이 될 것 탭에서 내 페이지 최대의 제목 70 00:03:22,160 --> 00:03:24,600 또는 브라우저 창 바, 안녕하세요. 71 00:03:24,600 --> 00:03:28,611 그리고 다음 내용을 내 웹 페이지 안녕하세요, 세계 일 것이다. 72 00:03:28,611 --> 00:03:31,360 그럼 무엇을 몇 가지 살펴 보자 이 같은 점은 다음과 같을 수 있습니다. 73 00:03:31,360 --> 00:03:33,210 이것은 매우 간단한 HTML 페이지입니다. 74 00:03:33,210 --> 00:03:35,970 그래서 난 내 CS50의 IDE에서 왔어요 및 나는 조금 확대했습니다. 75 00:03:35,970 --> 00:03:38,290 그리고 난 그냥 갈거야 안녕하세요 점 HTML을 열어 76 00:03:38,290 --> 00:03:42,000 이 꽤 많이 있음을 보여 우리가 전에 본 페이지의 콘텐츠. 77 00:03:42,000 --> 00:03:45,240 내 간단한 HTML, 머리 태그, 제목 태그, 등등 몸합니다. 78 00:03:45,240 --> 00:03:47,320 나는 깨끗한 것으로 들여 쓰기했습니다. 79 00:03:47,320 --> 00:03:51,530 >> 그리고 난에서 할 수있는 다음 어떤 내 IDE는 페이지를 미리 볼 수 있습니다. 80 00:03:51,530 --> 00:03:52,630 그리고 거기 우리는 간다. 81 00:03:52,630 --> 00:03:56,070 내 페이지의 내용은, 세계입니다 안녕하세요, 나는 아무것도 표시되지 않습니다 82 00:03:56,070 --> 00:03:58,500 이 헤드 태그에서. 83 00:03:58,500 --> 00:03:59,980 그것은 몸의 단지 콘텐츠이다. 84 00:03:59,980 --> 00:04:00,780 세계, 안녕하세요. 85 00:04:00,780 --> 00:04:03,700 그리고 다시 몸 단지 말했다, 세계, 안녕하세요. 86 00:04:03,700 --> 00:04:06,160 다른 부분은 없습니다. 87 00:04:06,160 --> 00:04:07,610 >> 그래서 정말 그것이 전부입니다. 88 00:04:07,610 --> 00:04:11,370 이는 매우 간단한 기본 HTML 페이지이다. 89 00:04:11,370 --> 00:04:14,280 지금은에 내 HTML을 들여 쓰기했습니다 정말 좋은 구성 할 90 00:04:14,280 --> 00:04:15,840 하지만 실제로 필요가 없습니다. 91 00:04:15,840 --> 00:04:17,959 나는 꽤 예쁘게 만들 수 있습니다. 92 00:04:17,959 --> 00:04:19,467 그리고이 여전히 작동합니다. 93 00:04:19,467 --> 00:04:21,050 이는 동일한 웹 페이지가 될 것입니다. 94 00:04:21,050 --> 00:04:23,100 난 그냥 없애 쪘 공백의 모든. 95 00:04:23,100 --> 00:04:24,820 >> 그것이 나오는 것에 따라, 공백은 데이터입니다. 96 00:04:24,820 --> 00:04:28,540 그래서 우리는 데이터를 보낼 때 송신자는 서버에서, 수신기 97 00:04:28,540 --> 00:04:30,670 클라이언트에 데이터가 돈을 비용. 98 00:04:30,670 --> 00:04:34,460 그래서 공백 치우는 실제로 좋은 생각이다 99 00:04:34,460 --> 00:04:37,320 당신이 사람이라면 누가 제공 웹 콘텐츠의 많은 업. 100 00:04:37,320 --> 00:04:39,820 당신이 있다면 그것은 좋은 생각 이 물건을 배우는 사람 101 00:04:39,820 --> 00:04:41,528 당신이 갖고 싶어 그것은 잘 조직했다. 102 00:04:41,528 --> 00:04:43,810 이것은이보다 구문 분석 훨씬 쉽게입니다. 103 00:04:43,810 --> 00:04:45,540 그러나 기능적으로 동일합니다. 104 00:04:45,540 --> 00:04:48,720 >> 같은 들여 쓰기 및 물건 실제로 HTML에서 중요하지 않습니다. 105 00:04:48,720 --> 00:04:53,634 모든 문제는 여는 태그입니다 올바른 순서로 태그를 닫는. 106 00:04:53,634 --> 00:04:55,050 하지만, 여기에 무슨 일이 있었는지 알 수 있습니다. 107 00:04:55,050 --> 00:04:58,450 마크 업 우리에게 할 수있는 방법을 제공합니다 추가 정보를 전달 108 00:04:58,450 --> 00:04:59,940 우리가 작성한 것에 대해. 109 00:04:59,940 --> 00:05:03,130 안녕하세요, 세계의 부분이었다 제목으로 해석했다. 110 00:05:03,130 --> 00:05:06,410 그리고, 안녕하세요 부분은 세계이었다 콘텐츠 해석 111 00:05:06,410 --> 00:05:09,090 또는 무엇을해야 내 웹 페이지에 표시. 112 00:05:09,090 --> 00:05:12,167 >> 서로 다른 100 이상있다 태그 훌륭한 자원을 많이 113 00:05:12,167 --> 00:05:13,000 그들을 찾을 수 온라인. 114 00:05:13,000 --> 00:05:14,900 우리는에 대해 이야기하는거야 이 비디오에 그들 중 몇 가지, 몇 가지 115 00:05:14,900 --> 00:05:16,440 정말 기본적인 재료. 116 00:05:16,440 --> 00:05:18,440 그러나 우리는 이야기를하지 않을거야 모두에 대한 그것 때문에 117 00:05:18,440 --> 00:05:20,250 그렇게 철저한 것입니다. 118 00:05:20,250 --> 00:05:22,880 >> 당신은하지만, 할 수있는 또 다른 것은, 개발자 도구를 열 수 있습니다. 119 00:05:22,880 --> 00:05:26,069 그리고 당신은 기억 경우 HTTP에 우리의 비디오, 120 00:05:26,069 --> 00:05:27,860 나는 여는 방법을 설명 개발자 도구입니다. 121 00:05:27,860 --> 00:05:32,020 크롬에서 보통 F12 키의 개발자 도구 모음을 엽니 다. 122 00:05:32,020 --> 00:05:35,909 이어서 대신 네트워크 선택의 탭, 당신은 요소 탭을 선택할 수 있습니다. 123 00:05:35,909 --> 00:05:37,700 그리고 당신은 웹을로드하는 경우 페이지, 당신은 실제로거야 124 00:05:37,700 --> 00:05:40,280 해당 웹 페이지를 생성하는 HTML을 참조하십시오. 125 00:05:40,280 --> 00:05:44,090 그래서 당신은 HTML에 대해 많은 것을 배울 수 있습니다 즐겨 찾는 웹 사이트에보고하여 126 00:05:44,090 --> 00:05:48,474 그들은을 구축하는 방법을보고 당신이 좋아하는 것을 그들에게 여러 가지. 127 00:05:48,474 --> 00:05:50,890 그래서 아마도이 멋진이있다 패턴이나 뭐 그런. 128 00:05:50,890 --> 00:05:52,140 그들은 어떻게 HTML로해야합니까? 129 00:05:52,140 --> 00:05:55,630 그럼 당신은 당신의 개발자를 열 수 있습니다 그 요소를 통해 도구와 호버 130 00:05:55,630 --> 00:05:57,700 및 HTML을 만드는 정확히 참조하십시오. 131 00:05:57,700 --> 00:05:59,450 그래서 정말 HTML을 배울 수있는 좋은 방법, 132 00:05:59,450 --> 00:06:02,330 나는 강하게하는 것이 좋습니다 당신이 그것을 모두 배울 할 HTML 133 00:06:02,330 --> 00:06:04,930 또한 약간의 내용 일부 옵션에 대한 비트 134 00:06:04,930 --> 00:06:07,050 에서 사용할 수있는 개발자 도구, 어떤 135 00:06:07,050 --> 00:06:10,200 확실히로 편리합니다 좀 더 집중적 인 웹 일을 시작하기 136 00:06:10,200 --> 00:06:11,090 프로그래밍. 137 00:06:11,090 --> 00:06:14,080 >> 그럼 살펴 보자 일반적인 HTML 태그의 커플. 138 00:06:14,080 --> 00:06:17,210 그리고 우리는 뛰어 살펴 보겠습니다 이 태그는 렌더링 무슨 139 00:06:17,210 --> 00:06:20,490 내 IDE에서 일부 파일을보고하는 등. 140 00:06:20,490 --> 00:06:26,330 그래서 여기에 대한 세 가지 매우 기본적인 태그는 텍스트의 시각적 모양을 조정. 141 00:06:26,330 --> 00:06:29,050 B 태그, 나는 태그 및 U 태그가있다. 142 00:06:29,050 --> 00:06:33,170 그리고 각각 그들이 무엇이다 굵은 글씨로 그들 사이의 텍스트를 렌더링, 143 00:06:33,170 --> 00:06:35,430 기울임 꼴 및 밑줄. 144 00:06:35,430 --> 00:06:40,430 그래서 그 모습 될지 보자 IDE 내에서 실제의 웹 페이지 등을들 수있다. 145 00:06:40,430 --> 00:06:43,390 >> 그래서 여기 내 IDE에서 내가 가진 BIU 점 HTML이라는 파일. 146 00:06:43,390 --> 00:06:46,770 BIU 점 HTML은 단지 인 굵게, 기울임, 밑줄. 147 00:06:46,770 --> 00:06:47,830 나는 그것을 열 수 있습니다. 148 00:06:47,830 --> 00:06:51,810 >> 그리고 우리는 그 여기에 볼 수 있습니다 이 텍스트를 가지고하는 것은 B 태그 대담한이다. 149 00:06:51,810 --> 00:06:54,010 이 텍스트는 내가 태그 기울임 꼴이다. 150 00:06:54,010 --> 00:06:56,307 그리고이 텍스트는 U 태그에 밑줄을. 151 00:06:56,307 --> 00:06:57,640 이것은 무엇처럼 보일거야? 152 00:06:57,640 --> 00:06:59,473 그럼 다시, 모든 나는이 여기에 가서 할 일은 153 00:06:59,473 --> 00:07:04,690 브라우저로, 내 파일 브라우저, 클릭 미리보기 및이 온다 것입니다. 154 00:07:04,690 --> 00:07:07,520 >> B 사이의 텍스트 태그는 참으로 지금 대담한이다. 155 00:07:07,520 --> 00:07:10,720 나는 사이의 텍스트 태그는 참으로 지금 기울임 꼴이다. 156 00:07:10,720 --> 00:07:14,634 및 U 사이에서 텍스트 태그는 참으로 지금 밑줄이 그어져 있습니다. 157 00:07:14,634 --> 00:07:15,550 그래서 꽤 좋다. 158 00:07:15,550 --> 00:07:18,450 이제 우리는 텍스트를 만드는 방법을 알고 좀 더 멋진 모습 159 00:07:18,450 --> 00:07:20,360 또는 어떤 일에 중점을 그립니다. 160 00:07:20,360 --> 00:07:25,530 여기에 일반적인 태그의 또 다른 커플은 단락 태그, P, 및 헤더 태그 161 00:07:25,530 --> 00:07:27,980 이는 내가 HX 여기 렌더링했습니다. 162 00:07:27,980 --> 00:07:32,520 >> 이러한 P 태그, 이러한 단락 태그 단락에 텍스트를 휴식. 163 00:07:32,520 --> 00:07:34,646 그것은 단지에 충분하지 않습니다 입력하고 공백을두고 충돌, 164 00:07:34,646 --> 00:07:37,186 컴퓨터는 것입니다 때문에 당신이해야 할 그에게 일을 165 00:07:37,186 --> 00:07:39,450 그것은 흰색 무시 대부분의 공간. 166 00:07:39,450 --> 00:07:41,636 그래서 우리는 그냥 Enter를 누를 수 없습니다 우리의 컴퓨터를 기대 167 00:07:41,636 --> 00:07:43,760 우리가 원하는 것을 해석하는 새 단락을 시작합니다. 168 00:07:43,760 --> 00:07:47,670 우리는 매우 명시 적으로이 말을해야 이 paragraph-- 하나 another--입니다 169 00:07:47,670 --> 00:07:50,740 P 태그 세트에 의해 각각 둘러싸. 170 00:07:50,740 --> 00:07:54,560 >> 그리고 우리는 또한 이러한 옵션을 사용할 수 있습니다 H 태그, 이러한 헤더 태그. 171 00:07:54,560 --> 00:07:57,000 우리는 여섯 가지 수준이 헤더, 하나, 둘, 셋, 172 00:07:57,000 --> 00:08:01,110 아르 넷, 다섯, 여섯, 점차적으로 더 크고 더 큰 173 00:08:01,110 --> 00:08:01,710 헤더. 174 00:08:01,710 --> 00:08:04,360 그리고 그들은 작아과 작고 작아. 175 00:08:04,360 --> 00:08:07,690 그래서 우리는 두 번째 최고 수준의 헤더가 레벨 헤더 등, 등. 176 00:08:07,690 --> 00:08:10,480 >> 의 아마 몇 가지를 살펴 보자 P 태그 및 일부 헤더 태그 177 00:08:10,480 --> 00:08:13,110 웹 페이지에 행동. 178 00:08:13,110 --> 00:08:18,180 그래서 여기 내 IDE에서 나는라는 파일이 PH 도트 HTML, PH되는 단락 179 00:08:18,180 --> 00:08:18,970 헤더 태그입니다. 180 00:08:18,970 --> 00:08:20,709 그를 엽니 다. 181 00:08:20,709 --> 00:08:23,000 많은 여기에이 일이야 나는 몇 가지가 lorem을 넣어했기 때문에 182 00:08:23,000 --> 00:08:24,660 Ipsum 제품, 여기에 일부 단지 임의의 텍스트. 183 00:08:24,660 --> 00:08:27,284 그래서 나는 조금 축소거야 이 때문에 너무 많은 일. 184 00:08:27,284 --> 00:08:31,980 하지만 난 아주에있는 것을 알 수 나는 H1, 레벨 하나가 여기에 맨 185 00:08:31,980 --> 00:08:32,802 헤더 태그입니다. 186 00:08:32,802 --> 00:08:36,010 그럼 난 그냥 단락을 가지고 임의 text--의가 lorem의 무리 ipsum-- 187 00:08:36,010 --> 00:08:38,720 그냥 텍스트 표준 충전 기본. 188 00:08:38,720 --> 00:08:41,970 그래서 나는 그 안에 두 단락이 레벨 1 헤더 다음 아래 나는 아래 189 00:08:41,970 --> 00:08:46,850 라인 (24) 여기에 레벨이 헤더가, 두 번째 수준 헤더, 다른 두 190 00:08:46,850 --> 00:08:47,840 단락. 191 00:08:47,840 --> 00:08:51,910 그럼이처럼 무엇을 보는가 내가 미리보기에서 볼 경우? 192 00:08:51,910 --> 00:08:53,790 어디 보자. 193 00:08:53,790 --> 00:08:55,730 >> 그래서 알 여기에 첫 번째 레벨의 헤더 194 00:08:55,730 --> 00:08:58,420 사실은 꽤 조금 더 큰 두 번째 수준의 헤더보다. 195 00:08:58,420 --> 00:08:59,940 그래서 우리는 H1 태그를 사용했다. 196 00:08:59,940 --> 00:09:03,820 그리고 P 태그 우리를 허용 것을 알 수 단락으로 물건을 깰. 197 00:09:03,820 --> 00:09:07,500 우리는 그 P 태그를 제거 먹은 경우 실제로 그냥 넣어 입력하거나 반환 198 00:09:07,500 --> 00:09:10,110 우리가 희망 것 사이의 것 다른 단락 수, 199 00:09:10,110 --> 00:09:13,193 그들은 모두 그냥 같이 슬램 것이며, 그것은이 좋은 단락이없는 것 200 00:09:13,193 --> 00:09:15,840 위와 아래 공간 분리. 201 00:09:15,840 --> 00:09:18,300 그리고 그 무엇 단락의 태그 헤더 태그 202 00:09:18,300 --> 00:09:22,440 일반적으로 그리는 수행하는 데 사용됩니다 웹 페이지의 일부에 관심 203 00:09:22,440 --> 00:09:23,550 그 방법으로. 204 00:09:23,550 --> 00:09:27,560 >> 다음은 우리가 사용하는 일부 태그입니다 우리의 웹 페이지 목록을 빌드합니다. 205 00:09:27,560 --> 00:09:30,820 그래서 우리는 순서가있다 lists-- ULs--는 단지입니다 206 00:09:30,820 --> 00:09:34,090 주문 글 머리 기호 목록, numbered-- 있습니다 목록 207 00:09:34,090 --> 00:09:37,680 OLs-- 및 내부 중 그 중 하나는 우리가 필요 208 00:09:37,680 --> 00:09:40,600 , LI를 목록 항목을 표시하는 방법의 세트. 209 00:09:40,600 --> 00:09:44,370 그래서 우리는 열린 UL 태그가 우리는 그것의 내부 항목을 넣어. 210 00:09:44,370 --> 00:09:46,920 그리고 우리가 함께 할 때 즉, 우리는 UL 태그를 닫을 수 있습니다. 211 00:09:46,920 --> 00:09:49,850 >> 그리고 마찬가지로 우리는 할 수 있습니다 주문 또는 번호 매기기 목록 212 00:09:49,850 --> 00:09:51,560 그 내부에 목록 항목을 넣어. 213 00:09:51,560 --> 00:09:53,350 그럼 살펴 보자 목록의 커플 214 00:09:53,350 --> 00:09:57,230 어떤 이들은 것 CS50의 IDE에로 렌더링합니다. 215 00:09:57,230 --> 00:10:00,640 그래서 난 내 IDE의 여기에있다 라는 파일 목록은 HTML을 점. 216 00:10:00,640 --> 00:10:03,100 이제 살펴 보자. 217 00:10:03,100 --> 00:10:08,482 >> 그리고 여기에 통지 나는 정렬되지 않은이 그것의 다섯 가지로 나열합니다. 218 00:10:08,482 --> 00:10:11,440 그리고 나는 정렬 된 목록을 가지고 있고, 나는 태그를 조금 변경했습니다, 219 00:10:11,440 --> 00:10:11,939 권리? 220 00:10:11,939 --> 00:10:13,152 나는 시작이 여섯 동일 말한. 221 00:10:13,152 --> 00:10:16,110 그것은 정렬 된 목록 내가 함께 밝혀 시작점 목적지를 설정할 수있다 222 00:10:16,110 --> 00:10:20,130 나는 그것이 one-- 될 것 기본적으로 원합니까 에 의해 그냥이 소위 속성을 추가 223 00:10:20,130 --> 00:10:21,190 내 OL 태그에. 224 00:10:21,190 --> 00:10:23,572 그리고이리스트는 것 6시에 계산 시작합니다. 225 00:10:23,572 --> 00:10:26,780 그 번호 매기기 목록의 따라서 요소 되어야 여섯, 일곱, 여덟, 아홉, 열, 226 00:10:26,780 --> 00:10:29,930 다섯 가지 요소가 있기 때문에 목록에서 하나 반대로, 227 00:10:29,930 --> 00:10:33,770 둘, 셋, 넷, 다섯, 어느 내가 OL이 말씀하신 경우 경우 것 228 00:10:33,770 --> 00:10:36,730 시작 속성을 지정하지 않고. 229 00:10:36,730 --> 00:10:41,594 >> 당신이 할 수 있도록 그래서 우리는 그냥이를 미리 볼 수 있습니다 여기에 무슨 일이 일어나고 있는지에 대한 감각을 얻을. 230 00:10:41,594 --> 00:10:42,260 그리고 거기 우리는 간다. 231 00:10:42,260 --> 00:10:44,610 내 목록이있다. 232 00:10:44,610 --> 00:10:47,810 처음 다섯 요소는 정렬되지 않은 또는 글 머리 기호 목록. 233 00:10:47,810 --> 00:10:51,010 그리고 다음 다섯 가지 요소 별도의 정렬 된 목록은 234 00:10:51,010 --> 00:10:52,980 여섯부터 시작. 235 00:10:52,980 --> 00:10:56,247 그건 그래서 우리가 어떻게 할 수 HTML을 사용하여 목록을 작성합니다. 236 00:10:56,247 --> 00:10:58,080 또 다른 것은 당신이 수도 HTML로 할 237 00:10:58,080 --> 00:11:01,520 테이블을 구축한다 행과 열의 정보 238 00:11:01,520 --> 00:11:04,560 에 정보를 제공하는 특히 길을 조직했다. 239 00:11:04,560 --> 00:11:09,110 우리가있을 수 있습니다 HTML이 작업을 수행하려면 오픈 브래킷을 시작 테이블 정의 240 00:11:09,110 --> 00:11:10,160 테이블. 241 00:11:10,160 --> 00:11:14,680 그리고 그 테이블 안에 우리 행 TR 태그의 집합이있을 수 있습니다 242 00:11:14,680 --> 00:11:15,980 각 행을 나타냅니다. 243 00:11:15,980 --> 00:11:22,510 그리고 TD 태그는 TR 태그의 내부에 이동 행 내에서 열을 지정합니다. 244 00:11:22,510 --> 00:11:24,340 >> 왜 TD 전화를 TC되지 않는 이유는 무엇입니까? 245 00:11:24,340 --> 00:11:25,940 음, TD 테이블 데이터를 의미합니다. 246 00:11:25,940 --> 00:11:27,900 보통은 퍼팅 이 정보. 247 00:11:27,900 --> 00:11:29,440 이 TD하지 TC 이유 그래서입니다. 248 00:11:29,440 --> 00:11:31,140 그것은 조금 혼란. 249 00:11:31,140 --> 00:11:33,720 >> 그래서 당신은 테이블 태그를 가지고 테이블 태그의 내부 250 00:11:33,720 --> 00:11:35,600 당신은 행, 거래 정보 저장소의 번호를 가지고있다. 251 00:11:35,600 --> 00:11:40,030 그리고 각 행 내에서, 당신은 열 수에 대한 TDS 252 00:11:40,030 --> 00:11:42,880 당신은 할 것인지 특정 행의. 253 00:11:42,880 --> 00:11:47,730 의 매우 살펴 보자 CS50의 IDE에서 이상 간단한 테이블. 254 00:11:47,730 --> 00:11:49,730 >> 그래서 여기에 파일이 테이블 도트 HTML했다. 255 00:11:49,730 --> 00:11:53,390 이제 살펴 보자 어떤이는 것 같습니다. 256 00:11:53,390 --> 00:11:56,225 많은 여기가 일어나고 있지만, 당신이 알 수 있다면 테이블이 열려 있습니다. 257 00:11:56,225 --> 00:11:57,850 나는 테이블 정의를 시작 해요. 258 00:11:57,850 --> 00:12:02,100 그리고 내 첫 번째 행에서 나는 분명히 이 네 개의 열, 하나, 둘, 셋, 259 00:12:02,100 --> 00:12:02,660 네. 260 00:12:02,660 --> 00:12:04,290 그리고 나는 그 행으로 수행하고있다. 261 00:12:04,290 --> 00:12:07,750 >> 그럼 난 다른 행을 시작하고 둘, 넷, 여섯, 여덟 할. 262 00:12:07,750 --> 00:12:08,850 해당 행을 마칩니다. 263 00:12:08,850 --> 00:12:11,410 다른 행, 세, 여섯, 아홉, (12)를 수행합니다. 264 00:12:11,410 --> 00:12:14,830 그리고 마지막 행, 네, 여덟, 12, 그것이 비록 265 00:12:14,830 --> 00:12:16,560 작은 16 여기 차단. 266 00:12:16,560 --> 00:12:17,710 >> 그 행을 완료했다. 267 00:12:17,710 --> 00:12:18,970 나는 테이블을 완료했다. 268 00:12:18,970 --> 00:12:21,430 그리고 나는 나의 HTML을 수행하고있다. 269 00:12:21,430 --> 00:12:22,590 어떤이는 모습입니까? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 음,보고 정말 많이하지 않습니다. 272 00:12:27,430 --> 00:12:31,690 나는 분명히 내 정보를 조직했습니다 좀 더 조직적인 방식으로. 273 00:12:31,690 --> 00:12:33,755 그러나 여기에 슈퍼 꽤 아니다. 274 00:12:33,755 --> 00:12:36,130 그리고 우리는 처리 할거야 우리는 CSS에 대해 이야기 할 때 그. 275 00:12:36,130 --> 00:12:38,930 우리는이 아이디어를 다시 방문 할 것이다 우리는 table--를 만들기 위해 무엇을 276 00:12:38,930 --> 00:12:41,260 어쩌면 조금 더 나은 포맷? 277 00:12:41,260 --> 00:12:45,070 하지만 난 여전히 네 개의 행을해야합니까, 이들 각각은 네 개의 열을 가지며, 278 00:12:45,070 --> 00:12:48,890 인에 정말이 무슨 총계 아주 간단한 네 네 곱셈으로 279 00:12:48,890 --> 00:12:49,870 테이블. 280 00:12:49,870 --> 00:12:51,690 >> 우리가 얘기하자 그냥 몇 태그. 281 00:12:51,690 --> 00:12:54,617 의가에 대해 얘기하자 HTML 양식의 개념. 282 00:12:54,617 --> 00:12:57,450 그래서 당신은이를 볼 수 있습니다 웹 페이지에 로그인의 콘텍스트. 283 00:12:57,450 --> 00:12:59,100 일반적으로 당신은 당신의 사용자 이름을 입력합니다. 284 00:12:59,100 --> 00:13:01,510 당신은 당신의 암호를 입력 당신은 갈 수 있어요. 285 00:13:01,510 --> 00:13:04,170 즉 형태의 시작이 될 것이다. 286 00:13:04,170 --> 00:13:05,420 >> 스킵은 두 번째 div에. 287 00:13:05,420 --> 00:13:07,987 우리는 또한 입력이있는 가지 형태의 내부에 들어가. 288 00:13:07,987 --> 00:13:10,320 이러한 요소가 실제로,에 입력하는 289 00:13:10,320 --> 00:13:12,580 또는 라디오 버튼은있어 틱이나 점검 290 00:13:12,580 --> 00:13:14,310 오프 똑딱있는 상자. 291 00:13:14,310 --> 00:13:15,770 그래서 이러한 형태의 내부 이동합니다. 292 00:13:15,770 --> 00:13:18,500 그리고 그들은 기본적으로 포함 양식의 각 행 293 00:13:18,500 --> 00:13:19,887 양식이 잘 포맷 된 경우. 294 00:13:19,887 --> 00:13:22,220 그리고이 개념있다 정말하지 않는 DIV, 295 00:13:22,220 --> 00:13:25,060 특정 카테고리에 맞는 나는했습니다 것과 같은 태그 296 00:13:25,060 --> 00:13:26,170 이전에하고 있었다. 297 00:13:26,170 --> 00:13:29,790 그것은 단지 종류의 구분한다 어떤 임의의 division--의 시작 298 00:13:29,790 --> 00:13:31,670 페이지 div--. 299 00:13:31,670 --> 00:13:33,210 시각적 인 휴식은 없다. 300 00:13:33,210 --> 00:13:34,800 더 선은 없습니다. 301 00:13:34,800 --> 00:13:37,180 그것은으로 출발 아니에요 자동으로 별도의 덩어리. 302 00:13:37,180 --> 00:13:39,430 당신은 스타일을해야 할 것이다 그 방법은 그렇게 할 수 있습니다. 303 00:13:39,430 --> 00:13:42,110 >> 그것은 그저 내가 원하는 말한다 내 웹 페이지에 공간의 조각, 304 00:13:42,110 --> 00:13:45,190 난 그냥 전화거야 그것은 내 페이지의이 부문. 305 00:13:45,190 --> 00:13:47,619 우리는 내부의 물건을 넣을 수 있습니다 div에, 그리고 사실, 306 00:13:47,619 --> 00:13:49,410 우리는에 향할 때 두 번째의 IDE, 우리는거야 307 00:13:49,410 --> 00:13:53,760 내가 넣었 어 것을 볼 내 사업부의 내부에 형성한다. 308 00:13:53,760 --> 00:13:57,050 >> 그래서 난 내 IDE의 여기에있다 DIV 형태 도트 HTML이라는 파일. 309 00:13:57,050 --> 00:13:59,260 현실을 열어 보자. 310 00:13:59,260 --> 00:14:01,460 내가 말했듯이 주목, DIV는 임의의 가지입니다. 311 00:14:01,460 --> 00:14:01,640 권리? 312 00:14:01,640 --> 00:14:02,973 그것은 정말 아무것도 의미하지 않는다. 313 00:14:02,973 --> 00:14:05,140 그래서 임의의이 내 페이지의 첫 번째 부문. 314 00:14:05,140 --> 00:14:07,848 그리고 대신 다른 사업부 나중에, 8 번째 줄에서 시작, 315 00:14:07,848 --> 00:14:08,730 나는이 양식을 가지고있다. 316 00:14:08,730 --> 00:14:13,594 그리고 형태의 내부 나는이 입력의 수, 형태의 필드. 317 00:14:13,594 --> 00:14:16,510 그래서 그 이름 필드를 할까 .. 정말 아무것도 의미하지 않는 318 00:14:16,510 --> 00:14:19,350 권리들을 당장 그 분명히 텍스트, 또 다른 하나를 걸립니다 319 00:14:19,350 --> 00:14:22,630 라디오의 암호, 다른 소요 버튼, 체크 박스의 그 다른, 320 00:14:22,630 --> 00:14:24,797 하고 있다는 또 다른 버튼을 제출합니다. 321 00:14:24,797 --> 00:14:26,630 그럼,이 작업을 수행합니다 모든 사실처럼? 322 00:14:26,630 --> 00:14:27,629 음, 살펴 보자. 323 00:14:27,629 --> 00:14:31,010 우리는 우리의 미리보기 창에서을 열 수 있습니다. 324 00:14:31,010 --> 00:14:33,557 이 임의의 알 먼저 거기에 division-- 325 00:14:33,557 --> 00:14:34,640 여기에 시각적 분리합니다. 326 00:14:34,640 --> 00:14:37,150 정말 바로, 아무 짓도 안 했어요? 327 00:14:37,150 --> 00:14:38,220 >> 그리고 나는 내 양식이 있습니다. 328 00:14:38,220 --> 00:14:39,890 그리고 나는 어떤 특별한 서식을하지 않았다. 329 00:14:39,890 --> 00:14:42,680 그래서 형태는 하나입니다 정보의 큰 행. 330 00:14:42,680 --> 00:14:46,424 내가 다르게 내 양식을 포맷 한 경우, 나는 그것을 선으로 선으로 줄 수도 있습니다. 331 00:14:46,424 --> 00:14:47,590 하지만 난 어떤 스타일을하지 않았다. 332 00:14:47,590 --> 00:14:49,256 다시 말하지만, 우리는 여기에 CSS에 대해 이야기하지 않을. 333 00:14:49,256 --> 00:14:51,030 우리는 HTML에 대해 얘기하고. 334 00:14:51,030 --> 00:14:53,980 >> 그럼 내 텍스트 형식으로 내가 유형 선택 - 수 기억 유형 텍스트의 형태 335 00:14:53,980 --> 00:14:55,480 그래서 나는 내 이름을 넣을 수 있습니다. 336 00:14:55,480 --> 00:14:57,330 그리고 내 암호 나에 암호를 입력 할 수 있습니다. 337 00:14:57,330 --> 00:14:59,740 그리고 필드 때문에 입력 한 암호입니다 338 00:14:59,740 --> 00:15:01,470 내 비밀번호가 무엇인지 모른다. 339 00:15:01,470 --> 00:15:02,800 그것은 모든 점이다. 340 00:15:02,800 --> 00:15:09,140 >> 나는 또한을 체크하도록 선택할 수 있습니다 라디오 버튼이나 체크 박스를 체크. 341 00:15:09,140 --> 00:15:10,420 아니면 내가 내 양식을 제출 할 수있다. 342 00:15:10,420 --> 00:15:11,810 그리고 난 아무 짓도 안 했어요, 그래서 나는 내 양식을 제출할 때, 343 00:15:11,810 --> 00:15:13,090 페이지는 새로 고칩니다. 344 00:15:13,090 --> 00:15:16,970 하지만 아마도 구성 할 수 있습니다 내 다른 일을 할 버튼을 제출한다. 345 00:15:16,970 --> 00:15:20,410 그리고 우리는 우리가 무엇을 할 수 있는지 볼 수 있습니다 PHP의 미래 비디오에서 그. 346 00:15:20,410 --> 00:15:22,520 그러나 이것은 매우를 구축 간단한 양식이 우리 347 00:15:22,520 --> 00:15:27,360 사용자가 상호 작용하도록 사용할 수 있으며 우리의 웹 사이트에 정보를 제출합니다. 348 00:15:27,360 --> 00:15:29,620 >> 마지막 코멘트 우리 전에 다른 태그로 이동 349 00:15:29,620 --> 00:15:32,040 이 살펴보고있다 입력 된 태그를 한 번 더. 350 00:15:32,040 --> 00:15:35,760 내가 강조했습니다 공지 사항 빨간색 태그의 끝. 351 00:15:35,760 --> 00:15:39,390 우리가 지금까지 본 모든 다른 태그는있다 시작과 끝, 개구를 가지고 352 00:15:39,390 --> 00:15:41,030 태그와 닫는 태그입니다. 353 00:15:41,030 --> 00:15:42,520 >> 그러나 입력 태그하지 않습니다. 354 00:15:42,520 --> 00:15:46,860 진행에 텍스트가 없습니다 입력 태그 사이에. 355 00:15:46,860 --> 00:15:49,160 모든 정보 우리가 전달하고자하는 356 00:15:49,160 --> 00:15:52,640 의 일부로 바인딩 그 입력의 속성. 357 00:15:52,640 --> 00:15:54,690 우리가 입력 이름은 X와 동일해야 알 수 있습니다. 358 00:15:54,690 --> 00:15:55,580 유형 Y 같습니다. 359 00:15:55,580 --> 00:15:57,660 그건 정말 모든 정보 우리가 필요합니다. 360 00:15:57,660 --> 00:15:59,470 >> 이것은 자기 닫는 태그라고합니다. 361 00:15:59,470 --> 00:16:02,470 그것은 열고을 필요로하지 않습니다 근접 모든 정보 때문에 362 00:16:02,470 --> 00:16:04,974 내부에 포함 태그의 속성. 363 00:16:04,974 --> 00:16:06,390 그래서 때로는 당신도,이 표시됩니다. 364 00:16:06,390 --> 00:16:10,400 당신이있는 경우 있도록 단지 인식 완전히 독립적 인 태그, 365 00:16:10,400 --> 00:16:14,170 이 열리고 자신을 닫습니다 왼쪽의 개방 각 브래킷 366 00:16:14,170 --> 00:16:17,000 및 슬래시 각도 오른쪽 브래킷. 367 00:16:17,000 --> 00:16:20,580 우리는 그 중 또 다른 하나를 볼 수 있습니다 지금 이미지 태그뿐만 아니라. 368 00:16:20,580 --> 00:16:23,300 >> 우리는 이미지에 대해 이야기하기 전에, 우리 하이퍼 링크에 대해 이야기 할 필요가있다. 369 00:16:23,300 --> 00:16:26,080 우리가 원하는 경우 우리의 웹 페이지가 될 대화 형 우리를 이동할, 370 00:16:26,080 --> 00:16:28,121 그것은 할 수 좋을 것이다 그 중 하나를 클릭합니다 371 00:16:28,121 --> 00:16:30,190 무슨 일이 일반적으로 블루 링크하고있다. 372 00:16:30,190 --> 00:16:34,440 이것은 우리가 구축하는 방법을 실제로 우리의 웹 페이지의 하이퍼 링크. 373 00:16:34,440 --> 00:16:36,540 그리고 흥미롭게 다른 HTML 태그가있다 374 00:16:36,540 --> 00:16:39,000 하이퍼 링크하지 않은, 링크했다. 375 00:16:39,000 --> 00:16:44,130 여기에 앵커를 의미하고, 그것은 우리가 하이퍼 링크를 표시하는 방법은 다음과 같습니다. 376 00:16:44,130 --> 00:16:49,150 >> HREF는 X 수단으로 이동 동일 웹 페이지 (X) 그리고 모든 377 00:16:49,150 --> 00:16:51,580 태그 열린 사이 그리고 가까운 태그 378 00:16:51,580 --> 00:16:56,010 무슨 일이 될 것입니다 그 밑줄 링크처럼 보이는 파란색 텍스트 379 00:16:56,010 --> 00:16:57,590 우리는 잘 알고있다. 380 00:16:57,590 --> 00:17:01,660 그 아래에서 우리는 이미지 태그를 갖는 자기 표시 태그를 닫는 381 00:17:01,660 --> 00:17:05,599 (X)에있는 이미지와 당신은 변경할 수 있습니다 382 00:17:05,599 --> 00:17:08,280 지정하여 해당 이미지 폭과 높이 383 00:17:08,280 --> 00:17:11,640 다른 속성에 그 점 도트가 점. 384 00:17:11,640 --> 00:17:14,260 >> 여기 맨 아래에서 우리는 매우 흥미를 가지고 385 00:17:14,260 --> 00:17:16,170 태그를 찾고 해당하지 않습니다 닫는 태그가 있습니다. 386 00:17:16,170 --> 00:17:19,410 그것은 느낌표 포인트의 DOCTYPE HTML입니다. 387 00:17:19,410 --> 00:17:23,300 그래서 HTML은 이후 주변왔다 웹 페이지를 구축하기위한 1990 년대 초, 388 00:17:23,300 --> 00:17:25,859 그것은받은 사라 졌어요 그 이후 여러 버전. 389 00:17:25,859 --> 00:17:28,550 가장 최근에는 2014 년 이 개정 시행 390 00:17:28,550 --> 00:17:33,440 지금 현재있는 HTML5라는 사실상 HTML 표준의 종류. 391 00:17:33,440 --> 00:17:36,730 >> 표시 것과 우리의 웹 페이지는 HTML5를 사용하여 작성 392 00:17:36,730 --> 00:17:38,160 우리가 시작하는 방법이다. 393 00:17:38,160 --> 00:17:40,380 그것은 생략 될 수 있지만 그 무엇 기본적으로 394 00:17:40,380 --> 00:17:45,930 수단은 태그 중 하나를 사용할 수있다 HTML5 태그, 그 새로운 태그가 있습니다. 395 00:17:45,930 --> 00:17:48,591 그래서 우리는 항상 시작 우리가 HTML5를 사용하는 경우. 396 00:17:48,591 --> 00:17:51,340 그리고 모든 태그는 우리에 대한 얘기했습니다 이전에 HTML5 태그 아니다. 397 00:17:51,340 --> 00:17:55,470 하지만이 것을 나타냅니다 HTML5 태그는 존재한다. 398 00:17:55,470 --> 00:17:58,400 그래서 우리는 느낌표가 DOCTYPE HTML을, 어떤 399 00:17:58,400 --> 00:18:01,280 의 맨 처음에 우리의 HTML 파일 후 후 그 지점 400 00:18:01,280 --> 00:18:04,930 우리는 실제로 우리의 HTML 열려있는 태그 거기에서 진행합니다. 401 00:18:04,930 --> 00:18:10,050 >> 마지막 하나는, 주석 태그입니다 이는도 약간 다르게 보입니다. 402 00:18:10,050 --> 00:18:12,810 이 각도 오프 시작 브래킷 느낌표 대시 403 00:18:12,810 --> 00:18:15,220 대시 있지만 닫는 대괄호. 404 00:18:15,220 --> 00:18:20,150 이 두 요소 사이에서 당신은 귀하의 의견을 쓸 곳입니다. 405 00:18:20,150 --> 00:18:28,420 그리고의 이미지를 살펴 보자 그리고 의견과 CS50의 IDE에서 링크. 406 00:18:28,420 --> 00:18:32,850 >> 그래서 파일이라는 이미지 링크 여기에있다 내가 열어거야 점 HTML. 407 00:18:32,850 --> 00:18:36,420 그리고 몇있어주의 사항 내 HTML 주석 여기에 코멘트. 408 00:18:36,420 --> 00:18:38,990 그러니 그냥 C와 다른처럼 프로그래밍 언어, 409 00:18:38,990 --> 00:18:43,169 다만 마크 업 언어 인 HTML로 코멘트를 가질 수있는 능력을 가지고있다. 410 00:18:43,169 --> 00:18:45,710 그래서 나는 분명히 갈거야 릭 Astley의 사진을 배치 411 00:18:45,710 --> 00:18:49,060 어딘가에이 DIV 사이 태그,이 임의의 분할. 412 00:18:49,060 --> 00:18:51,497 분명히 그 파일입니다 릭 점 JPEG에 위치하고있는 413 00:18:51,497 --> 00:18:53,580 우리는을 통해 머리를 뒤로 경우 두 번째 내 파일 트리, 414 00:18:53,580 --> 00:18:55,490 에 존재하는 파일입니다 현재 디렉토리. 415 00:18:55,490 --> 00:18:56,031 그래서 괜찮아요. 416 00:18:56,031 --> 00:18:57,710 나는 그것을 참조 할 수 있습니다. 417 00:18:57,710 --> 00:18:59,680 >> 그럼 내부 링크를 가질 수 있습니다. 418 00:18:59,680 --> 00:19:05,080 그래서 여기에 라인 (11)에 통지 내 HREF 안녕하세요 도트 HTML입니다. 419 00:19:05,080 --> 00:19:09,050 그래서는 점 HTML 안녕을 말한다 이는 현재 디렉토리에 존재한다. 420 00:19:09,050 --> 00:19:12,980 그리고 외부를 가질 수 있습니다 HTTPS 단지 지정하여 링크 421 00:19:12,980 --> 00:19:16,180 내가 이야기하고 있지 않다 있음을 나타냅니다 나의 현재 디렉토리에있는 파일에 대한. 422 00:19:16,180 --> 00:19:19,730 내가 존재하는 파일에 대해서 이야기하고 어딘가에 내가 가지고있는 인터넷에 423 00:19:19,730 --> 00:19:23,370 HTTP 프로토콜을 사용하여 요청한다. 424 00:19:23,370 --> 00:19:25,990 >> 그럼 살펴 보자 무엇 이 페이지는 다음과 같을 수 있습니다 425 00:19:25,990 --> 00:19:29,500 릭의 사진에 대한 준비 Astley가 화면에 표시합니다. 426 00:19:29,500 --> 00:19:31,490 그래서 나는이를 미리 것이다. 427 00:19:31,490 --> 00:19:33,800 릭 Astley는에있다 이 임의의 맨 428 00:19:33,800 --> 00:19:35,008 부문 나는 상단에 넣어. 429 00:19:35,008 --> 00:19:36,960 그리고 아래 나는 아래 내 링크가, 오른쪽? 430 00:19:36,960 --> 00:19:39,330 >> 나는 안녕하세요 도트 HTML로 링크를. 431 00:19:39,330 --> 00:19:42,860 그리고 나는 그것을 클릭하면, 내가 얻을 이 페이지를 통해 이동 432 00:19:42,860 --> 00:19:47,050 우리는에서 매우 잘 알고 있음 우리의 프로그램의 시작. 433 00:19:47,050 --> 00:19:50,880 나는 다시 개방 해당 페이지를 팝업, 난 경우 팝 이미지 링크는 한 번 더 열고 434 00:19:50,880 --> 00:19:54,420 또한 외부 적으로 갈 수있다 CS50의 웹 사이트에. 435 00:19:54,420 --> 00:19:56,740 그리고 거기에 우리는 내가거야 see-- 조금 축소 here-- 436 00:19:56,740 --> 00:20:00,260 우리의 CS50의 웹 사이트 종류를 볼 수 있습니다 우리 페이지 중간에 매립. 437 00:20:00,260 --> 00:20:04,670 그래서 내부를 확인 할 수 있었다 외부 링크뿐만 아니라 연결합니다. 438 00:20:04,670 --> 00:20:07,200 >> HTML과 마지막 규칙이 우리는 여기에 대해 이야기하는거야 439 00:20:07,200 --> 00:20:09,510 당신의 HTML을 잘 구성해야한다는 것입니다. 440 00:20:09,510 --> 00:20:13,020 C에서 우리에 대해 많은 이야기 사물의 다양한 구문. 441 00:20:13,020 --> 00:20:17,650 HTML의 구문 정말 태그를 중심으로 돌아 가지. 442 00:20:17,650 --> 00:20:19,660 당신이 열 때마다 태그를 폐쇄해야합니다. 443 00:20:19,660 --> 00:20:22,630 그리고 사실, 모든 태그를 열고 역순으로 닫아야합니다. 444 00:20:22,630 --> 00:20:25,790 >> 그래서 당신은 대담한 태그를 열 경우, 기울임 태그하고 밑줄 태그 445 00:20:25,790 --> 00:20:28,120 에 세 가지를 모두 수행하는 텍스트의 특정 세트, 446 00:20:28,120 --> 00:20:30,070 당신은 역순으로 닫아야합니다. 447 00:20:30,070 --> 00:20:32,270 당신이 대담한 개방한다면, 이탤릭체, 당신은, 밑줄 448 00:20:32,270 --> 00:20:35,240 굵게, 밑줄, 기울임 꼴을 닫으려면. 449 00:20:35,240 --> 00:20:39,990 캡슐화 이런 종류의 무엇이다 HTML은 좋은 조직 유지합니다. 450 00:20:39,990 --> 00:20:44,370 >> C는 달리,하지만, 구문 오류는하지 않습니다 실제로 아마도 당신의 HTML을 마비. 451 00:20:44,370 --> 00:20:48,730 당신의 HTML은하지 잘 할 수있다 형성하지만 여전히 작동합니다. 452 00:20:48,730 --> 00:20:50,589 그리고 이러한 오류 하여 슬라이드의 정렬 할 수 있습니다. 453 00:20:50,589 --> 00:20:52,130 정말 경계로 당신에게 달려 있습니다. 454 00:20:52,130 --> 00:20:54,760 때로는 실패하지만 때때로 당신은 멀리 얻을 수 있습니다. 455 00:20:54,760 --> 00:20:56,509 >> 그것은 정말 될 수 있습니다 어려운 작업하지만, 456 00:20:56,509 --> 00:21:00,660 당신이 열 때 추적하기 태그, 당신이 그것을 닫을 때, 457 00:21:00,660 --> 00:21:04,110 특히 HTML로 파일은 더 크고 더 큰 얻을. 458 00:21:04,110 --> 00:21:05,490 당신은 약간의 도움이 필요합니다. 459 00:21:05,490 --> 00:21:07,560 그리고 온라인있다 검증 도구 당신 460 00:21:07,560 --> 00:21:11,474 웹에서보기를하는 데 사용할 수있는 페이지와는 잘 구성 HTML의 경우를 참조하십시오. 461 00:21:11,474 --> 00:21:13,390 그리고 당신은 확실히해야 그 살펴 462 00:21:13,390 --> 00:21:16,620 당신로 사용하기 시작 HTML을 몇 가지 일을 시작, 463 00:21:16,620 --> 00:21:20,800 당신이 얻으 있도록, HTML을 작성 조직에 대한 몇 가지 좋은 습관 464 00:21:20,800 --> 00:21:24,377 좋은 방법으로 HTML과 좋은 스타일과 확인하고 465 00:21:24,377 --> 00:21:27,210 당신은 아무것도 안하고 있다는 것을 그 구문 오류를 만들 수있는 466 00:21:27,210 --> 00:21:30,270 당신의 비트를 야기 도로의 아래 문제. 467 00:21:30,270 --> 00:21:31,190 >> 나는 더그 로이드입니다. 468 00:21:31,190 --> 00:21:33,450 이 CS50입니다. 469 00:21:33,450 --> 00:21:34,859