Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 14116|Odpowiedź: 1

[HTML/HTML5] Trzydniowa nauka HTML: podsumowanie nauki języka HTML (obowiązkowe dla początkujących)

[Skopiuj link]
Opublikowano 22.12.2014 23:05:45 | | |


Kompilacja wspólnego kodu

1. Tekst tytułowy <h#>......</h#> #=1~6; h1 to największe słowo, h6 to najmniejsze słowo

2. Zmiany czcionki <font>......</font>

[1] Rozmiar czcionki <rozmiar czcionki=#>......</font> #=1~7; Im większa liczba, tym większy znak

[2] Określ czcionkę <czcionka ="nazwa czcionki">......</font>

[3] Kolor tekstu <kolor czcionki=#rrggbb>......</font> rr: Kod koloru czerwonego stołu gg: Kod koloru zielonego stołu BB: Kod koloru niebieskiego stołu

3. Wyświetlanie małych <small>......</small>

4. Wyświetlanie dużych <big>......</big>

5. <b>Pogrubione ......</b>

6. Kursywa <i>......</i>

7. Czcionka maszyn do pisania <tt>......</tt>

8. <u>Podsumowująca ......</u>

9. Strikethrough <strike>......</strike>

10. <sub>Indeks ......</sub>

11. <sup>Etykieta ......</sup>

12. Efekt <blink>tekstu ......</blink>

13. Przerwy między liniami <br>

14. <p>Segmentacja

15. Kierunek wyrównania tekstu <p align="#"> #号可为 lewo: Tabela wyrównana do lewej (wartość domyślna) środek: Tabela wyrównana na środek po prawej: Tabela wyrównana do prawej P.S.<p align="#"> Tekst po tym będzie wyświetlany w zestawie wyrównania aż do

Pojawia się kolejne <p align="#", > zmienia kierunek wyrównania, a gdy napotka <hr>etykietę <h#>, automatycznie wraca do domyślnego lewego wyrównania.

16. Przegrody <hr>

[1] Grubość dzielnika <godzina = liczba punktów>

[2] Szerokość dzielnika < godzina = liczba punktów lub procent>

[3] Kierunek wyrównania dzielnika < hod align="#"> #号可为 lewo: Tabela wyrównana do lewej (wartość domyślna) środek: Wyrównana do środka po prawej: Wyrównana do prawej

[4] Kolor dzielnicy < godzina =#rrggbb>

[5] Solidny przegroda < godzina noshade>

17. Centralne <center>......</center>

18. <pre>Ekspozycja ......</pre> w oryginalnym stylu

19. <body>Atrybuty instrukcji

[1] Kolor tła -- bgcolor <body bgcolor=#rrggbb>

[2] Wzorzec tła -- tło <tło ciała="nazwa pliku graficznego">

[3] Ustaw wzór tła nie będzie przewijał — bgproperties <ciało bgproperties=fixed>

[4] Kolor tekstu w treści pliku -- tekst <tekst główny=#rrggbb>

[5] Tekst hiperłącza kolor -- link <link do ciała=#rrggbb>

[6] Kolor wybieranego tekstu hiperłącza -- vlink <treść vlink=#rrggbb>

[7] Kolor tekstu z hiperlinkiem -- alink <tłok alink=#rrggbb>

1. Zdjęcia

1. Wstaw obraz <img src="graphic filename" >

2. Ustaw ramkę — ramkę <img src="nazwa pliku graficznego" ramka = punkty>

3. Ustaw rozmiar grafu — szerokość, wysokość <img src="nazwa pliku rysowania", szerokość=szerokość punktów, wysokość=punkty wysokości>

4. Ustaw grafikę tak, aby zostawiała przestrzeń góra i dół, lewo i prawo, lewo i prawo, -- vspace, hspace <img src="nazwa pliku graficznego" vspace=górne i dolne spacja hspace=lewy i prawy pusty punkt>

5. Notatki graficzne <img src="nazwa pliku graficznego" alt="caption">

6. Zdjęcia wstępne

