1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> డౌ LLOYD: సో మేము గడిపిన గురించి నా గణిత కుడి ఉంటే, 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 మరియు మేము కవర్ లేదు సి లో ప్రతిదీ, కానీ మేము 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 మీరు ఇప్పటికే చేసిన జ్ఞానం సి అవగాహన ఏర్పడి 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-- దేనిని ఏమి మేము HTML మరియు ఈ టాగ్లు టాగ్లు ఉపయోగించడానికి 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 మరియు కోర్సు యొక్క, సంప్రదాయకంగా, కేవలం మీ సి కార్యక్రమాలు అన్ని రాసాడు 53 00:02:32,220 --> 00:02:35,300 డాట్ సి పొడిగింపులతో, మీ 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 Well, సరే, ఆ ఏముంది? 59 00:02:46,010 --> 00:02:48,550 >> Well బహుశా అది చేయడం ఉత్తమం ఒక శరీరం ద్వారా వేరు, 60 00:02:48,550 --> 00:02:50,590 శరీర వెబ్ పేజీ యొక్క కంటెంట్ ఉండటం. 61 00:02:50,590 --> 00:02:55,860 కాబట్టి బహుశా తల ట్యాగ్ stuff నిర్వచిస్తుంది ఆ, బ్రౌజర్ విండోలో సరైన కాదు 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 Chrome లో టాబ్ లో చూపిస్తుంది లేదా Safari లేదా 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 ఇండెంట్ చేసిన నిజంగా nice మరియు వ్యవస్థీకృత 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 >> ఆ వంటి ఇండెంటేషన్ని మరియు stuff నిజానికి 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 నిజంగా ప్రాథమిక stuff యొక్క. 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 Chrome లో అది సాధారణంగా 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 Well మీరు కేవలం మీ డెవలపర్ తెరుచుకుంటుంది ఆ మూలకం పైగా టూల్స్ మరియు హోవర్ 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 కాబట్టి మేము కేవలం ఎంటర్ నొక్కండి కాదు మరియు మా కంప్యూటర్ ఆశించే 167 00:07:41,636 --> 00:07:43,760 మేము కావలసిన అనువదించేందుకు ఒక కొత్త పేరా ప్రారంభించడానికి. 168 00:07:43,760 --> 00:07:47,670 మేము చాలా స్పష్టంగా ఈ చెప్పే ఈ పేరా ఒక another-- ఉంది 169 00:07:47,670 --> 00:07:50,740 పి టాగ్లు సెట్లో ఒకదానితో మూసివేయడం ద్వారా. 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 >> యొక్క బహుశా కొన్ని పరిశీలించి లెట్ పి టాగ్లు మరియు కొన్ని శీర్షిక టాగ్లు 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 చాలా ఇక్కడ అక్కడ జరగబోతోంది నేను కొన్ని లోరెం ఉంచాము ఎందుకంటే 182 00:08:23,000 --> 00:08:24,660 ఇప్సమ్, ఇక్కడ కొన్ని కేవలం యాదృచ్ఛిక టెక్స్ట్. 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-- లోరెం కొంత ipsum-- 187 00:08:36,010 --> 00:08:38,720 కేవలం టెక్స్ట్ ప్రామాణిక నింపి డిఫాల్ట్. 188 00:08:38,720 --> 00:08:41,970 నేను ఆ లోపల రెండు పేరాలు ఉన్నాయి ఒకటవ స్థాయి శీర్షిక ఆపై డౌన్ నేను క్రింద 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 Well ఈ కనిపిస్తుంది చేస్తుంది నా ప్రివ్యూ లో చూడడానికి ఉంటే? 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 వారు అన్ని కేవలం కలిసి స్లామ్ ఉంటుందని మరియు ఈ nice పేరా ఉండదనే 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 కాబట్టి మేము క్రమం కలిగి జాబితాలు 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 అందువలన ఈ జాబితా రెడీ ఆరు వద్ద లెక్కింపు మొదలు. 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 Well, TD పట్టిక డేటా కోసం నిలుస్తుంది. 246 00:11:25,940 --> 00:11:27,900 సాధారణంగా మీరు పెట్టటం చేస్తున్నారు అక్కడ మీ సమాచారం. 247 00:11:27,900 --> 00:11:29,440 ఇది టీడీ మరియు 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 Well, అది చూడటానికి నిజంగా కాదు. 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 మేము ఈ ఆలోచన సందర్శించండి చేస్తాము మేము ఒక పట్టిక తయారు చేయడానికి ఏమి 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 లేదా రేడియో బటన్ మీరు ticking, లేదా చెక్ 290 00:13:12,580 --> 00:13:14,310 మీరు ఆఫ్ ticking చేస్తున్న బాక్సులను. 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 మేము లోపల stuff ఉంచవచ్చు divs యొక్క, మరియు నిజానికి, 306 00:13:47,619 --> 00:13:49,410 మేము పైగా తలనొప్పి ఉన్నప్పుడు రెండవ IDE, మేము చేస్తాము 307 00:13:49,410 --> 00:13:53,760 నేను పెట్టటం కాబట్టి చూడండి నా ఒక DIV యొక్క లోపల ఏర్పాటు. 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 ఆపై బదులుగా మరొక div తరువాత, లైన్ ఎనిమిది ప్రారంభమయ్యే 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 Well, ఈ ఏమి అన్ని నిజానికి కనిపిస్తుంది? 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 లేదా నేను నా రూపం submit కాలేదు. 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 కానీ నేను బహుశా ఆకృతీకరించుటకు కాలేదు నా ఏదో చేయాలని submit బటన్. 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 వినియోగదారులు పరస్పరం కలిగి ఉపయోగించవచ్చు మరియు మా వెబ్సైట్ సమాచారం submit. 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 కాబట్టి కేవలం సి మరియు ఇతర వంటి ప్రోగ్రామింగ్ భాషలు, 409 00:18:38,990 --> 00:18:43,169 కేవలం ఒక మార్కప్ భాష ఉండటం ద్వారా HTML వ్యాఖ్యలు సామర్థ్యం కలిగి లేదు. 410 00:18:43,169 --> 00:18:45,710 కాబట్టి నేను స్పష్టంగా వెళుతున్న రిక్ ఆష్లే యొక్క ఒక చిత్రం ఉంచండి 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 మరియు రిక్ యొక్క ఒక చిత్రానికి సిద్ధంగా పొందుటకు ఆష్లే మీ స్క్రీన్ లో చూపబడతాయి. 426 00:19:29,500 --> 00:19:31,490 నేను ఈ మునుజూపు చేస్తాము. 427 00:19:31,490 --> 00:19:33,800 రిక్ ఆష్లే వద్ద ఉంది ఈ ఏకపక్ష లో అగ్రభాగాన 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-- ఒక కొద్దిగా దూరంగా ఇక్కడ 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 సి లో మేము గురించి చాలా మాట్లాడారు విషయాలు వివిధ సింటాక్స్. 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 nice మరియు వ్యవస్థీకృత ఉంచుతుంది. 450 00:20:39,990 --> 00:20:44,370 >> సి కాకుండా, అయితే, వాక్యనిర్మాణ లోపాలను లేదు రెడీ నిజానికి బహుశా మీ 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