2013 m. HTML ir CSS apžvalgos santrauka

Admin · Paskelbta 2014-11-09 10:42:19

HTML ir CSSsuvestinė

1. htmlPagrindinis formatas

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

2. htmlŽymų gramatikos taisyklės

<Žymės pavadinimo atributas1 =Nekilnojamojo turto vertė1" atributas2 =Nekilnojamojo turto vertė2”>žyma</Žymės pavadinimas>

3. Hipersaitų žymės

Funkcija: Puslapio šuolis.

Klausimas: Jei norite padaryti vaizdą (picture1.jpg) hipersujungtą, kaip turėtumėte jį parašyti?

4. Lentelių sintaksė

<table>

<tr>

<td>

Mažos formos

</td>

<td>turinys</td>

</tr>

</table>

Pastaba: formos turinys turi būti parašytastdviduje

5. Bendrieji lentelių atributai

a) Lentelė:border=Skaičiai(Rėmelis) bordercolor=Krašto spalvabgcolor=Fono spalvatarpai tarp langelių=Skaičius (atstumas tarp langelių) cellpadding=number (atstumas tarp turinio ir lentelės kraštinės)aukštis ="Fiksuoti skaičiai|Procentas%"Ūgisplotis ="Fiksuoti skaičiai|Procentas%"Plotis

b) Tr: bgcolor=Fono spalvaaukštis ="Fiksuoti skaičiai|Procentas%"Ūgisplotis ="Fiksuoti skaičiai|Procentas%"PlotisKrašto spalva

c) Td: bgcolor=Fono spalvaaukštis ="Fiksuoti skaičiai|Procentas%"Ūgisplotis ="Fiksuoti skaičiai|Procentas%"Plotiscolspan =Skaičiai (sulieti stulpelius)eilučių intervalas =Skaičiai (sulieti eilutes)Krašto spalva

Klausimas: Kaip nustatyti kraštinės storį ir spalvą, kai paveikslėlis yra centre?

Kraštinės plotis Kraštinės spalva

6. Formos

a) Funkcija: pateikite duomenis į serverį

b) Sintaksė:< formos ></form>

c) Formos elementai

1. ĮvestisŽymos

i. Tekstas<input type=tekstas />

ii. Slaptažodžiai<input type=slaptažodis />

iii. Vienas pasirinkimas<įvesties tipas=Radijo pavadinimas="Vardas tas pats" />

iv. Keli pasirinkimai<input type=žymimasis laukelis />

V. Mygtukai<input type=mygtukas /> Pateikti<input type=submit /> Atstatyti<input type=reset>

Atributai: Tekstas:dydis =Teksto ilgismaksimalus ilgis =Galima įvesti maksimalų simbolių skaičių

Pasirinkite:patikrintaPasirinkta pagal numatytuosius nustatymus

Mygtukai:vertė =Virš mygtuko rodomas tekstas

2Išskleidžiamosios etiketės: sintaksė, ypatybės

< pasirinkta parinktis(Pasirinkta pagal numatytuosius nustatymus)>turinys</option>

</select>

7. CSSPakopiniai stiliaus lapai

Funkcija: praturtinkite turinį ir sumažinkite kodo kiekį

Rašymas: Vieta (3rūšis)

1. Eilutėje:Atributų pridėjimas tiesiai prie žymųstilius="nuosavybė:Atributo vertė;…”

2. Įterpimas:priegalvaEtiketės rašymas:<stiliaus tipas="tekstas/css">

Selektorius{Savybės:Atributo vertė;…}

</style>