<img src="nazwa pliku graficznego o wysokiej rozdzielczości" lowsrc="nazwa pliku grafiki niskiej rozdzielczości"> P.S. Rozmiar grafiki obu grafów powinien być taki sam

7. Mapa obrazu <img src="Nazwa pliku graficznego" usemap="#图的名称"> <nazwa mapy="Nazwa obrazu">

<kształt obszaru=współrzędne kształtu=lista współrzędnych powierzchni href="URL punktu łącznika">

<kształt obszaru=współrzędne kształtu=lista współrzędnych powierzchni href="URL punktu łącznika">

<kształt obszaru=współrzędne kształtu=lista współrzędnych powierzchni href="URL punktu łącznika">

<kształt obszaru=współrzędne kształtu=lista współrzędnych powierzchni href="URL linku"> </map>

[1] Zdefiniuj kształt — kształt

kształt=prostokąt:prostokąt=okrąg:kształt koła=poli:poli:poli

[2] Zdefiniuj region — współrzędne

a. Prostokąt: Należy użyć czterech liczb, pierwsze dwie to współrzędne w lewym górnym górnym rogu, a ostatnie dwie to dolne prawe współrzędne

Na przykład: <kształt obszaru=współrzędne rect=100,50,200,75 href="URL">

b. Koło: Należy użyć trzech liczb: pierwsze dwie to współrzędne środka koła, a ostatnia to długość promienia

Na przykład, <kształt obszaru=współrzędne okręgu=85,155,30 href="URL">

c. Dowolna figura (wielokąt): Wpisz współrzędne każdego punktu zwrotu figury w kolejności

Na przykład: <kształt obszaru=współrzędne polygorystyczne=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Tabela powiązana

1. Tytuł tabeli

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

Pozycja nagłówka tabeli — wyrównanie

<caption align="#"> #号可为 góra: Tytuł tabeli umieszczony jest nad tabelą (wartość domyślna)

na dole: Tytuł tabeli umieszczony jest pod tabelą

2. Zdefiniuj <tr>kolumny

3. Zdefiniuj kolumnę 《1》<td>: Wyrównaj ją do lewej strony

《2》<th>: Wyrównaj ii. pogrubienie

[1] Pozycja pozioma — wyrównanie < wyrównanie="#">

#号可为 lewo: Wyrównaj się w lewo

środek:Wyrównaj się do środka po prawej stronie Orównaj do prawej strony

[2] Pozycja pionowa -- wyrównanie < wyrównanie="#"> #号可为

góra: Wyrównaj się na środku: Wyrównaj się do środka

dole: Wyrównaj się w dół

[3] Szerokość kolumny — szerokość

< szerokość = liczba punktów lub procent>

[4] Pionowe łączenie kolumn – rozpiętość wierszy

< rozpętlość wiersza=chcę połączyć liczbę kolumn >

[5] Poziome łączenie kolumn – colspan

< colspan=Chcę połączyć liczbę kolumn>

3. RAMKA

1. Polecenie podzielonego okna <frameset>......</frameset>

[1] Pionowy (góra/dół) podział — rzędy

<frameset rows=#> #号可为点数: Jeśli chcesz podzielić to na trzy okna: 100, 200, 300, to

<wiersze zestawu klatek=100,200,300>; Może być również reprezentowany przez znak *, na przykład <wiersze zestawu klatek=*,500,*>

Procent: Na przykład< wiersze zestawu klatek=30%, 70% >, suma każdego elementu powinna wynosić 100%.

[2] Poziomy (lewy/prawy) podział — cols <klatki cols=punkty lub procent>

2. Określ zawartość okna <frame>--

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

[1] Określ nazwę pliku okna -- src <ramka src=nazwa pliku HTML>

[2] Zdefiniuj nazwę okna — nazwę

<nazwa=nazwa okna>

[3] Ustaw odległość między plikiem a górną i dolną granicą — wysokość marginesu

<wysokość ramki = liczba punktów>

[4] Ustaw odległość między plikiem a lewą i prawą granicą — szerokość marginesów

<margines klatki = liczba punktów>

[5] Ustaw przewijanie podziału okienka — przewijanie

<przewijanie klatek=#> #号可为 tak: Poprawione przewijane taśmy

