Laboratuar işleri 2 numaralı listeler basittir ve yatırım yapar. HTML tabloları oluşturma

İşin amacı: Konum ve HTML dosyasını test edin. Liste oluşturma. Tabloları ve yapılarını yerleştirin. Tabloları kullanarak sayfa maketling.

Kısa teorik bilgi

HTML belgesinde üç ana liste türü vardır: tanımlı bir etiketli etiketli

Çeşitli listeler etiketlerini kullanarak veya diğerlerinin içinde tekrarlayan yatırım listeleri oluşturabiliriz. Bunu yapmak için, sadece bir çift etiket yerleştirmeniz gerekir (başlangıç \u200b\u200bve final)

başka birinin içinde. Ekteki listenin öğelerinin listesi öğesini belirten aynı işaretleyicilere sahip olup olmayacağı tarayıcıya bağlıdır. "Gelendirilmiş Listeler" bölümünde ayrıntılı olarak bakın.

Numaralandırılmış listeler

Numaralandırılmış bir listede, tarayıcı, öğelerin numaralarını otomatik olarak yerleştirir. Bu, numaralandırılmış listenin bir veya daha fazla öğesini silerseniz, diğer numaraların otomatik olarak yeniden hesaplanacağı anlamına gelir.

Numaralı liste başlangıç \u200b\u200betiketi tarafından başlar.

Ve etiketi biter

1. Programlama

2. Algoritalizasyon

3. Tasarım

Etiket

Parametreleri olabilir:

nerede: tür - sayaç türü:

A - Büyük Latin harfleri (A, B, C ...) A - Küçük Latin harfleri (A, B, C ...) I - Büyük Roma Figürleri (I, II, III ...) I - Küçük Roma Figürleri (I, II, III ...) 1 - Sıradan Sayılar (1,2,3 ...)

başlat \u003d "n", saymanın örneğin başladığı toplamdır:

15. Programlama
16. Algoritmizasyon
17. Tasarlamak

Xv Programlama

XVI. Algoritmizasyon

XVII. Tasarlamak

İşaretli listeler.

Etiket listeleri için, tarayıcı genellikle liste öğesini işaretlemek için işaretleyicileri kullanır. Marker türü, kural olarak, bir tarayıcı kullanıcısını yapılandırır.

Etiket listesi başlangıç \u200b\u200betiketi tarafından başlar.

Ve etiketi biter
. Listenin her bir elemanı etiketle başlar
1. . Örneğin:

2. Programlama
3. Algoritmizasyon
4. Tasarlamak

Programlama

Algoritmizasyon

Tasarlamak

Etiket

Bir parametre olabilir:

Etiket tipi

Belirler görünüm Varsayılan görünüm (disk), yuvarlak (daire) veya kare (kare) olarak işaretleyici. Örneğin:

• Programlama
• Algoritmizasyon
• Tasarlamak

 Programlama

 Algoritalizasyon

 Tasarım

Tanımların listeleri.

< dl>… - Pair Etiketi - Tanımlar listelerini görüntüler.

Tasarım:

Terim

Terimin tanımı

Etiketle

Liste öğelerinin daha kompakt bir konumu ayarlamak için kompakt özniteliği kullanabilirsiniz.

Tasarım:

Terim

Terimin tanımı

HTML'deki tablolar bir sütun ve satır kümesi olarak düzenlenir. Hücre hücreleri, başlıklar, listeler, paragraflar, figürler, grafikler ve form elemanları gibi herhangi bir HTML elemanını içerebilir.

Temel Etiketler Tablo Tablosu:

...

Bunlar tabloyu tanımlayan ana etiketler. Masanın tüm öğeleri bu iki etiketin içinde olmalıdır. Varsayılan olarak, tablonun çerçeveleme ve ayırıcı yoktur. Çerçeve sınır özniteliği tarafından eklenir.

Tablo satırı: ...

Tablonun satır sayısı, katılan etiketlerin sayısı ile belirlenir. ... Satırlar olabilir hizalama özellikleri ve tablodaki satırların içeriğinin görsel konumunu tanımlayan Valign.

Masa hücresi: ...

Standart bir masa hücresini açıklar. Tablo hücresi sadece masa satırının içinde tanımlanabilir. Her hücre, açıklandığı hoparlör numarası ile numaralandırılmalıdır. Bazı sütunlar için satırda bir veya daha fazla hücre yoksa, tarayıcı boş bir hücreyi görüntüler. Varsayılan hücredeki verilerin konumu, ALIGN \u003d "Sol" ve VALIGN \u003d "Orta" özellikleri tarafından tanımlanır. Bu konum hem dize açıklaması düzeyinde hem de hücre açıklaması düzeyinde düzeltilebilir.

Masanın herhangi bir hücresi etiketleri değil belirlenebilir

…ve etiketler … - Tablo başlığı (masa başlığı). Th.

geleneksel bir hücredir, ancak bu etiketlerin içindeki metin kalın ve merkezli olarak vurgulanacaktır.

İmza: ...

Bu etiket tablonun adını (imza) açıklar. Etiket içeride bulunmalı

..., ancak herhangi bir dize veya hücrenin açıklaması dışında. Varsayılan Align \u003d "üstten" bir özniteliğe sahiptir, ancak açıkça Align \u003d "alt" olarak yüklenebilir. Hizalayın.

tablonun üstte veya altta nerede uygulanacağını belirler. İmza her zaman masa genişliğinin çerçevesinde ortalanır.

Temel nitelikler sınır tablosu

Bu özellik tablo etiketinde kullanılır. Bu özellik varsa, tablo sınırı tüm hücreler için ve bir bütün olarak tablo için çizilir. Sınır, sınırın genişliğini belirleyen sayısal bir değer alabilir, örneğin Border \u003d "3".

namlu ile şövalye 19 Eylül 2012, 11:16

HTML kodunu yazarken önlemek için hatalar

HTML ile her gün çalışan herkes, tüm HTML kurallarına uyması kadar kolay olmadığı için çok özenli olmalıdır. Bu çok önemlidir, çünkü HTML validatı her şeyi, hatta küçük, hatta kusurları bulur ve sayfa kodunu hatalarla alırsınız. Bugün onların en yaygınlarına dikkat etmeye çalışacağız. Önerilen tavsiyelerin birçok ve özellikle yeni başlayanlar, geliştiriciler için çok faydalı olacağından eminim. Çok hoş geldiniz

Yanlış yuvalama html etiketleri

Her şeyi doğru bir şekilde kapatmak çok önemlidir. Html etiketleri. Kapanmalılar ters sipariş Nasıl açık oldukları ile karşılaştırıldığında. Yenilenenlerin çoğu dikkatini ödemez. Etiketler yanlış sırayla kapatılırsa, doğrulamada hata alacaksınız ve bazı stiller kullanılamaz. Dikkatli ol!

Hata

Metniniz

Derhal

Metniniz

Küçük harf içindeki blok elemanlarını kullanma

Uygulamada en azından az kullanılan HTML, elemanın görüntülenebileceğini veya bir blok veya bir dizge olarak biliyorum. Paragraflar ve bölümler dahil blok elemanları küçük harf içermelidir. Bu mantıksal bir belge değeridir, bu nedenle kodunuzun buna karşılık geldiğinden emin olun.

Popüler küçük harf elemanları: , , ,
Popüler blok elemanları:

,

…

,

,

,
, ,

Hata

Hata

Derhal

Standart'a göre

Listelerin yanlış kullanımı

OL ve UL etiketleri, liste öğelerini birçok yönden görüntülemek için kullanılabilir. Ayrıca çok fazla ek avantaj elde edersiniz. Liste etiketleri, doğru ekranı için bilgileri biçimlendirmek için çok yardımcı olur. Listeler oluştururken alıntılar kullanmayı reddetmenizi öneririm. Arama motorları ayrıca, sayfadaki bilgileri yapmanıza yardımcı olduğu için listelerin kullanımına bakın. Hack yerine standart etiketleri kullanın.

Koddaki Stilleri Kullanma

Muhtemelen, koddaki stillerin kullanımının kötü olduğunu zaten duymuşsunuzdur. Düşünmedin, neden böyle? Bunun nedeni, CSS ve semantik HTML'nin içeriği tasarımından ayırmak için tam olarak tasarlandığıdır. Böyle bir model, belgelerle çalışmanın çok daha fazla esnekliği ve rahatlığını sağlar.

Hata

Harika metnin

Tagov etiketi görmezden geliyor

Etiketler başlıkları, başlıkları sayfadaki ayrı bir bölüme vurgulamak için tasarlanmıştır. Standart, bu etiketler için kullanmayı önerir.

önce

. İçindeki metnin tasarım ve düzeni herhangi biri olabilir, ancak belgenin doğru yapılandırılmasını sağlayın!

Hata Harika başlığın

Makalenizin metni.

Derhal

Harika başlığın

Makalenizin metni.

Form etiketinin yanlış kullanımı

Hepimiz genellikle HTML'de form ve tablolar oluştururken bir hata yaparız. Masanın zaten formun içinde oluşturulması gerektiğini unutmayın!

Hata

...

Derhal
...

Kullanılmayan Özellik ALT.

Görüntülerle çalışırken, ALT özelliğini kullanmanız gerekir. Çok yavaş bir bağlantı kullanılsa bile, kullanıcılar, görüntünün sitesinde ne olacağını belirleyebilecekleri için gereklidir. Bu değer, kullanılan görüntünün özünü tanımlamalıdır. Asla Alt \u003d "resmini kullanmayın." Görüntü tamamen dekoratif fonksiyonlar yaparsa, kullanın alt \u003d "*".

Hata Derhal

Yağ veya italik vurgulamak için yanlış etiketler

olmasına rağmen ve Çoğu durumda, görevleriyle mükemmel bir şekilde başa çıkılır, metin tasarımı için stillerin kullanımı çok daha fazla esneklik elde etmenizi sağlar. Etiket, metnin belirli bir kısmının değerini vurgulamalısa, ardından etiketleri kullanın. ve .

Satır transferinin yararsız kullanımı

Etiket
Bir sonraki teklifi bir sonraki satırda başlatmak için bir dizede bir kez kullanılabilir. Birçoğu, öğeler arasında bir mesafe oluşturmak için bu etiketi kullanın. Bu kullanım standartlara uymaz.

Hata, ilk paragraftır.


Sürekli metin. Derhal

İlk paragraf.

Sürekli metin.

Etiketler: HTML, Hatalar

HTML'deki metni biçimlendirme - yöntemler ve örnekler - 5 üzerinden 5 üzerinden 1 oy

Paragraflara nasıl değiştirilir ve geçmiş derslerde düşündük.

Bu derste, HTML'deki metin biçimlendirmesinin nasıl biçimlendirilebileceğine ve bunun için hangi etiketlerin varlığına bakacağız.

İlk önce, etiketi kullanarak metin türünü nasıl değiştirebileceğinizi düşünün ve kapanışını çifti. Taga Birkaç özellik var. Face \u003d "" özniteliği kullanarak, metin yazı tipini ayarlayabilirsiniz. Bunu yapmak için, öznitelik yüzündeki alıntılar arasında \u003d "" Yazı tipinin adını kaydetmeniz gerekir.

Örneğin: Metniniz

Bu örnekte, Arial yazı tipi ayarlandı ve etiketler arasında katmanlı tüm metin bu yazı tipi tarafından gösterilecektir. Biri olmadığını belirleyebilirsiniz, ancak virgül aracılığıyla birkaç yazı tipi, bu durumda ilk uygun yazı tipi listeden seçilecektir. Yani, örneğin, sayfanıza kısaltılan kullanıcının sistemindeki ilk yazı tipi olmayacaksa, ikinci yazı tipi seçilecektir.

Bu şöyle yazılmıştır: Metniniz

Yazı tipinin seçimi ile dikkatli olmanız gerekir. Çeşitli egzotik yazı tiplerini belirtmeniz gerekmez. Çünkü onlar sadece ziyaretçinizin bilgisayarında olmayabilirler. Arial, Times Roma, Vernada, Tahoma gibi standart yazı tiplerini kullanmak en iyisidir.

Bir sonraki etiket niteliği Bu boyut \u003d "". Bu özniteliği kullanarak, yazı tipi boyutunu ayarlayabilirsiniz. Bunun için, alıntılar arasında, 1 ile 7 arasındaki numarayı belirtmelisiniz.

Örneğin: Metniniz

Ek olarak, metni biçimlendirmek için kullanılan başka bir HTML etiket grubu vardır, metinleriyle, kalın, italik olarak vurgulanabilir, vurgulayabilirsiniz.

Metni bir etiketle yapabilirsiniz. ve kapanışını çifti. Bu etiketler arasında bulunan metin yağ olacaktır. Ek olarak, kalın metin etiketle yapılabilir. ve kapanışını çifti. Sayfadaki anahtar kelimeleri vurgulamak için ikinci etiketi kullanmak daha iyidir.

Örneğin: Thumbnail

Italik'te etiketle metin yapabilirsiniz. Bu iki etiket arasında bulunan metin sağda bir eğim olacaktır.

Örneğin: İtalik Metin

Altı çizili metin etiketle yapılabilir ve etiketini kapatmak. Bu etiketler arasında yer alan metin altında, hat yapılacaktır.

Örneğin: Altı çizili metin

Çapraz metin bir etiket kullanılarak oluşturulabilir ve etiketini kapatmak Bu etiketler arasında eklenmiş metin merkezde olacak, çizgiyi geçti.

Örneğin: Kazıklı metin

Metni biçimlendirmek için kullanılan bir sonraki HTML etiketi ve buhar kapanıyor. Bu etiketler arasında sonuçlanan metin, ana olana göre daha fazla olacaktır.

Örneğin: Büyük metin

Etiket ve buhar kapanıyor İncelenen etiketin doğrudan tersi biraz daha yüksektir. Bu etiketler arasında eklenmiş metin, ana metne göre daha az boyutta olacaktır.

Örneğin: Küçük metin

Nihayet, hala iki tane daha etiket olduğunu düşünmek zorundayız. Üst dizini tanımlayan, yani bu etiketler arasında bulunan metin boyut olarak daha küçük olacaktır ve ana yazı tipine göre en üstte görüntülenir.

Örneğin: ^Superscript

Ve etiketler Alt dizini belirleyin. Test, bu etiketler arasında mahkum, ana metnin altına yerleştirilecektir.

Örneğin: _{Alt dizin}

İşte aslında etiket verilerinin yardımıyla, bir veya başka bir yazı tipi stilini tanımlayabilir ve HTML'de metin biçimlendirmesini biçimlendirebilirsiniz.

Portal tarafından hazırlanan malzeme:

Tarayıcı	Internet Explorer.			Netscape.			Opera.			Safari.	Mozilla.	Firefox.
Sürüm	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Desteklenen	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet	Evet

Açıklama

Etiket Boyut, renk ve kulaklık gibi yazı tipi özelliklerini değiştirmek bir kaptır. Bu etiket hala tüm tarayıcılar tarafından desteklenmesine rağmen, eski kabul edilir ve stilleri reddetmeyi reddetmek önerilir.

Sözdizimi

Metin

Kapanış etiketi

Zorunlu.

Parametreler

Renk metin rengini ayarlar. Yüz, yazı tipinin kulaklığını belirler. Boyutu geleneksel birimlerde yazı tipi boyutunu ayarlar.

Örnek 1. Bir etiket kullanarak










Pbu teklifin başı, Arial Yazı Tipi tarafından yazılmış, kırmızı renkte vurgulanır ve boyutta artmıştır.





Etiketin parametrelerinin açıklaması

Renk parametresi

Açıklama

Konteynerin içindeki metnin rengini ayarlar .

Sözdizimi

...

Argümanlar

Renk değeri iki şekilde ayarlanabilir.

1. adına göre

Tarayıcılar, bazı renkleri adlarına göre desteklemektedir.

2. Onaltılık değerde

Renkleri ayarlamak için, sayılar onaltılık kodda kullanılır. Onaltılık sistemden farklı olarak, ondalık sistemden farklı olarak, 16 numaralı sayısı arasında, adından aşağıdaki gibidir. Numaralar aşağıdakiler olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 10 ila 15 arasındaki rakamlar latin harflerle değiştirilir. Sık numaralar, onaltılık sistemde 15'ten fazla, birinde iki sayının kombinasyonu ile oluşturulur. Örneğin, ondalık sistemdeki 255 sayısı, onaltılık sistemdeki FF sayısına karşılık gelir. Sayı sisteminin tanımındaki karışıklığı karıştırmamak için, ızgara sembolü onaltılıktan önce ayarlanır, örneğin # 666999. Üç renkteki her biri kırmızı, yeşil ve mavidir - 00'dan FF'ye değer alabilir. Böylece, rengin tanımı, ilk iki karakterin rengin kırmızı bileşenini işaret ettiği, iki orta - yeşil ve son ikisi mavi olduğunda, #rrggbb #rrggbb'ye ayrılmıştır.

Analog CSS.

Varsayılan değer

Varsayılan tarayıcıya monte edilmiş renk.

Parametre yüzü

Açıklama

Yüz parametresi, metin için kullanılan yazı tipi kulaklığı ayarlamak için kullanılır. Yazı tiplerinin isimleri birkaç virgülle getirilebilir. Bu durumda, ilk belirtilen yazı tipi bulunursa, tarayıcı listede aşağıdakileri kullanır.

Sözdizimi

...

Argümanlar

Virgülle ayrılmış herhangi bir sayıda yazı tipi adı. Evrensel Yazı Tipi Aileleri:
serif - serifs (antika), tip zamanlı yazı tipleri;
sANS-SERIF - Kıyılmış yazı tipleri (spor ayakkabı veya grotesk olmayan yazı tipleri), tipik bir temsilci - arial;
el yazısı - net yazı tipleri;
fantezi - dekoratif yazı tipleri;
monospace - Monoshyrched Fontları, aynı ailedeki her sembolün genişliği aynıdır.

