|
HTML&CSSstreszczenie 1. htmlPodstawowy format <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlZasady gramatyczne dla tagów <Atrybut nazwy tagu1=Wartość nieruchomości1" atrybut2=Wartość nieruchomości2”>tag</Nazwa tagu> 3. Tagi hiperłącza <a href="gdzie skoczyć" ></a> Funkcja: Przewijanie strony. Pytanie: Jeśli chcesz, aby obraz (picture1.jpg) był hiperpołączony, jak go napisać? <a href=""><img src="picture1.jpg" /></a> 4. Składnia tabel <table> <tr> <td> Formy małe </td> <td>Treść</td> </tr> </table> Uwaga: Treść formularza musi być napisana wTDWewnątrz 5. Typowe atrybuty tabel a) Tabela:ramka=Liczby(Bezel) bordercolor=Kolor ramkibgcolor=Kolor tłacellpacing=Liczba (odległość między komórkami) cellpadding=liczba (odległość między treścią a ramą tabeli)wysokość="Stałe liczby|Procent%"Wysokośćszerokość="Stałe liczby|Procent%"Szerokość b) Tr: bgcolor=Kolor tławysokość="Stałe liczby|Procent%"Wysokośćszerokość="Stałe liczby|Procent%"SzerokośćBordercolor c) Td: bgcolor=Kolor tławysokość="Stałe liczby|Procent%"Wysokośćszerokość="Stałe liczby|Procent%"Szerokośćcolspan=Liczby (kolumny do połączenia)rowspan=Liczby (Merge Rows)Bordercolor Pytanie: Jak ustawić grubość i kolor ramki, gdy obraz jest wyśrodkowany? Szerokość ramki Kolor ramki 6. Formy a) Funkcja: Przesłanie danych na serwer b) Składnia:<form ></form> c) Elementy formy 1. wejścieTagi i. Tekst<typ wejścia=tekst /> ii. Hasła<input type=password /> iii. Wybór jednorazowy<typ wejścia=nazwa radia="Imię to samo" /> iv. Wielokrotny wybór<typ input=checkbox /> V. Buttons<typ wejścia=przycisk /> Prześlij<input type=submit /> Reset<typ wejścia=reset> Atrybuty: Tekst:rozmiar=Długość tekstumaxlength=Można wpisać maksymalną liczbę znaków Wybierz:sprawdzoneDomyślnie wybrane Guziki:wartość=Tekst wyświetlany nad przyciskiem 2Rozwijane etykiety: składnia, właściwości <wybierz wiele(Możliwe jest wielokrotne wybory)rozmiar=Możesz zobaczyć liczbę opcji> <wybrana opcja(Domyślnie wybrany)>Treść</option> </select> 7. CSSKaskadowe arkusze stylów Funkcja: Wzbogacaj zawartość i zmniejszaj ilość kodu Pisanie: Miejsce (3gatunk) 1. Wiersz:Dodawaj atrybuty bezpośrednio do tagówstyl="własność:Wartość atrybutu;…” 2. Osadzanie:przygłowaPisanie etykiet:<typ stylu="tekst/CSS"> Selektor{Właściwości:Wartość atrybutu;…} </style> Punkty3Podstawowi selekcjonerzy:htmlSelekcjonariuszu,KlasaSelektor klas (.nazwa klasy),idSelektor (#idImię) jest jedyną 3. Zewnętrzne:Stwórz osobną.cssa następnie dodaj kod referencyjny do strony, której chcesz użyć, tak2Rodzaj pisania Pamiętaj: przygłowaDodaj tagi wewnątrz<link rel="stylesheet" type="text/css" href="stylesheet filename.css”> Uwaga: Jeśli pojawi się konflikt w arkuszu stylów, najpierw postaw na inline priorytet przed użyciem inline, a na końcu na zewnątrz Pytanie: ZastosowanieDIV+CSSUkład orazTabelaZalety i wady układu? 8. Pseudoklasa (selektor) a:link {kolor: #FF0000} /* nieodwiedzane linki */ a:visited {color: #00FF00} /*Linki, które były odwiedzane*/ a:hover {kolor: #FF00FF} /* Przesuń myszką, aby odłączyć */ a:active {color: #0000FF} /*Wybrany link*/ 9. DIV(Model pudełkowy) Funkcja: SubstytutTabelaTabela Pisanie:<div>Zawartość (można zagnieżdżać.)Dywizja）</div> Użycie: Ustaw szerokość i wysokość, można je łączyćPozycjaAtrybuty Typowe właściwości: 1. Granica: Grubość pudełka 2. margines: odległość między pudełkami 3. Wypełnianie: odległość między zawartością pudełka a pudełkiem. 4. Wysokość、Szerokość: Wysokość, szerokość 5. Tło: Kolor pudełka, wzór 6. Upływaj: Miejsce w lożyLewy、Prawy 10. PrzechodzićTkacz SnówStwórz szablon Funkcja: Osiągnięcie tego samego stylu strony, zmniejszenie ilości kodu i poprawa efektywności tworzenia stron Jak tworzyć i używać szablonów 1. Create: file à new à regular à HTMLszablonà Create 2. Zapisz: Zapisz na własnej stronie internetowej, uwaga: Poprawna ścieżka to folder Szablony pojawi się na dole strony, który przechowuje pliki szablonów (.dwt） 3. Pisanie: Podobnie jak pisanie zwykłych stron, składanie tekstu i pisanie treści w tym samym stylu na stronie internetowej. Dla różnych treści musisz stworzyć obszar edytowalny (najedź kursorem na obszar edycji, który chcesz utworzyć, kliknij prawym przyciskiem myszy i wybierz Szablon à Nowy obszar do edycji) 4. Stwórz stronę na podstawie szablonu: File à New à Template à Wybierz szablon do użycia 11. Tkaczka SnówPowiązane punkty wiedzy A. ZdałemTkacz SnówStwórz stronę internetową: Stronaà New site à advanced à local information Nazwij miejsce i wyznacz ścieżkę do miejsca Uwaga: Ścieżka do miejsca nie powinna być w języku chińskim BZnajomośćTkacz SnówMusimy wiedzieć, jak wyprowadzić podstawowe tagi, których nauczyliśmy się wcześniej Główny nacisk kładzie się na typografię strony poprzez tabele CWTkacz SnówZa pomocą hiperłącza (względne i bezwzględne adresy) 12. CSSWspólne cechy border:1px solid #000000; /*granicy3Wspólne cechy*/ Szerokość; wzrost; /*Ustaw szerokość i wysokość*/ tekst-align /*Ustaw treść na środku po lewej i prawej stronie*/ Wysokość linii /*Zawartość regulacji jest wyśrodkowana w górę i w dół*/ Float /*Pływak(Do tworzenia poziomych hiperłączy muszą być używane "floating")*/ margines /*Ustaw zewnętrzną odległość pudełka*/ Wypełnienie /*Ustaw odległość wewnątrz pudełka*/ pozycja /*Pozycjonowanie, by być z nim późniejlewa góraUżycie razem*/ color:#000000; /*Ustaw kolor tekstu*/ background-color:#000000; /*Ustaw kolor tła*/ font-size:14px; /*Ustaw rozmiar czcionki*/ dekoracja tekstu /*Ustaw podkreślenie, czy link jest podkreślony, powszechnie używanyPodkreślenielubbrak*/ list-style-type:none; /*Stylizuj hiperlink (bez kropek)*/
2013HTML复习.doc
(44 KB, Liczba pobranych plików: 0, Cena sprzedaży: 1 Zbożowy MB)
| 
Opublikowano 09.11.2014 10:42:19
|
|
|
Opublikowano 10.11.2014 13:27:37
