Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Vedere: 14392|Răspunde: 1

[HTML/HTML5] Trei zile de învățare HTML: rezumat învățarea limbilor HTML (un must-view pentru începători)

[Copiază linkul]
Postat pe 22.12.2014 23:05:45 | | |


O compilare a codului comun

1. Textul titlului <h#>......</h#> #=1~6; h1 este cel mai mare cuvânt, h6 este cel mai mic cuvânt

2. Schimbări de font <font>......</font>

[1] Dimensiunea fontului <dimensiunea fontului=#>......</font> #=1~7; Cu cât numărul este mai mare, cu atât caracterul este mai mare

[2] Specifică fontul <font face="font name">......</font>

[3] Culoarea textului <culoare font=#rrggbb>......</font> rr: Cod culoare roșu tabel gg: Cod culoare verde tabel BB: Cod culoare albastru tabel

3. Afișează font <small>mic ......</small>

4. Afișează font <big>mare ......</big>

5. <b>Îndrăzneț ......</b>

6. <i>Italici ......</i>

7. Font de <tt>mașină de scris ......</tt>

8. <u>Concluzia ......</u>

9. <strike>Ștergerea ......</strike>

10. <sub>Subindice ......</sub>

11. <sup>Etichetă ......</sup>

12. Efect de clipire <blink>a textului ......</blink>

13. <br>Întreruperi de linie

14. <p>Segmentare

15. Direcția de aliniere a textului <p align="#"> #号可为 stânga: Tabelul aliniat la stânga (valoarea implicită) centru: Tabelul aliniat la mijlocul dreapta: Tabelul aliniat la dreapta P.S.<p align="#"> Textul ulterior va fi afișat în setul de aliniere până când

Apare un alt <p align="#" > schimbă direcția de aliniere, iar când întâlnește <hr>eticheta <h#>, se va readuce automat la alinierea implicită stângă.

16. Separatoare <hr>

[1] Grosimea divizorului <hr size = numărul de puncte>

[2] Lățimea divizorului <hr dimensiune=număr de puncte sau procentaj>

[3] Divizorul aliniază <hr align="#"> #号可为 stânga: Tabelul aliniat la stânga (valoare implicită) centru: Aliniat la mijloc dreapta: Aliniat la dreapta

[4] Culoarea separatorului <hr color=#rrggbb>

[5] Separator solid < ore fără umbră>

17. Aliniere <center>centrată ......</center>

18. <pre>Afișare ......</pre> în stilul original

19. <body>Atribute ale instrucțiunilor

[1] Culoare de fundal -- bgcolor <corp bgcolor=#rrggbb>

[2] Model de fundal -- fundal <fundal corp="nume fișier grafic">

[3] Setează modelul de fundal nu va derula -- bgproperties <corpul bgproperties=fixed>

[4] Culoarea textului din conținutul fișierului -- text <text de corp=#rrggbb>

[5] Culoarea textului hiperlinkului -- link <link corp=#rrggbb>

[6] Culoarea textului hyperlink selectat -- vlink <corp vlink=#rrggbb>

[7] Culoarea textului hyperlinked -- alink <body alink=#rrggbb>

1. Imagini

1. Inserați imaginea <img src="nume de fișier grafic" >

2. Setează cadrul -- bordură <img src="nume fișier grafic" bordură=puncte>

3. Setează dimensiunea grafului -- lățime, înălțime <img src="nume fișier de desen" lățime=lățime, puncte, înălțime=înălțime>

4. Setează grafica să lase spațiu sus și jos, stânga și dreapta, stânga și dreapta, -- vspace, hspace <img src="nume fișier grafic" vspace=sus și jos puncte spațiu hspace=puncte goale stânga și dreapta>

5. Note grafice <img src="nume fișier grafic" alt="caption">

6. Preîncărcarea fotografiilor