Analog CSS.

Varsayılan değer

Varsayılan tarayıcıya yüklenen yazı tipi.

Boyut seçeneği

Açıklama

Geleneksel birimlerde 1 ila 7 arasındaki yazı tipi boyutu, varsayılan olarak kullanılan ortalama boyut alınır. Yazı tipi boyutu mutlak bir değer olarak belirtilebilir (örneğin, boyut \u003d "4") ve bağıl (örneğin, boyut \u003d "+ 1", boyut \u003d "- 1"). İkinci durumda, boyut baza göre değişir. Yazı tipi boyutu sadece belirtilen boyut parametresini değil, aynı zamanda yazı tipi kulaklığının seçimi de etkiler. Böylece, Arial yazı tipi zaman fontundan daha büyük görünüyor ve Verdana yazı tipi biraz daha fazla arial yazı tipidir. Yazı tipi ve boyutları seçerken bu özelliği alın.

Sözdizimi

...

Argümanlar

1'den 7'ye kadar bir tam sayı veya semboller + ve -.

Teste sorular

HTML nedir? Kaç tane zorunlu etiket var? Belgenin adı hangi etiketleri arasında? Hangi etiket çiftleri belgedeki paragrafı belirler? Sağ kenarla hafifletilen ikinci seviyenin başlığı, Etiket tarafından belirlenir: İngilizce'ye nasıl gidilir? Dil etiketleri sağ, sol kenarlara, merkezde, genişlikte kaydedilir: Etiket başlığı veya hizalama parametresinin paragrafındaki yokluğu, Metin Hizalamasına yol açar: Hangi eşleştirilmemiş etiketleri, yatay çizgiyi% 50 genişlik, kalın 2 piksel, yanlış, mavi renk gerekli olan için etiket ayarlandı HTML'de? HTML belgesinde 2 tür (yöntem) Metin biçimlendirmesi sizin için bilinmektedir? Ezilmiş kalın metinler elde etmek için hangi etiketlerin uygulanması gerekir? Seyir ve altı çizili bir metin veren bir kod parçası neye benziyor: Hangi etiketleri, metni dize (uzun ve ikame) ana seviyesine göre kaydetti? Yüz, renk ve boyut parametrelerine ait biçimlendirme etiketi nedir? Yüz parametresinde belirtilen yazı tipi bilgisayara yüklenmemişse ne olur? Farklı randevular içeren hangi etiketleri aynıdır (italik) metni görüntüler? Etiketse pürüzler Kapalı değil mi? Bir Monoshyrawn metin sayfasını görüntülemeniz gerekirse, etiketleri kullanarak yapacaksınız: aşağıdaki kod parçasını yorumlayacaksınız:
Neşeli html Köprü metni nedir? Herhangi bir bağlantının bileşik parçalarını belirleyin? Belge Endeksi'nden referansların organizasyonu için. Belge kitabında HTM. Aynı dizinde bulunan HTM, bir dize yazmanız gerekir: Normal köprü ne tür (stilleri üst üste bindirilmemiş)? Başvurduğunuz dosyanın eksik olması durumunda ne olur? Endeks dosyasına nasıl atıfta bulunulur. Risunki dosyasında, kökte bulunan HTM. HTM, SHEDEVR klasörüne yatırılan görüntü klasöründe bulunur mu? Hangi durumlarda, iç bağlantıların uygulanması tavsiye edilir? "Edition" bölümünden (Anchor IZDAN) bölümüne (Anchor-IZDAN) bölümüne iç bağlantı yapmak için: Aşağıdaki parçanın anlamını açıklar: Sonuç Posta Kutusuna Bir Bağlantı Nasıl Yapılır ***** @ *** Ru BGCOLOR parametresini ne belirler? HTML'deki renkleri temsil etmek için hangi numara sistemleri kullanılır? Hangi rengi mavi ile temsil edilir? Vücut etiketi parametrelerinin varlığı olmadan ne tür bir HTML-PAGE? Etiket gövdesi parametrelerinin doğru birliklerini işaretleyin? Görüntülenen bağlantının rengi hangi parametredir? Vücut etiketinin kaç parametresi, HTML belge alanlarının sınırlarını belirleyen vücut etiketinin hangi parametrelerinin bir belgeyi bir arka plan olarak yerleştirmenizi sağladığını biliyor musunuz - bir görüntü? Numaralı ve işaretli bir liste hangi etiket verilir? Buruşuk meydandaki işaretleyici türünü nasıl değiştirilir? Dikey bir masa hücresi birleştiren nasıl gerçekleştirilir? Yatay olarak?