nie: Brak przewijania się automatycznie pojawia: Automatycznie ustalaj, czy rozmiar pliku jest wymagany do przewijania (wartość domyślna)

[6] Zablokuj rozmiar podzielonego okna — noresize <rozmiar ramki>

Uwagi dotyczące typu znaku lub funkcji znaczenia

Tagowanie plików

<HTML> ● Deklaracja pliku Informuje przeglądarkę, że jest to plik HTML

<HEAD> ● Początek Przedstawienie ogólnych informacji o dokumencie

<TITLE> ● Tytuł Definiuje tytuł pliku, który będzie wyświetlany na górze przeglądania

<BODY> ● Ten artykuł projektuje format pliku i treść tekstu

Znak typograficzny

<!-- Uwagi --> ○ Znak opisu Dodaj opis do pliku, ale nie jest on wyświetlany

<P> ○ Markup akapitów Zostaw pustą linię między słowami, rysunkami, tabelami itp

<BR> ○ Znaki podziału linii Spraw, by słowa, rysunki, tabele itp. pojawiły się w następnej linii

<HR> ○ Linia pozioma Wstaw linię poziomą

<CENTER> ● Wycentrowany do wyświetlania słów, rysunków, tabel itp. w środku Opozycja

<PRE> ● Format preset sprawia, że plik wyświetla się zgodnie z układem kodu źródłowego

<DIV> ● Oddzielne markery Ustaw rozmieszczenie słów, rysunków, tabel itp

<STRONG> ● Akcentuj ton Daje efekt pogrubionego fontu

<B> ● Pogrubienie tworzy efekt pogrubiania czcionką

<EM> ● Czcionki z akcentami mają efekt kursywy

<I> ● Kursywa Markup Czcionka ma efekt kursywy

<TT> ● Czcionka do pisania Czcionka Courier o tej samej szerokości litery

<U> ● Dodaj punkt końcowy Dodaj punkt końcowy względem

<H1> ● Znak tytułu pierwszego poziomu staje się grubszy, większy i szerszy, a stopień jest odwrotnie proporcjonalny do liczby serii

<H2> ● Dodatkowe znaczniki tytułowe sprawiają, że czcionki są grubsze, większe i szersze

<H3> ● Trzypoziomowe znaczniki tytułowe: Zrób czcionki grubszymi, większymi i szerszymi

<H4> ● Czteropoziomowy znacznik tytułowy, aby czcionka była grubsza, większa i szersza

<H5> ● Pięciopoziomowy znacznik tytułu sprawia, że czcionki są grubsze, większe i szersze

<H6> ● Sześciopoziomowy znacznik tytułu, aby czcionka była bardziej odważna, większa i szersza

<FONT> ● Znaczniki glifów Przypisuj im glify, rozmiary i kolory

<BASEFONT> ○ Podstawowy marker glifów ustawia wszystkie glify, rozmiary, kolory przeciwstawne

<BIG> ● Powiększenie czcionki Zrób czcionkę nieco większą

<SMALL> ● Zmniejszanie czcionki Spraw, że czcionka jest nieco mniejsza

<STRIKE> ● Narysuj linię do usunięcia Dodaj przekreślenie do czcionki Przeciw

<CODE> ● Czcionka kodu programu jest nieco szersza, na przykład<TT>

<KBD> ● Czcionka klawiaturowa jest nieco poszerzona, z jednym pustym miejscem

<SAMP> ● Przykład Czcionka jest lekko poszerzona, na przykład<TT>

<VAR> ● Zmienny efekt kursywy

<CITE> ● Cytaty biograficzne z efektem kursywy

<BLOCKQUOTE> ● Czcionka wcięcia bloków tekstowych

<DFN> ● Definicja predykatu Efekt kursywy

<ADDRESS> ● Efekt kursywy znacznika adresowego






Poprzedni:Wireshark Network Analytics jest aż tak prosty
Następny:Linux Anti-DDoS Attack Tool (D) DoS-Deflate
Opublikowano 25.12.2014 23:42:59 |
Trzy dni to trochę przesadzony HTML do oglądania i widzenia
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com