,
ALT özelliğini kullanmamak
Resimlerle çalışırken ALT özelliğini kullanmanız gerekir. Bu, kullanıcıların çok yavaş bir bağlantı kullanıyor olsalar bile görüntünün yerine ne olması gerektiğini belirleyebilmeleri için gereklidir. Bu değer, kullanılan görüntünün özünü tanımlamalıdır. Asla alt = "image" kullanmayın. Görüntü tamamen dekoratif işlevler gerçekleştiriyorsa, kullanın alt = "*".
Hata Privilno
Kalın veya italik için yanlış etiketler
Buna rağmen Ve Çoğu durumda işlerini iyi yaparlar; metni biçimlendirmek için stilleri kullanmak çok daha fazla tasarım esnekliği sağlar. Etiketin yalnızca metnin belirli bir bölümünün anlamını vurgulaması gerekiyorsa etiketleri kullanın. Ve .
Satır sonlarının gereksiz kullanımı
Etiket
Bir sonraki cümlenin bir sonraki satırda başlamasını sağlamak için satır başına bir kez kullanılabilir. Birçok kişi bu etiketi öğeler arasında boşluk oluşturmak için kullanır. Bu kullanım standartlara uygun değildir.
Hata İlk paragraf.
Metnin devamı. Privilno
İlk paragraf.
Metnin devamı.
Etiketler: HTML, hatalar
FEDERAL EĞİTİM AJANSI Belgorod Devlet Teknoloji Üniversitesi adını almıştır. V. G. Shukhova
S.P. Gavrilovskaya, R.A. Myasoedov, A.I. Rybakova
İNTERNET TEKNOLOJİSİ
Hesaplama ve grafik görevlerini gerçekleştirme yönergeleri
ekonomi öğrencileri için
Belgorod
|
|
Laboratuvar çalışması No. 1 Bir HTML belgesinin yapısı.
|
|
HTML belgesini biçimlendirme.................................................. ..................... ......
|
|
Laboratuvar çalışması No. 2 Listeler basit ve iç içe geçmiştir.
|
|
HTML tabloları oluşturma.................................................. ......................................
|
|
Laboratuvar çalışması No. 3 Köprü oluşturma.
|
|
HTML belgelerinde grafiklerle çalışma.................................................. ........
|
|
Laboratuvar çalışması No. 4 CSS teknolojisi.
|
|
Web sitesi tasarımı tasarımı................................................. .....................
|
|
Laboratuvar çalışması No. 5 Etkileşimli oluşturma
|
|
HTML belgeleri................................................... .....................................
|
|
LABORATUVAR ÇALIŞMASI No. 1 HTML BELGESİNİN YAPISI.
HTML BELGESİNİ BİÇİMLENDİRME
İşin amacı: bir HTML dosyası oluşturmak ve test etmek. Kaplar kavramı, eşleştirilmiş ve eşlenmemiş etiketler ve öğeler.
HyperText Markup Language (HTML) standart bir dildir
WEB ortamında hiper metin belgeleri oluşturmak için tasarlanmıştır. HTML belgeleri farklı türdeki WEB tarayıcıları tarafından görüntülenebilir. Bir belge HTML kullanılarak oluşturulduğunda, bir WEB tarayıcısı belgenin çeşitli öğelerini vurgulamak ve önce bunları işlemek için HTML'yi yorumlayabilir. HTML kullanmak, belgelerin, bunları görüntüleyen herhangi bir sistemdeki yazı tipleri, çizgiler ve diğer grafik öğeleri kullanılarak sunulabilecek şekilde biçimlendirilmesine olanak tanır.
HTML belgeleri herhangi bir metin düzenleyicisi veya özel HTML düzenleyicileri ve dönüştürücüleri kullanılarak oluşturulabilir. HTML belgeleri Web sitelerinde yayınlanır.
Bir web sitesi, bir konuyla ilgili HTML formatındaki metin bilgilerinin yanı sıra çizimler, grafikler, fotoğraflar, animasyonlu görüntüler ve ses efektleri biçimindeki bilgileri içeren dosyaları içeren özel bir klasördür. İki tür web sitesi vardır:
İnternet servis sağlayıcısının web sunucusunda oluşturulur. Grup Web siteleri olarak intranette oluşturulur.
Proje oluşturma sırası
Bir proje oluşturma süreci birkaç aşamadan oluşur.
İlk aşamada, bir proje oluşturmaya başlamadan önce, projenin işlevsel amacına ve bilgi materyalinin tematik odağına karar vermelisiniz.
İkinci aşamada, genel konu genellikle tematik alt bölümlere ve aralarındaki bağlantıların belirlenmesiyle bireysel makalelere ayrıştırılır. Bu ayrıştırmanın sonucu bir proje yapısının oluşturulmasıdır.
HTML Belge Yapısı
HTML belgeleri, farklı öğeler içeren farklı yapılara sahip olabilir, ancak hepsinin iki gerekli öğeyi içermesi gerekir:
Sayfa başlığı bölümü başlıktır.
Belgenin gövdesi gövdedir.
Başlık Bölümü tarayıcı penceresinin ad çubuğunda görüntülenecek sayfanın başlığı (adı), meta talimatları ve stil sayfalarının açıklamaları gibi sayfanın genel özelliklerini tanımlamaya yarar. meta – talimatlar, arama motorları için gerekli parametreleri ayarlamak için kullanılır.
HTML'de yalnızca bir kavram vardır - bu TAG'dir (İngilizce etiketinden). Etiket, asimetrik karakterler arasındaki karakterlerin birleşimidir "<" и ">".
İki ana etiket türü vardır:
Eşleştirilmiş etiketler – bir kapanış etiketi gerektirir. Açılış ve kapanış etiketleri bilgi içeren bir kap oluşturur.
Örnekler:< b >…, < p >…
Eşlenmemiş etiketler – kapanış etiketi yoktur.
Örnekler:< img />, < hr/ >, < br/ >.
Etiket parametreleri yalnızca eşleştirilmiş ve eşleşmemiş etiketlerin açılması için belirtilir. Etiket gövdesinin içinde bulunurlar ve boşluklarla çevrelenirler. Her etiketin kendine ait parametre seti vardır. Bir etiket içindeki çeşitli parametrelerin listelenme sırası isteğe bağlı olabilir. Bir parametre değeri belirtirken tırnakların varlığı gereklidir.
Yorumlar, HTML kodu parçalarının amacını açıklamayı amaçlamaktadır ve aşağıdaki şekilde biçimlendirilmiştir:ve birden fazla satıra yayılabilir.
Etiketler birbirinin içine yerleştirilebilir. Bu durumda açma ve kapama sırasını takip etmek önemlidir:<тэг1><тэг2><тэг3>metinзакрытие тэга3>закрытие тэга2>закрытие тэга1>
HTML belgesinin yapısı şuna benzer:
Belge başlığı
Belge gövdesi
Etiket dosyanın bir HTML belgesi içerdiğinin göstergesidir. Tüm web belgeleri onunla başlar ve keşfettikten sonra
Etiketler
belgenin başlık bölümünü sınırlayın. Bu bölüm belgenin kendisini içermez. Yalnızca belgenin tamamıyla ilgili etiketleri (özellikle bu bölüm için tasarlanmıştır) içerir. Bu bölüm aynı zamanda etiketi kullanılarak belirtilen belgenin başlığını da içerir. . Etiketler arasına yerleştirilen metin Ve, tarayıcı programının başlık çubuğunda görüntülenir. Başlık bölümünün içinde yer alan etiketler (etiket kullanılarak açıklanan belgenin başlığı hariç) ), ekranda görüntülenmez.
Etiket
belgenin ana bölümünü - “gövdesini” belirtir. Etiketler arasına yerleştirilen bilgiler Ve, çıktı
V tarayıcı penceresi ve içeriği temsil eder web sayfaları.
Etiket kullanma<
font>Metnin rengini ve boyutunu ayarlayabilirsiniz. Metnin rengi color özelliğiyle, boyutu ise size özelliğiyle belirtilir. Örneğin:
Başlıklar
Herhangi bir web sayfası parçalardan, bölümlerin parçalarından, paragrafların bölümlerinden vb. oluşabilir. Bu hiyerarşik yapı, her seviyenin kendi başlığına sahip olduğu çeşitli seviyelerden oluşur. Başlıkları farklı düzeylerde görüntülemek için kullanılan yazı tipi boyutları farklılık gösterebilir. Eşleştirilmiş etiketleri kullanarak bunu yapmak çok kolaydır
.... En büyük başlık yazı tipi etiketlerle belirlenir Ve
. Örneğin:
Bölüm 1.
Bölüm 1.
Etiketin karşılık geldiği üçüncü düzey başlık
, zaten normal (normal) bir yazı tipine çok yakındır. Etiketler , , küçük başlıklar oluşturun.
Başlıklar ekranın ortasına yerleştirilebilir veya sayfanın kenarına (sağ veya sol) yerleştirilebilir. Bunu yapmak için başlık etiketinin içindeki align=" " özelliğini kullanın. Örneğin:
Orta hizalama
Sola hizalama.
1.
Teorik materyale aşina olun.
2.
Not Defteri programını indirin.
3. Şekil 1'de gösterildiği gibi tarayıcı penceresinde görünen bir HTML belgesi oluşturun.
Pirinç. 1. Basit etiketleri kullanarak HTML dosyası oluşturma örneği
Belge listesi
Kişisel sayfam
MERHABA! Bu benim kişisel ana sayfam! benim adım
(Soyadınızı, adınızı ve soyadınızı belirtin).
Benim şehrim
yaşıyorum Belgorod
Grubum
okuyorum......
hobilerim
hobilerim müzik, spor
Arkadaşlarım
Arkadaşlarım benimle ilgili her şeyde yardım.
5.
Dosyayı bir tarayıcı penceresinde açın ve herhangi bir eksiklik varsa düzeltin
6. Görevi tamamlayın.
Bir HTML belgesi oluşturun ve biçimlendirmesini koruyarak metni içine yerleştirin. Başlıkları kırmızıyla vurgulayın, ortalayın ve yatay bir çizgiyle ayırın. İtalik olarak yazılan kelimeler mavi renkle vurgulanır. Yazılan dosyayı *.html uzantısıyla kaydedin. Belgeye bir tarayıcı penceresinde bakın ve herhangi bir eksiklik varsa bunları giderin.
Güvenlik soruları
1.
Hangi türleri biliyorsunuz? HTML etiketleri?
2.
Bir Web sayfasının başlığında en sık kullanılan etiketleri listeleyin.
3.
Açılış paragraf etiketindeki hizalama stili nasıl değiştirilir?
4.
Altı seviyenin tamamının başlıklarını ayarlamak için hangi etiket kullanılabilir?
5.
Başlık etiketiyle neler oluşturabilirsiniz?
6.
Üstü çizili kalın metin elde etmek için hangi etiketler uygulanmalıdır?
7.
Aşağıdaki kod parçasını açıklayın Neşeli HTML
8.
Etiket olursa ne olur? kapatılmayacak mı?
2 No'lu LABORATUAR ÇALIŞMASI BASİT VE İÇİÇİ LİSTELER. HTML TABLOLARI OLUŞTURMA
İşin amacı: bir HTML dosyası oluşturmak ve test etmek. Listeler oluşturma. Tabloların eklenmesi ve yapıları. Tabloları kullanarak sayfaları düzenleyin.
Kısa teorik bilgi
Bir HTML belgesinde üç ana liste türü vardır: numaralı, madde işaretli tanım listesi
Farklı liste etiketleri kullanarak veya birbirinin içinde tekrarlayarak iç içe geçmiş listeler oluşturabiliriz. Bunu yapmak için sadece bir çift etiket (başlangıç ve bitiş) yerleştirmeniz yeterlidir.
diğeri içeride. İç içe geçmiş liste öğelerinin, liste öğesini belirten aynı işaretçilere sahip olup olmayacağı tarayıcıya bağlıdır. Daha fazla ayrıntı için "İç İçe Listeler" bölümüne bakın.
Numaralandırılmış listeler
Numaralandırılmış bir listede, tarayıcı öğe numaralarını otomatik olarak sırayla ekler. Bu, numaralandırılmış bir listeden bir veya daha fazla öğeyi silerseniz kalan sayıların otomatik olarak yeniden hesaplanacağı anlamına gelir.
Numaralandırılmış liste bir başlangıç etiketiyle başlar
ve etiketiyle bitiyor
. Örneğin:
Programlama Algoritma Tasarım
1.
Programlama
2. Algoritma
3. Tasarım
Etiket
parametrelere sahip olabilir:
burada: 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 Romen rakamları (I,II,III...) i – küçük Romen rakamları (i,ii,iii...) 1 – normal sayılar (1,2,3...)
start = "n" – Geri sayımın başlayacağı sayı Örneğin:
- Programlama
- Algoritma
- Tasarım
XV. Programlama
XVI. Algoritma
XVII. Tasarım
Madde işaretli listeler.
Madde işaretli listelerde, tarayıcı genellikle liste öğesini işaretlemek için madde işaretlerini kullanır. İşaretçinin türü genellikle tarayıcı kullanıcısı tarafından yapılandırılır.
Madde işaretli liste bir başlangıç etiketiyle başlar
. Her liste öğesi bir etiketle başlar - . Örneğin:
- Programlama
- Algoritma
- Tasarım
Programlama
Algoritma
Tasarım
Etiket
bir parametreye sahip olabilir: