|
HTML&CSSrezumat 1. htmlFormat de bază <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlReguli gramaticale pentru etichete <Atributul Numelui Etichetei1=Valoarea proprietății1" atribut2=Valoarea proprietății2”>etichetă</Nume de tag> 3. Etichete de hyperlink <a href="unde să sari" ></a> Funcție: Salt pe pagină. Întrebare: Dacă vrei să faci o imagine (picture1.jpg) hiperconectată, cum ar trebui să o scrii? <a href=""><img src="picture1.jpg" /></a> 4. Sintaxa tabelelor <table> <tr> <td> Forme mici </td> <td>Conținut</td> </tr> </table> Notă: Conținutul formularului trebuie scris înTDîn interior 5. Atribute comune ale tabelelor a) Tabel:graniță=Numere(Bezelă) culoare de frontieră=Culoarea marginiibgcolor=Culoare de fundalintervalul celulelor=Număr (distanța dintre celule) cellpadding=număr (distanță între conținut și marginea tabelului)înălțime="Numere fixe|Procentaj%"Înălțimelățime="Numere fixe|Procentaj%"Lățime b) Tr: bgcolor=Culoare de fundalînălțime="Numere fixe|Procentaj%"Înălțimelățime="Numere fixe|Procentaj%"Lățimeculoare de graniță c) Td: bgcolor=Culoare de fundalînălțime="Numere fixe|Procentaj%"Înălțimelățime="Numere fixe|Procentaj%"Lățimecolspan=Numere (coloane de fuziune)rowspan=Numere (rânduri de fuziune)culoare de graniță Întrebare: Cum să setezi grosimea și culoarea marginii când imaginea este centrată? Lățime-margine Culoare-margine 6. Forme a) Funcție: Trimiterea datelor către server b) Sintaxă:<formă ></form> c) Elemente de formă 1.inputEtichete i. Text<tip de intrare=text /> ii. Parole<tip de intrare=parolă /> iii. Alegere unică<tip de intrare=nume radio="Nume la fel" /> iv. Opțiuni multiple<tip de intrare=casetă de bifat /> v. butoane<tip de intrare=buton /> Trimite<input type=submit /> Resetare<tip de intrare=resetare> Atribute: Text:mărimea =Lungimea textuluimaxlength=Se pot introduce un număr maxim de caractere Selectează:BifatSelectat implicit Nasturi:value=Textul afișat deasupra butonului 2Etichete derulante: Sintaxă, Proprietăți <selectează mai multe(Sunt posibile mai multe selecții)mărimea =Poți vedea numărul de opțiuni> <opțiune selectată(Selectat implicit)>Conținut</option> </select> 7. CSSFișe de stil în cascadă Funcție: Îmbogățirea conținutului și reducerea volumului de cod Scriere: Locul (3specii) 1. În rând:Adaugă atribute direct la etichetestil="proprietate:Valoarea atributului;…” 2. Încorporare:laCapScrierea etichetei:<tip de stil="text/CSS"> Selector{Proprietăți:Valoarea atributului;…} </style> Puncte3Selectori de bază:HTMLSelector,ClasăSelector de clase (.numele clasei),IdSelector (#idNume) este singurul 3. Extern:Creează unul separat.cssși apoi adaugă codul de referință pe pagina pe care vrei să o folosești, da2Un fel de scris Amintește-ți unul: laCapAdaugă etichete în interior<link rel="stylesheet" type="text/css" href="stylesheet file filename.css”> Notă: Dacă există un conflict în foaia de stil, prioritizează inline înainte de a folosi inline și în final folosește outside Întrebare: UtilizareDIV+CSSConfigurație șiClasamentAvantaje și dezavantaje ale layout-ului? 8. Pseudoclasă (selector) a:link {color: #FF0000} /* linkuri nevizitate */ a:vizitat {color: #00FF00} /*Linkuri care au fost vizitate*/ a:pasează cursorul {color: #FF00FF} /* Mută mouse-ul către link */ a:active {color: #0000FF} /*Link selectat*/ 9. Divizie(Model de cutie) Funcție: ÎnlocuitorTabelClasament Scriere:<div>Conținut (poate fi imbricat).divizie）</div> Utilizare: Lățimea setului și înălțimea pot fi combinatePozițieAtribute Proprietăți comune: 1. Graniță: Grosimea cutiei 2. Marjă: distanța dintre cutii 3. Căptușeală: distanța dintre conținutul cutiei și cel al cutiei. 4. Înălțime、Lățime: Înălțime, lățime 5. Context: Culoarea cutii, modelul 6. Plutește: Locul lojeiStânga、Dreapta 10. TreceȚesătorul de viseCreează un șablon Funcție: Obținerea aceluiași stil de site, reducerea cantității de cod și îmbunătățirea eficienței dezvoltării site-ului Cum să creezi și să folosești șabloane 1. Creează: fișier à new à regular à HTMLșablonà Create 2. Salvează: Salvează pe propriul tău site, notă: Calea corectă este ca un folder Șabloane să apară în partea de jos a site-ului, care stochează fișierele șabloane (.dwt） 3. Scrierea: La fel ca în scrierea paginilor obișnuite, tiparirea și scrierea aceluiași stil de conținut pe site. Pentru conținut diferit, trebuie să creezi o zonă editabilă (treci cursorul peste zona de editare pe care vrei să o creezi cu click dreapta și selectezi Șablon la Nouă zonă editabilă) 4. Creează o pagină bazată pe un șablon: File à New à Template à Select șablonul de folosit 11. Țesătorul de visePuncte de cunoaștere conexe R. A trecutȚesătorul de viseCreează un site web: Siteà Site nou à avansat à informații locale Denumește locul și stabilește traseul către el Notă: Traseul sitului nu ar trebui să fie în limba chineză BFamiliaritateȚesătorul de viseTrebuie să știm cum să generăm etichetele de bază pe care le-am învățat anterior Accentul este pus pe tipografia paginii prin tabele CÎnȚesătorul de visefolosind un hyperlink (adrese relative și absolute) 12. CSSAtribute comune border:1px solid #000000; /*de la graniță3Atribute comune*/ lățime; înălțime; /*Setează lățimea și înălțimea*/ text-align /*Setează conținutul pe centru stânga și dreapta*/ înălțimea liniei /*Conținutul de ajustare este centrat în sus și în jos*/ plutește /*Float(Flotantul trebuie folosit pentru a crea hyperlinkuri orizontale)*/ marjă /*Setează distanța exterioară a cutiei*/ umplutură /*Setează distanța în interiorul cutiei*/ Poziție /*Poziționare, cu care să fiu mai târziustânga susUtilizare împreună*/ color:#000000; /*Setează culoarea textului*/ background-color:#000000; /*Setează culoarea de fundal*/ font-size:14px; /*Setează dimensiunea fontului*/ Decorațiune-text /*Setați dacă hyperlink-ul este subliniat, folosit în generalSubliniazăsauniciuna*/ list-style-type:none; /*Stilizează hyperlink-ul (fără puncte)*/
2013HTML复习.doc
(44 KB, Numărul de descărcări: 0, Prețul de vânzare: 1 Grain MB)
| 
Postat pe 09.11.2014 10:42:19
|
|
|
Postat pe 10.11.2014 13:27:37