<img src="nume fișier grafic cu rezoluție înaltă" lowsrc="nume fișier grafic cu rezoluție redusă"> P.S. Dimensiunea grafică a celor două grafice ar trebui să fie aceeași

7. Harta imaginii <img src="Nume fișier grafic" usemap="#图的名称"> <numele hărții="Nume al imaginii">

<formă de arie=coordonate de formă=listă de coordonate de arie href="URL-ul punctului de legătură">

<formă de arie=coordonate de formă=listă de coordonate de arie href="URL-ul punctului de legătură">

<formă de arie=coordonate de formă=listă de coordonate de arie href="URL-ul punctului de legătură">

<arie formă = coordonate forme = listă de coordonate de zonă href="URL-ul linkului"> </map>

[1] Definește forma – forma

formă=drept:formă dreptunghiulară=cerc:formă de cerc=poli:poli:poli

[2] Definiți regiunea -- coordonatoarele

a. Dreptunghi: Trebuie folosite patru numere, primele două sunt coordonatele din stânga sus, iar ultimele două sunt coordonatele din dreapta jos

De exemplu: <arie shape=rect coords=100,50,200,75 href="URL">

b. Cerc: Trebuie folosite trei numere, primele două sunt coordonatele centrului cercului, iar ultimul număr este lungimea razei

De exemplu, <arie formă = coordonate cerc = 85,155,30 href="URL">

c. Orice figură (poligon): Completează coordonatele fiecărui punct de cotitură al figurii în ordine

De exemplu: <area formă = poli coordonate=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Legat de tabel

1. Titlul tabelului

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

Poziția antetului tabelului -- aliniere

<subtitrarea align="#"> #号可为 sus: Titlul tabelului este plasat deasupra tabelului (valoarea implicită)

jos: Titlul tabelului este plasat sub tabel

2. <tr>Definirea coloanelor

3. Definește coloana 《1》<td>: Aliniază spre stânga

《2》<th>: Align ii. bold

[1] Poziție orizontală -- aliniază <th align="#">

#号可为 stânga: Aliniază spre stânga

centru: Aliniază cu centrul Dreapta: Aliniază cu dreapta

[2] Poziție verticală -- aliniază <th align="#"> #号可为

sus: Aliniază în sus în mijloc: Aliniază cu centrul

jos: Aliniați în jos

[3] Lățimea coloanei -- lățimea

<a lățime=număr de puncte sau procentaj>

[4] Fuziunea verticală a coloanelor -- întindere a rândurilor

< rowspan=Vreau să combin numărul de coloane >

[5] Fuziunea orizontală a coloanelor -- colspan

<al colspan=Vreau să combin numărul de coloane>

3. CADRU

1. Comanda ferestrei <frameset>împărțite ......</frameset>

[1] Diviziune verticală (sus/jos) -- rânduri

<rânduri frameset=#> #号可为点数: Dacă vrei să le împărți în trei ferestre, 100, 200, 300, atunci

<rânduri frameset=100.200.300>; Poate fi reprezentat și printr-un semn *, cum ar fi <rânduri de frameset=*,500,*>

Procentaj: De exemplu< rânduri de frameset = 30%, 70% >, suma fiecărui element ar trebui să fie 100%

[2] Divizare orizontală (stânga/dreapta) -- cols <setul cadrelor cols=puncte sau procentaj>

2. Specifică conținutul ferestrei <frame>--

<frameset cols=30%,70%> <frame> <frame> </frameset>

[1] Specifică numele fișierului ferestrei -- src <frame src=nume fișier HTML>

[2] Definește numele ferestrei -- numele

<numele cadrului=numele ferestrei>

[3] Setează distanța dintre fișier și marginile superioare și inferioare -- marginheight

<înălțime marjă cadr=număr de puncte>

[4] Setează distanța dintre fișier și marginile stânga și dreapta -- marginwidth

<marginwidth-cadru = număr de puncte>

[5] Setează derularea ferestrei împărțite -- derulare

<derulare cadre=#> #号可为 da: Role derulante fixe

