|
HTML&CSSresumé 1. htmlGrundformat <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGrammatikregler for tags <Tagnavn-attribut1=Ejendomsværdi1" attribut2=Ejendomsværdi2”>Tag</Tagnavn> 3. Hyperlink-tags <a href="hvor skal man hoppe" ></a> Funktion: Sidespring. Spørgsmål: Hvis du vil gøre et billede (picture1.jpg) hyperforbundet, hvordan skal du så skrive det? <a href=""><img src="picture1.jpg" /></a> 4. Tabellers syntaks <table> <tr> <td> Små former </td> <td>Indhold</td> </tr> </table> Bemærk: Indholdet af formularen skal være skrevet påTDIndenfor 5. Almindelige egenskaber for tabeller a) Tabel:kant=Spillernumre(Bezel) bordercolor=Kantfarvebgcolor=BaggrundsfarveCellspacing=Antal (afstand mellem celler) cellpadding=antal (afstand mellem indhold og tabelkant)højde="Faste numre|Procentdel%"Højdebredde="Faste numre|Procentdel%"Bredde b) Tr: bgcolor=Baggrundsfarvehøjde="Faste numre|Procentdel%"Højdebredde="Faste numre|Procentdel%"BreddeBordercolor c) Td: bgcolor=Baggrundsfarvehøjde="Faste numre|Procentdel%"Højdebredde="Faste numre|Procentdel%"Breddecolspan=Tal (Sammenflettet kolonner)rækkespan=Tal (Sammenfletting af rækker)Bordercolor Spørgsmål: Hvordan sætter man tykkelsen og farven på kanten, når billedet er centreret? Kant-bredde Kant-farve 6. former a) Funktion: Indsend data til serveren b) Syntaks:<form ></form> c) Formelementer 1. inputtags i. Tekst<inputtype=tekst /> ii. Adgangskoder<inputtype=adgangskode /> iii. Enkeltvalg<inputtype=radionavn="Navn samme" /> iv. Flere valg<inputtype=afkrydsningsboks /> v. knapper<inputtype=knap /> Indsend<inputtype=indsend /> Nulstil<inputtype=nulstill> Attributter: Tekst:størrelse=Tekstlængdemaxlængde=Maksimale tegn kan indtastes Vælg:TjekketValgt som standard Knapper:værdi=Teksten vises over knappen 2Dropdown-etiketter: Syntaks, Egenskaber <vælg flere(Flere valg er mulige)størrelse=Du kan se antallet af muligheder> <mulighed valgt(Valgt som standard)>Indhold</option> </select> 7. CSSKaskaderende stilark Funktion: Berig indhold og reducer kodevolumen Skrivning: Sted (3arter) 1. I række:Tilføj attributter direkte til tagsstil="ejendom:Attributværdi;…” 2. Indlejring:vedHovedEtiketskrivning:<stiltype="tekst/css"> Selector{Egenskaber:Attributværdi;…} </style> Pointer3Grundlæggende vælgere:htmlSelector,KlasseKlassevælger (.klassenavn),idSelector (#idNavn) er den eneste 3. Ekstern:Opret en separat.cssfil, og tilføj derefter referencekoden til den side, du vil bruge, ja2Slags skrivning Husk en: vedHovedTilføj tags indeni<link rel="stylesheet" type="text/css" href="stylesheet filnavn.css”> Bemærk: Hvis der er en konflikt i stilarket, prioriter inline, før du bruger inline, og brug til sidst outside Spørgsmål: BrugDIV+CSSLayout ogTabelFordele og ulemper ved layout? 8. Pseudoklasse (selektor) a:link {farve: #FF0000} /* ubesøgte links */ a:besøgt {farve: #00FF00} /*Links, der er blevet besøgt*/ a:hovover {farve: #FF00FF} /* Musebevægelse for at linke */ a:aktiv {farve: #0000FF} /*Udvalgt link*/ 9. DIV(Kassemodel) Funktion: SubstitutTabelTabel Skrivning:<div>Indhold (kan være indlejret).Div）</div> Anvendelse: Indsat bredde og højde, kan kombineresStillingEgenskaber Almindelige egenskaber: 1. grænse: Kassens tykkelse 2. margin: afstanden mellem boksene 3. polstring: afstanden mellem indholdet i kassen og kassen. 4. højde、Bredde: Højde, bredde 5. Baggrund: Kassefarve, mønster 6. flyde: Sædet i logenVenstre、Højre 10. PasDrømmevæverOpret en skabelon Funktion: Opnå samme webstil, reducere mængden af kode og forbedre effektiviteten af webudvikling Sådan opretter og bruger man skabeloner 1. Create: file à new à regular à HTMLskabelonà Create 2. Gem: Gem på din egen hjemmeside, bemærk: Den korrekte sti er, at en Templates-mappe vil vises nederst på hjemmesiden, som gemmer skabelonfilerne (.dwt） 3. Skrivning: Ligesom med at skrive almindelige sider, sæt og skriv samme type indhold på hjemmesiden. For forskelligt indhold skal du oprette et redigerbart område (hold musen over det redigeringsområde, du vil oprette à højreklik og vælg Skabelon à Nyt redigerbart område) 4. Opret en side baseret på en skabelon: Fil à Ny à Skabelon à Vælg den skabelon, der skal bruges 11. DrømmevæverRelaterede videnspunkter A. BeståetDrømmevæverOpret en hjemmeside: Hjemmesideà New site à advanced à local information Navngiv stedet og sæt stien til stedet Bemærk: Sitetstien bør ikke være på kinesisk BFortrolighedDrømmevæverVi skal vide, hvordan vi kan outputte de grundlæggende tags, vi lærte tidligere Fokus er på typografi af siden gennem tabeller CIDrømmevæverVed brug af et hyperlink (relative og absolutte adresser) 12. CSSAlmindelige egenskaber border:1px solid #000000; /*ved grænsen3Almindelige egenskaber*/ bredde; højde; /*Indstil bredde og højde*/ tekst-align /*Indstil indholdet til midten til venstre og højre*/ linjehøjde /*Justeringsindholdet er centreret op og ned*/ flyd /*Flyder(Floating skal bruges til at lave horisontale hyperlinks)*/ margin /*Indstil boksens ydre afstand*/ fyldning /*Indstil afstanden inde i boksen*/ Position /*Positionering, for at være med senereVenstre topBrug sammen*/ color:#000000; /*Indstil tekstfarven*/ background-color:#000000; /*Indstil baggrundsfarven*/ font-size:14px; /*Sæt skriftstørrelsen*/ Tekstdekoration /*Sæt om hyperlinket er understreget, bruges genereltUnderstregningelleringen*/ list-style-type:none; /*Stil hyperlinket (ingen prikker)*/
| 
Opslået på 09/11/2014 10.42.19
|
|
|
Opslået på 10/11/2014 13.27.37
