|
HTML&CSSsammanfattning 1. htmlGrundformat <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGrammatikregler för taggar <Taggnamnattribut1=Fastighetsvärde1" attribut2=Fastighetsvärde2”>tagg</Taggnamn> 3. Hyperlänktaggar <a href="var ska man hoppa" ></a> Funktion: Sidhopp. Fråga: Om du vill göra en bild (picture1.jpg) hypersammankopplad, hur bör du skriva den? <a href=""><img src="picture1.jpg" /></a> 4. Tabellsyntax <table> <tr> <td> Små former </td> <td>Innehåll</td> </tr> </table> Observera: Innehållet i formuläret måste vara skrivet iTDInuti 5. Vanliga egenskaper hos tabeller a) Tabell:ram=Tal(Bezel) bordercolor=Kantfärgbgcolor=BakgrundsfärgCellspacing=Antal (avstånd mellan celler) cellpadding=nummer (avstånd mellan innehåll och tabellram)höjd="Fasta nummer|Procent%"Höjdbredd="Fasta nummer|Procent%"Bredd b) Tr: bgcolor=Bakgrundsfärghöjd="Fasta nummer|Procent%"Höjdbredd="Fasta nummer|Procent%"BreddBordercolor c) Td: bgcolor=Bakgrundsfärghöjd="Fasta nummer|Procent%"Höjdbredd="Fasta nummer|Procent%"Breddcolspan=Nummer (Sammanfogningskolumner)Rowspan=Nummer (Sammanfoga rader)Bordercolor Fråga: Hur ställer man in tjocklek och färg på kanten när bilden är centrerad? Kantbredd Kantfärg 6. Former a) Funktion: Skicka data till servern b) Syntax:<form ></form> c) Formelement 1. inmatningTaggar i. Text<inputtype=text /> ii. Lösenord<inmatningstyp=lösenord /> iii. Enhandsval<ingångstyp=radionamn="Namn samma" /> iv. Flera val<input type=kryssruta /> v. knappar<inmatningstyp=knapp /> Skicka in<input type=submit /> Återställ<inmatningstyp=återställ> Attribut: Text:storlek=Textlängdmaxlängd=Maximalt antal tecken kan anges Välj:KontrolleratValda som standard Knappar:värde=Texten som visas ovanför knappen 2Rullgardinsmenyer: Syntax, egenskaper <välj flera(Flera val är möjliga)storlek=Du kan se antalet alternativ> <alternativ valt(Vald som standard)>Innehåll</option> </select> 7. CSSKaskadstilblad Funktion: Berika innehåll och minska kodvolymen Skrivande: Plats (3arter) 1. I rad:Lägg till attribut direkt i taggarstil="egendom:Attributvärde;…” 2. Inbäddning:vidHuvudEtikettskrivning:<stiltyp="text/css"> Selector{Egenskaper:Attributvärde;…} </style> Poäng3Grundläggande väljare:htmlSelector,KlassKlassväljare (.klassnamn),IdSelector (#idNamn) är den enda 3. Externt:Skapa en separat.cssfil, och lägg sedan till referenskoden på sidan du vill använda, ja2Typ av skrivande Kom ihåg en: vidHuvudLägg till taggar inuti<länk rel="stilmall" typ="text/css" href="stilmallsfilnamn.css”> Obs: Om det finns en konflikt i stilmallen, prioritera inline innan du använder inline och använd slutligen outside Fråga: AnvändningDIV+CSSLayout ochTabellFör- och nackdelar med layout? 8. Pseudoklass (selektor) A:länk {färg: #FF0000} /* obesökta länkar */ A:Besökt {färg: #00FF00} /*Länkar som har besökts*/ a:hovra {färg: #FF00FF} /* Musflytta för att länka */ a:aktiv {färg: #0000FF} /*Vald länk*/ 9. DIV(Boxmodell) Funktion: ErsättaTabellTabell Manus:<div>Innehåll (kan vara nästlat).Div）</div> Användning: Inställd bredd och höjd, kan kombinerasPlaceringEgenskaper Vanliga egenskaper: 1. gräns: Lådans tjocklek 2. marginal: avståndet mellan lådorna 3. utstoppning: avståndet mellan innehållet i lådan och lådan. 4. höjd、Bredd: Höjd, bredd 5. Bakgrund: Färg på lådan, mönster 6. flytande: Logens säteVänster、Höger 10. PasseraDrömvävareSkapa en mall Funktion: Uppnå samma webbplatsstil, minska mängden kod och förbättra effektiviteten i webbplatsutvecklingen Hur man skapar och använder mallar 1. Skapa: file à new à regular à HTMLmallà Create 2. Spara: Spara på din egen webbplats, notera: Den korrekta sökvägen är att en mapp för mallar visas längst ner på webbplatsen, som lagrar mallfilerna (.dwt） 3. Skrivande: Precis som att skriva vanliga sidor, sätta och skriva samma stil av innehåll på webbplatsen. För olika innehåll behöver du skapa ett redigerbart område (håll muspekaren över redigeringsområdet du vill skapa à högerklicka och välj Mall à Nytt redigerbart område) 4. Skapa en sida baserad på en mall: Fil à Ny à Mall à Välj mallen att använda 11. DrömvävareRelaterade kunskapspunkter A. GodkändDrömvävareSkapa en webbplats: Webbplatsà New site à advanced à local information Namnge platsen och ställ in vägen till platsen Observera: Platsens väg ska inte vara på kinesiska BIgenkänningDrömvävareVi behöver veta hur vi skriver ut de grundläggande taggarna vi lärde oss tidigare Fokus ligger på typografi av sidan genom tabeller CIDrömvävaremed hjälp av en hyperlänk (relativa och absoluta adresser) 12. CSSVanliga egenskaper border:1px solid #000000; /*av gränsen3Vanliga egenskaper*/ bredd; höjd; /*Ställ in bredd och höjd*/ Text-align /*Ställ in innehållet till mitten vänster och höger*/ Linjehöjd /*Justeringsinnehållet är centrerat upp och ner*/ flytande /*Flott(Flytande hyperlänkar måste användas för att skapa horisontella hyperlänkar)*/ marginal /*Ställ in boxens yttre avstånd*/ utfyllnad /*Ställ in avståndet inuti lådan*/ Position/*Positionering, för att vara med senareVänster överstAnvänd tillsammans*/ color:#000000; /*Ställ in textfärgen*/ background-color:#000000; /*Ställ in bakgrundsfärgen*/ font-size:14px; /*Ställ in teckenstorleken*/ Textdekoration /*Ange om hyperlänken är understruken, används vanligtvisUnderstrykningellerIngen*/ list-style-type:none; /*Styla hyperlänken (inga prickar)*/
2013HTML复习.doc
(44 KB, Antal nedladdningar: 0, Försäljningspris: 1 Korn MB)
| 
Publicerad på 2014-11-09 10:42:19
|
|
|
Publicerad på 2014-11-10 13:27:37
