Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Skats: 14116|Atbildi: 1

[HTML / HTML5] Trīs dienu mācīšanās HTML: HTML valodas apguves kopsavilkums (obligāti jāredz iesācējiem)

[Kopēt saiti]
Publicēts 22.12.2014 23:05:45 | | |


Kopējā koda apkopojums

1. Virsraksta teksts <h#>......</h#> #=1~6; h1 ir lielākais vārds, h6 ir mazākais vārds

2. Fontu maiņa <font>......</font>

[1] Fonta lielums <font size=#>......</font> #=1~7; Jo lielāks skaitlis, jo lielāka rakstzīme

[2] Norādiet fontu <font face="font name">......</font>

[3] Teksta krāsa <font color=#rrggbb>......</font> rr: Tabulas sarkanās krāsas kods gg: Tabulas zaļās krāsas kods BB: Tabulas zilās krāsas kods

3. Parādiet nelielu fontu <small>......</small>

4. Parādiet lielu fontu <big>......</big>

5. Treknraksts <b>......</b>

6. Slīpraksts <i>......</i>

7. Rakstāmmašīnas fonts <tt>......</tt>

8. Grunts līnija <u>......</u>

9. Pārsvītrots <strike>......</strike>

10. Apakšraksta <sub>......</sub>

11. Etiķetes <sup>......</sup>

12. Teksta mirgošanas efekts <blink>......</blink>

13. Rindiņu <br>pārtraukumi

14. <p>Segmentācija

15. Teksta izlīdzināšanas virziens <p align="#"> #号可为 pa kreisi: Tabula izlīdzināta pa kreisi (noklusējuma vērtība) centrā: Tabula izlīdzināta pa vidu pa labi: Tabula izlīdzināta pa labi PS<p align="#"> Pēc tam teksts tiks parādīts līdzinājuma komplektā līdz

Tiek parādīts cits <p align="#", > mainītu līdzinājuma virzienu, un, kad tas saskaras <hr>ar etiķeti vai <h#>, tas automātiski tiek iestatīts atpakaļ uz noklusējuma līdzinājumu pa kreisi.

16. Dalītāji <hr>

[1] Dalītāja biezums <stundas lielums = punktu skaits>

[2] Dalītāja platums <stundas lielums=punktu skaits vai procentuālais daudzums>

[3] Dalītāja līdzināšanas virziens <hr align="#"> #号可为 left: tabula līdzināta pa kreisi (noklusējuma vērtība) centrā: līdzināta pa labi vidū: līdzināta pa labi

[4] Dalītāja krāsa <hr color=#rrggbb>

[5] Cietais dalītājs <h noshade>

17. Centrēta izlīdzināšanas <center>......</center>

18. Parādiet <pre>......</pre> oriģinālajā stilā

19. <body>Instrukciju atribūti

[1] Fona krāsa -- bgcolor <body bgcolor=#rrggbb>

[2] Fona raksts -- fons <body background="grafiskais faila nosaukums">

[3] Iestatiet fona modeli neritinās -- bgproperties <body bgproperties=fixed>

[4] Faila satura teksta krāsa — teksts <pamatteksts=#rrggbb>

[5] Hipersaites teksta krāsa -- saite <ķermeņa saite=#rrggbb>

[6] Atlasītā hipersaites teksta krāsa -- vlink <body vlink=#rrggbb>

[7] Hipersaites teksta krāsa -- alink <body alink=#rrggbb>

1. Attēli

1. Ievietojiet attēlu <img src="graphic filename" >

2. Iestatiet rāmi - apmali <img src="grafiskā faila nosaukums" border=points>

3. Iestatiet grafika lielumu - platums, augstums <img src="zīmējuma faila nosaukums" platums=platums punkti augstums = augstuma punkti>

4. Iestatiet grafiku, lai atstātu vietu uz augšu un uz leju, pa kreisi un pa labi, pa kreisi un pa labi, -- vspace, hspace <img src="grafiskā faila nosaukums" vspace=augšup un lejup atstarpes punkti hspace=pa kreisi un pa labi tukši punkti>

5. Grafiskās piezīmes <img src="grafiskā faila nosaukums" alt="caption">

6. Iepriekš ielādējiet attēlus