nu: Nu apare nicio derulare automată: Determină automat dacă dimensiunea fișierului este necesară pentru a derula (valoarea implicită)

[6] Blocați dimensiunea ferestrei desfăcute -- dimensiunea noresize <dimensiunea cadrului>

Observații despre traducerea tipului de marcaj sau funcția de semnificație

Etichetarea fișierelor

<HTML> ● Declarație de fișier Informează browserul că acesta este un fișier HTML

<HEAD> ● Începutul Oferă informațiile generale ale documentului

<TITLE> ● Titlu Definește titlul fișierului, care va fi afișat în partea de sus a navigării

<BODY> ● Acest articol proiectează formatul fișierului și conținutul textului

Semn tipografic

<!-- Note --> ○ Marcaj de descriere Adaugă o descriere fișierului, dar acesta nu este afișat

<P> ○ Marcarea paragrafului Lasă o linie goală între cuvinte, desene, tabele etc.

<BR> ○ Semne de întrerupere de linie Fac ca cuvintele, desenele, tabele etc. să apară pe următoarea linie

<HR> ○ Linie orizontală Introduceți o linie orizontală

<CENTER> ● Centrat pentru a afișa cuvinte, desene, tabele etc. în mijloc Opoziție

<PRE> ● Formatul preset face ca fișierul să fie afișat conform aranjamentului codului sursă

<DIV> ● Marcaje separate Setează plasarea cuvintelor, desenelor, tabelelor etc.

<STRONG> ● Accentuează tonul Produce efectul de font bold bold bold

<B> ● Marcajul îngroșat creează efectul de îngroșare a fontului

<EM> ● Fonturile cu semne de subliniere au un efect italic

<I> ● Marcaj italic Fontul are un efect italic

<TT> ● Tastarea fontului Font curier cu aceeași lățime a literelor

<U> ● Adaugă o linie de bază Adaugă o linie de bază împotriva

<H1> ● Semnul de titlu de nivel întâi devine mai gros, mai mare și mai lat, iar gradul este invers proporțional cu numărul de serii

<H2> ● Marcatoarele secundare de titlu fac fonturile mai groase, mai mari și mai late

<H3> ● Marcaje de titlu pe trei niveluri: Fac fonturile mai groase, mai mari și mai late

<H4> ● Marcator de titlu cu patru niveluri pentru a face fontul mai gros, mai mare și mai larg

<H5> ● Markerul de titlu cu cinci niveluri face fonturile mai groase, mai mari și mai late

<H6> ● Marcator de titlu cu șase niveluri pentru a face fontul mai îngroșat, mai mare și mai larg

<FONT> ● Markere de glife Setează glife, dimensiuni și culori pe contrar

<BASEFONT> ○ Markerul de glife de bază pune toate glifele, dimensiunile, culorile opuse

<BIG> ● Mărirea fontului Fă fontul puțin mai mare

<SMALL> ● Micșorarea fontului Fă fontul puțin mai mic

<STRIKE> ● Trasează o linie pentru a șterge Adaugă o tăiere la font Opune

<CODE> ● Fontul codului programului este puțin mai lat, cum ar <TT>fi

<KBD> ● Fontul de la tastatură este ușor lăgit, cu un singur spațiu gol

<SAMP> ● Exemplu Fontul este ușor lăgit, cum ar <TT>fi

<VAR> ● Efect italic variabil

<CITE> ● Citate biografice cu efect italic

<BLOCKQUOTE> ● Font de indentare a blocului de text citat

<DFN> ● Definiția predicatului Efect italic

<ADDRESS> ● Efect italic al markerului de adresă






Precedent:Wireshark Network Analytics este atât de simplu
Următor:Instrumentul de Atac Anti-DDoS Linux (D) DoS-Deflate
Postat pe 25.12.2014 23:42:59 |
Trei zile este un HTML puțin exagerat de privit și văzut
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.

Mail To:help@itsvse.com