Taškai3Pagrindiniai selektoriai:htmlSelektorius,klasėKlasės parinkiklis (.klasės pavadinimas),IdSelektorius (#idVardas) yra vienintelis

3. Išorinis:Sukurkite atskirą.cssfailą, tada pridėkite nuorodos kodą į puslapį, kurį norite naudoti, taip2Rašymo rūšis

Prisiminkite:

priegalvaPridėkite žymas viduje<nuoroda rel="stylesheet" type="text/css" href="stylesheet failo pavadinimas.css”>

Pastaba: Jei stiliaus lape yra konfliktas, prieš naudodami įdėtąjį ir galiausiai naudokite išorėje

Klausimas: NaudojimasDIV + CSSišdėstymas irLentelėIšdėstymo privalumai ir trūkumai?

8. Pseudoklasė (selektorius)

a:nuoroda {spalva: #FF0000} /* neaplankytos nuorodos */

a:aplankyta {spalva: #00FF00} /*Aplankytos nuorodos*/

a:užveskite pelės žymeklį {spalva: #FF00FF} /* Perkelkite pelę į nuorodą */

a:aktyvus {spalva: #0000FF} /*Pasirinktas saitas*/

9. DIV(dėžutės modelis)

Pareigos: pavaduojantis naryslentelėLentelė

Rašymas:<div>Turinys (galima įdėti.)div）</div>

Naudojimas: Nustatykite plotį ir aukštį, galima derintiPadėtisAtributai

Bendros savybės:

1. Siena: Dėžutės storis

2. Marža: atstumas tarp dėžių

3. Paminkštinimas: atstumas tarp dėžutės turinio ir dėžutės.

4. Ūgis、plotis: Aukštis, plotis

5. Pagrindiniai faktai: Dėžutės spalva, raštas

6. Plūdė: Dėžutės sėdynėĮ kairę、Į dešinę

10. SlinktiSvajonių audėjasSukurkite šabloną

Funkcija: pasiekite tą patį svetainės stilių, sumažinkite kodo kiekį ir pagerinkite svetainės kūrimo efektyvumą

Kaip kurti ir naudoti šablonus

1. Create: file à new à regular à HTMLšablonasà Sukurti

2. Išsaugoti: Išsaugokite savo svetainėje, pastaba: Teisingas kelias yra tas, kad svetainės apačioje pasirodys aplankas Šablonai, kuriame saugomi šablonų failai (.dwt）

3. Rašymas: Kaip ir įprastų puslapių rašymas, spausdinimas ir to paties stiliaus turinio rašymas svetainėje. Jei norite skirtingo turinio, turite sukurti redaguojamą sritį (užveskite pelės žymeklį virš redagavimo srities, kurią norite sukurti, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Šablonas à Nauja redaguojama sritis)

4. Sukurkite puslapį pagal šabloną: Failas à Naujas à Šablonas à Pasirinkite šabloną, kurį norite naudoti

11. Svajonių audėjasSusijusios žinios

A. IšlaikėSvajonių audėjasSvetainės kūrimas: Svetainėà Nauja svetainė à išplėstinė à vietinė informacija

Pavadinkite svetainę ir nustatykite kelią į svetainę

Pastaba: svetainės kelias neturėtų būti kinų kalba

BPažįstamasSvajonių audėjasTurime žinoti, kaip išvesti pagrindines žymas, kurias išmokome anksčiau

Pagrindinis dėmesys skiriamas puslapio tipografijai per lenteles

CBe to,Svajonių audėjasnaudojant hipersaitą (santykiniai ir absoliutūs adresai)

12. CSSBendri atributai

border:1px solid #000000; /*pasienio3Bendri atributai*/

plotis; aukštis; /*Pločio ir aukščio nustatymas*/

teksto lygiavimas /*Nustatykite turinį į centrą kairėje ir dešinėje*/

eilutės aukštis /*Reguliavimo turinys yra centruotas aukštyn ir žemyn*/

plūdė /*Plūdė(Horizontaliems hipersaitams kurti reikia naudoti slankiuosius)*/

marža /*Nustatykite dėžutės išorinį atstumą*/

paminkštinimas /*Nustatykite atstumą dėžutės viduje*/

Pareigos /*Padėties nustatymas, su kuriuo bus vėliaukairėje viršujeNaudokite kartu*/

color:#000000; /*Teksto spalvos nustatymas*/

background-color:#000000; /*Fono spalvos nustatymas*/

font-size:14px; /*Nustatykite šrifto dydį*/

teksto dekoravimas /*Nustatykite, ar hipersaitas yra pabrauktas, paprastai naudojamaspabrauktiarbanėra*/

list-style-type:none; /*Hipersaito stilius (be taškų)*/

2013HTML复习.doc (44 KB, Atsisiuntimų skaičius: 0, Pardavimo kaina: 1 Grūdai MB)

Uodai, kurie nesikandžioja · Paskelbta 2014-11-10 13:27:37

Nerealu

[HTML/HTML5] 2013 m. HTML ir CSS apžvalgos santrauka

Susijusios žinutės

Peržiūrėtos sekcijos