<img src="augstas izšķirtspējas grafikas faila nosaukums" lowsrc="zemas izšķirtspējas grafikas faila nosaukums"> P.S. Abu grafiku grafikas lielumam jābūt vienādam

7. Attēlu karte <img src="Grafiskā faila nosaukums" usemap="#图的名称"> <map name="Attēla nosaukums">

<area shape=shape coords=area coordinate list href="URL of the link point">

<area shape=shape coords=area coordinate list href="URL of the link point">

<area shape=shape coords=area coordinate list href="URL of the link point">

<apgabala forma=formas koordinātas=apgabala koordinātu saraksts href="saites URL"> </map>

[1] Definējiet formu - formu

shape=rect:taisnstūra forma=aplis:apļa forma=poly:poly:poly

[2] Definējiet reģionu -- koords

a. Taisnstūris: jāizmanto četri skaitļi, pirmie divi skaitļi ir augšējās kreisās koordinātas, un pēdējie divi skaitļi ir apakšējās labās koordinātas

Piemēram: <area shape=rect coords=100,50,200,75 href="URL">

b. Aplis: Jāizmanto trīs skaitļi, pirmie divi skaitļi ir apļa centra koordinātas, un pēdējais skaitlis ir rādiusa garums

Piemēram, <area shape=circle coords=85,155,30 href="URL">

c. Jebkurš skaitlis (daudzstūris): aizpildiet katra attēla pagrieziena punkta koordinātas secībā

Piemēram: <area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Saistīts ar tabulu

1. Tabulas nosaukums

<caption>......</caption>

Tabulas galvenes pozīcija -- līdzināt

<caption align="#"> #号可为 top: tabulas virsraksts ir novietots virs tabulas (noklusējuma vērtība)

apakšā: tabulas nosaukums ir novietots zem tabulas

2. <tr>Definējiet kolonnas

3. Definējiet kolonnu 《1》<td>: Izlīdzināt pa kreisi

《2》<th>: Izlīdzināt ii. treknrakstā

[1] Horizontālā pozīcija -- align <th align="#">

#号可为 pa kreisi: līdzināt pa kreisi

centrs:līdzināt centrā pa labi:līdzināt pa labi

[2] Vertikālā pozīcija -- align <th align="#"> #号可为

augšpusē: līdzināt pa vidu: līdzināt līdz centram

apakšā: līdzināt uz leju

[3] Kolonnas platums - platums

<. platums=punktu skaits vai procentuālais daudzums>

[4] Kolonnu vertikāla sapludināšana - rindu diapazons

<. rowspan=Es vēlos sapludināt kolonnu skaitu >

[5] Kolonnu horizontāla sapludināšana -- colspan

<. colspan=Es vēlos sapludināt kolonnu skaitu>

3. RĀMIS

1. Sadalīt loga komandu <frameset>......</frameset>

[1] Vertikālais (augšup/lejup) sadalījums — rindas

<frameset rows=#> #号可为点数: Ja vēlaties to sadalīt trīs logos, 100, 200, 300, tad

<kadru rindas=100,200,300>; To var attēlot arī ar * zīmi, piemēram, <kadru kopas rindas=*,500,*>

Procenti: Piemēram< kadru kopas rindas=30%, 70% >, katra vienuma summai jābūt 100%

[2] Horizontāla (pa kreisi/pa labi) sadalīšana -- kolonnas <kadru kopas kolonnas=punkti vai procenti>

2. Norādiet loga saturu <frame>--

<kadru kopas kolonnas=30%,70%> <frame> <frame> </frameset>

[1] Norādiet loga faila nosaukumu -- src <frame src=HTML faila nosaukums>

[2] Definēt loga nosaukumu — nosaukums

<rāmja nosaukums=loga nosaukums>

[3] Iestatiet attālumu starp failu un augšējo un apakšējo apmali -- marginheight

<kadra marginheight=punktu skaits>

[4] Attāluma iestatīšana starp failu un kreiso un labo apmali — piemales platums

<rāmja marginwidth=punktu skaits>

[5] Iestatiet sadalītā loga ritināšanu — ritināšanu

<kadru ritināšana=#> #号可为 jā: Fiksēti ritināšanas ruļļi

nē: Automātiski netiek rādīta ritināšana: automātiski nosaka, vai ritināšanai ir nepieciešams faila lielums (noklusējuma vērtība)

[6] Bloķējiet sadalītā loga izmēru - noresize <frame noresize>

Atzīmes tipa tulkojums vai nozīmes funkcijas piezīmes

Failu marķēšana

<HTML> ● Faila deklarācija Informē pārlūkprogrammu, ka tas ir HTML fails

<HEAD> ● Sākums Sniedziet dokumenta vispārējo informāciju

<TITLE> ● Nosaukums Definē faila nosaukumu, kas tiks parādīts pārlūkošanas augšpusē

<BODY> ● Šajā rakstā ir izstrādāts faila formāts un teksta saturs

Tipogrāfijas zīme

<!-- Piezīmes --> ○ Apraksts Atzīmēt Pievienojiet failam aprakstu, bet tas netiek parādīts

<P> ○ Rindkopas marķējums Atstājiet tukšu līniju starp vārdiem, zīmējumiem, tabulām utt

<BR> ○ Rindiņu pārtraukuma atzīmes Vārdu, zīmējumu, tabulu u.c. parādīšana nākamajā rindiņā

<HR> ○ Horizontāla līnija Ievietojiet horizontālu līniju

<CENTER> ● Centrēts, lai vidū parādītu vārdus, zīmējumus, tabulas utt. Opozīcija

<PRE> ● Iepriekš iestatīts formāts padara failu parādītu atbilstoši avota koda izkārtojumam

<DIV> ● Atsevišķi marķieri Iestatiet vārdu, zīmējumu, tabulu u.c. izvietojumu

<STRONG> ● Akcentēt toni Rada fonta treknraksta efektu

<B> ● Treknraksts rada fonta treknraksta efektu

<EM> ● Uzsvara zīmju fontiem ir slīpraksta efekts

<I> ● Slīpraksts Fontam ir slīpraksta efekts

<TT> ● Rakstīšanas fonts Kurjera fonts ar tādu pašu burtu platumu

<U> ● Pievienojiet apakšējo līniju Pievienojiet apakšējo līniju pret

<H1> ● Pirmā līmeņa titulzīme kļūst biezāka, lielāka un platāka, un pakāpe ir apgriezti proporcionāla sēriju skaitam

<H2> ● Sekundārie virsrakstu marķieri padara fontus biezākus, lielākus un platākus

<H3> ● Trīs līmeņu virsraksta marķieri: padariet fontus biezākus, lielākus un platākus

<H4> ● Četru līmeņu virsraksta marķieris, lai padarītu fontu biezāku, lielāku un platāku

<H5> ● Piecu līmeņu virsraksta marķieris padara fontus biezākus, lielākus un platākus

<H6> ● Sešu līmeņu virsraksta marķieris, lai padarītu fontu drosmīgāku, lielāku un platāku

<FONT> ● Glifu marķieri Iestatiet tiem glifus, izmērus un krāsas

<BASEFONT> ○ Bāzes glifu marķieris nosaka visus glifus, izmērus, krāsas pretstatā

<BIG> ● Fonta palielināšana Padariet fontu nedaudz lielāku

<SMALL> ● Fonta samazināšana Padariet fontu nedaudz mazāku

<STRIKE> ● Uzzīmējiet līniju, lai izdzēstu Pievienojiet pārsvītrojumu fontam Iebilst

<CODE> ● Programmas koda fonts ir nedaudz plašāks, piemēram<TT>

<KBD> ● Tastatūras fonta fonts ir nedaudz paplašināts, ar vienu tukšu

<SAMP> ● Piemērs Fonts ir nedaudz paplašināts, piemēram<TT>,

<VAR> ● Mainīgs slīpraksta efekts

<CITE> ● Biogrāfiskie citāti ar slīprakstu

<BLOCKQUOTE> ● Citāta teksta bloka atkāpes fonts

<DFN> ● Predikāta definīcija Slīpraksta efekts

<ADDRESS> ● Adreses marķiera slīpraksta efekts






Iepriekšējo:Wireshark Network Analytics ir tik vienkārši
Nākamo:Linux Anti-DDoS uzbrukuma rīks (D) DoS-Deflate
Publicēts 25.12.2014 23:42:59 |
Trīs dienas ir mazliet pārspīlēts HTML, lai to apskatītu un redzētu
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.

Mail To:help@itsvse.com