giriş

1. Temel bilgiler

1.1 mov html hakkında

1.2 Web sitesi oluşturma

1.3 Genel hükümler

1.4 Belge yapısı

1.5 Belge gövde etiketleri

1.6 Temel html etiketlerinin listesi

2. Ek bilgiler

2.1 Liste etiketleri

2.3 Belgenin ortasındaki grafikler

2.4 Belgeye stiller ekleme

2.5 Özel html etiketleri

2.6 HTML formu

2.7 HTML çerçeveleri

2.8 Html tabloları

2.9 Web için grafikleri optimize etme

2.10 CSS temelleri

3. Sitenin oluşturulmasının açıklaması

3.1 Hazırlık

3.2 Katlanır kafa

3.3 Diğer tarafın yaratılması

3.4 Tarafın yerin tanımıyla işbirliği

3.5 Fotoğraf tarafı

3.6 Programlar sayfası

3.7 podyaks ile Storinka

Visnovok

muzaffer edebiyat listesi

giriş

Bu tez benim HTML'ime adanmıştır. Ek destek için, Web tarafı olan *.htm ve *.html uzantılı dosyalar oluşturulur. Onlardan siteler ve İnternet oluşur.

Mezuniyet öncesi çalışmadan önce, site HTML dili yardımıyla neler yapabileceğinizin bir örneği gibidir.

Tüm işler 3 bölüme ayrılmıştır. İlki, ana HTML etiketlerinin açıklamasına daha fazla atama ayırdı. Bunlar hakkında gerekli tüm bilgileri, basit web sayfalarının nasıl oluşturulacağını bileceksiniz. Bir diğeri için, bunlar hakkında, belgenin eski görünümünün nasıl iyileştirilebileceği ve mümkün kılınabileceği hakkında bilgi paylaştılar. Üçüncüsü, sitenin nasıl oluşturulduğunu, mezuniyet çalışmasına eklerin bir açıklamasını yaptı. Yeni bir rapor, sitenin oluşturulmasıyla ilgili ikinci aydaki zorlu çalışmayı anlatıyor, düzeltildiklerinde farklı aflar, zor benimseme yöntemleri hakkında anlatılıyor.

Bunu okuduktan sonra robotsanız, insan olun, programlamayı öğrenin, HTML'de programlamanın temellerini anlayabilirsiniz. Ve bilenler, kendileri için yeni bir şey bilmek mümkündür.

1.1 Profesyonel hareket HTML

Hiper Metin İşaretleme Dili (HTML), WEB ortamında köprü metni belgeleri oluşturmak için tanınan standart dildir. HTML belgeleri, farklı WEB tarayıcıları tarafından görüntülenebilir. Belge HTML sürümlerinden oluşturulmuşsa, WEB tarayıcısı belgenin çeşitli öğelerini ve bunların birincil işlemlerini görmek için HTML'yi yorumlayabilir. HTML wiki, belgeleri, onlara bakan herhangi bir sistemde değişken yazı tiplerine, çizgilere ve diğer grafik öğelere gönderilmeleri için biçimlendirmenize olanak tanır.

Çoğu belge, başlık, paragraflar veya listeler gibi standart öğeler içerir. HTML etiketlerini kullanarak, bu öğeleri, belgelerin genel yapısını ve bilgisel eksiksizliğini hesaba katarak, bu öğeleri görüntülemek için WEB tarayıcılarına minimum bilgi bırakarak belirleyebilirsiniz. Bir HTML belgesini okumak için ihtiyacınız olan her şey, HTML etiketlerini yorumlayan ve belgeyi önünüzdeki ekranda görüntüleyen, yazarın yapması gereken bir WEB tarayıcısıdır.

Çoğu zaman, belgenin yazarı, belgenin orijinal görünümünü açıkça tanımlar. Bir WEB tarayıcısının özelliklerine dayanan HTML okuyucu zamanlarında, belgenin tanıdık bir görünümüyle dünyaya şarkı söyleyebilirsiniz (ancak bunun yerine yoga değil). HTML, ek HTML etiketi için belgenin başlıktan mı yoksa paragraftan mı sorumlu olduğunu belirtmenize ve ardından WEB tarayıcısının bu etiketleri yorumlamasına izin vermenize olanak tanır. Örneğin, bir WEB tarayıcısı bir paragrafın başındaki etiketi tanıyabilir ve belgeyi doğru şekilde sunabilir, diğeri ise belgeyi bir satırda gönderme yeteneğine sahip değildir. Diğer WEB tarayıcıları da yazı tipinin boyutunu ve türünü, rengi ve belgenin ekranına eklenmesi gereken diğer parametreleri ayarlayabilir.

HTML etiketleri akıllıca iki kategoriye ayrılabilir:

1. WEB tarayıcısının bir bütün olarak belgenin gövdesini nasıl görüntüleyeceğini belirten etiketler.

2. Belgenin başlığı veya yazarı gibi belgenin genel yetkisini tanımlayan etiketler.

HTML'nin ana avantajının, belgenizin farklı türdeki WEB tarayıcılarında ve farklı platformlarda görüntülenebilmesi olduğunu unutmayın.

1.2 katlamak İnternet sitesi

HTML belgeleri, bir metin düzenleyici veya özel HTML düzenleyiciler ve dönüştürücüler yardımıyla oluşturulabilir. HTML belgeleri oluşturmak için kullanılacak editörün seçimi, yalnızca bir cilt yazarının netliği ve özel benzerliğinin anlaşılmasında kullanılacaktır.

Örneğin, Netscape'in Netscape Navigator Gold gibi HTML düzenleyicileri, WYSIWYG (Ne Görüyorsanız Onu Alırsınız) teknolojisini kullanarak belgeleri grafiksel olarak oluşturmanıza olanak tanır. Öte yandan, belge oluşturmaya yönelik geleneksel araçların çoğu dönüştürücüler tarafından dönüştürülebilir ve bu da belgelerin HTML biçimine dönüştürülmesine olanak tanır.

Tüm HTML etiketleri " ile başlar<" (левой угловой скобки) и заканчиваются символом ">(sağ apeks kemeri). Kural olarak, bir başlangıç ​​etiketi ve bir bitiş etiketi kullanın. Popo için, başlangıç ​​ve bitiş etiketinin ortasındaki metni belirten ve belgenin başlığını tanımlayan başlık etiketlerini gezdiririz:

Son etiket, başlangıç ​​etiketiyle aynı görünüyor ve apeksin ortasındaki metinden önce yeni bir doğrudan eğik çizgi gibi görünüyor. Kimin uygulamasının etiketi var - başlık metninin tamamlanması hakkında.

Deyaki etiketleri, yani, yak

(bir paragrafı tanımlayan bir etiket), son etiketi unutmayın, ancak belgenin çıktı metninin okunabilirliğini ve yapısını da geliştirir.

HTML, etiketi tanımlayan karakterlerin durumuna yanıt vermez ve daha önce üzerine gelindiğinde, örnek şöyle görünebilir:

Saygı duymak! En iyi okunabilirlik için bir HTML belgesinin çıktı metnine eklenen ek boşluklar, tablolama ve satır döndürme sembolleri, belgeyi yorumlarken WEB tarayıcısı tarafından göz ardı edilecektir. Bir HTML belgesi, yalnızca etiketlerin ortasına yerleştirilmişlerse diğer öğelerin açıklamalarını içerebilir.

І

. Etiketler hakkında rapor

Aşağıda yazılacaktır.
 
WEB tarayıcısı belgeyi kabul ederse, belgenin nasıl yorumlanabileceğini gösterir.  Bir belgede görünen ilk etiket bir etiket olabilir .  Bu etiket, web tarayıcısına belgenizin HTML olarak yazıldığını söyler.  Minimal bir HTML belgesi şöyle görünür:
 
Belgenin gövdesi...
 
Belge başlığı .  Etiketin yanındaki alıntıdan belgenin başlık etiketi sorumludur. ve daha fazlası belgenin başlığının yakınında değil.  Tsey etiketi, belgenin genel bir açıklamasıdır.  Etiketin ortasındaki metin olsun veya olmasın benzersiz rozmіschuvat .  Başlangıç ​​etiketi etiketin hemen önüne yerleştirilmiş 
 
Saygı duymak!  Teknik olarak, başlangıç ​​ve bitiş etiketleri türü , і  neobov'yaskovі.  Ayrıca, WEB-tarayıcısının belgenin başlık kısmını ve belgenin orta kısmını ayırmasını sağlamak için bu etiketler için ünlülerin, etiketlerin sesli harflerinin kullanılması tavsiye edilir.
 
Belge başlığı , ortasına yerleştirilmiş -etiketler, uygulamada yukarıda gösterildiği gibi Belge pencerede görüntülendiğinde belgenin başlığı görüntülenmez.
Gün boyunca, BT alanı daha da genişliyor ve büyüyor, sitelerin oluşturulmasından içiyor.  Zbіlshennya'ya üretmek için fahivtsіv kіlkostі fahivtsіv, yakі sitenin gelişimini ve yogo desteğini almaya hazır.  Bununla birlikte, bu tür web-majstrіv'lerin çoğu ücretsiz tasarımcılar tarafından karşılanmaktadır ve programlama ve teknik depolama sitesi hakkında düşünülemez bile olabilir.  Delicesine, kullanılabilirlik, tasarım ve içerik daha da önemlidir, ancak kodunda af bulunan teknik olarak zayıf bir site iyi şans getiremez.  Bu nedenle, sitelerin oluşturulması için, sanki onları dil ile programlayabilmişler ve siteyi sıfırdan genişletmeye hazırlarmış gibi, fakhivtsy'nin üstlenebileceklerinden daha azı.
Web siteleri oluşturmak için ne tür filmler bilmeniz gerekiyor?
Dosvіdchenі rozrobniki scho, scho, zengin faktörleri takip etmek için movi programuvannya'yı seçer.  Bununla birlikte, ideal bir çözüm olmadığı anlayışının ardından, cilt seçeneğinin kendi avantajları ve eksiklikleri olabilir.  Belirlenen görevlerin yerine getirilmesi için en iyi pidid olarak o dili seçmek gerekir.  Beslenme, dil seçimi olarak önüne bakmak gerektiği gibi:
sunucu platformu;
 
sunucu yazılımı;
 
oluşturulan sitelerde bilgilerin varlığı;
 
Seçilen veritabanı.
En Popüler Filmler
İnternet sitesi
 
Popülerlik 
(Ay için benzersiz girişler)
 
başlangıç ​​aşaması 
(Müşteri)
 
arka uç 
(Sunucu)
 
Veri tabanı
Google.com
 

 1,600,000,000

 

 
C, C++, Git, Java, Python
 
BigTable, MariaDB
facebook.com
 

 1,100,000,000

 

 
Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell
 
MariaDB, MySQL, HBase Cassandra
youtube.com
 

 1,100,000,000

 

 
C, C++, Python, Java, Git
 
Vitesse, BigTable, MariaDB
yahoo
 

 750,000,000

 

 
PHP
 
MySQL, PostgreSQL, VB.NET
Amazon.com
 

 500,000,000

 

 
Java, C++, Perl
 
Oracle Veritabanı
wikipedia.org
 

 475,000,000

 

 
PHP, Hack
 
MySQL, MariaDB
twitter.com
 

 290,000,000

 

 
C++, Java, Scala, Ruby
 
MySQL
bing
 

 285,000,000

 

 
ASP.NET
 
Microsoft SQL Sunucusu
eBay.com
 

 285,000,000

 

 
Java, JavaScript, Scala
 
Oracle Veritabanı
msn.com
 

 280,000,000

 

 
ASP.NET
 
Microsoft SQL Sunucusu
Microsoft
 

 270,000,000

 

 
ASP.NET
 
Microsoft SQL Sunucusu
Linkedin.com
 

 260,000,000

 

 
Java, JavaScript, Scala
 
Voldemort
ilgi alanı
 

 250,000,000

 

 
Django, Erlang
 
MySQL, Redis
wordpress.com
 

 240,000,000

 

 
PHP, JavaScript (Node.js)
 
MariaDB, MySQL
PHP.  Yoga temelinde - en basit dil işaretlemesi, HTML.  PHP pov'yazuє koristuvach sunucu kısmıdır.  Bir dönüş bağlantısı biçimi olarak bu tür işlevleri kendi uygulamamın amacı, kayıt alanları çok ince.  Sözdizimi tієї movi kolay ve sadece vivchiti.  Ticari bir portalın oluşturulması için, koristuvach'ın iletişim bilgilerini yeni en basit şekilde alması gerekenler için PHP vazgeçilmezdir.  Filmin temel avantajı, vikoristovuyuchi її, programcıların hızlı ve zayvih zusil olmadan dinamik tarafları katlayabilmesidir.

Python.  Rus yogasına genellikle "python" denir.  Tse vysokorіvneva mova, yüksek rütbeli zavdan için yak vikoristovuєtsya, en çok da vykonannya zavdan sunucusu için.  Yogo oryantasyonu - programcının verimliliğini artırmak ve kodu okumak.  Yardım için zengin bir programlama paradigmaları setinin yedek kopyasını oluşturabilirsiniz.  Python, Windows ve Linux sunucularında otomatik olarak çalışır.
Rubi.  Rus yogasına genellikle "rubi" denir.  OOP (nesne yönelimli programlama) için dinamik, yansıtıcı ve üst düzey bir dildir.  Win size herhangi bir işletim sisteminde zengin akış uygulama yeteneği verir, dinamik bir görünümün katı bir tipleştirmesini benimser ve az sayıda başka seçeneğe sahip olabilir.  Ruby sözdiziminin özellikleri için Eiffel ve Perl'in analoglarına en yakın olanıdır.  Ayrıca Python'un arkasında birkaç detay var.
A.S.P.  Bu dil Microsoft Corporation tarafından dağıtılmıştır.  Ek teknoloji için www.asp için programlar indirebilirsiniz.  Filmler için platformlar: Internet Information Server (IIS) ve Windows NT.  ASP'ye kolayca kendim denilebilir, internet sitesine programa erişim teknolojisi için daha pahalıdır.  ASP'nin tüm avantajları, basit komut dosyası oluşturma ve üçüncü taraf COM öğelerini yükleme olasılığıdır.

JavaScript.  Javascript trohi ilkesi diğer programlama dillerinden farklıdır.  Bu, bir HTML dosyasına doğrudan bağlantı için başlık yetkilisidir.  Komut dosyası, yorumlayıcı tarafından işlenen, tarayıcı tarafından uygulanan JavaScript'e dayalı kreasyonlar.  Qia mova vykoristovuetsya, geniş bir görev yelpazesi için: dinamik tarafların oluşturulması (belgeyi geliştirmek için üzerlerindeki içerik değiştirilebilir);
Virishennya mіstsevyh zavdan;  sunucuya bir sonraki gönderimden önce formların doldurulmasının doğruluğunun doğrulanması.
Hareketin büyük olanakları її popülerliği ile açıklanmaktadır.  Bu nedenle, JavaScript'in yardımı için şunları yapabilirsiniz:
yana doğru değiştirin: metin ekleyin veya temizleyin, stilleri ve etiketleri değiştirin;
 
yakіs podії'ya yanıt verin (örneğin, bir farenin tıklamasına) ve verilen işlevi kazanın;
 
hatırlatıcıları gözden geçirin, çerezleri ayarlayın ve okuyun, girilen verilerin doğruluğunu kontrol edin;
 
belgeyi yeniden içe aktarmadan ve içeri aktarmadan yeni verileri içe aktarın.
perl.  Bu hareketin başlangıcı, çeşitli görevleri yendikleri için, görevin tüm kompleksinin tamamlanması için tek bir senaryoda programın oluşturulması için yazılmıştır: metin işleme, yönetim ve diğerleri.  Bugün Pearl, esas olarak CGI eklentilerinin geliştirilmesi için kazanıyor.  Vіn, sunucuları ve diğer sistemleri yönetmeye yardımcı olur.  Pearl'de Zavdyaki sadeliği ve hızlı yazılı komut dosyası, yoga, Mac ve Windows dahil tüm popüler platformlara uyarlanmıştır.  Perl kodu kontrol edebilir, tamamen ücretsizdir.
Çok bilgiye ne gerek var?
Temel programlama bilgisi okulda bilgisayar bilimleri derslerinde öğretilir.  Pratsyuvati, koçanların Pascal ve Delphi'si üzerinde neredeyse dermaldı.  Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, daha karmaşık ve ciddi bir yaklaşım.  Başarılı bir programcı için gerekli olan ilk şey, matematiksel, mantıksal bir akıl deposu ve onu kendi başınıza elde etme yeteneğidir.  Varto yapmazsanız, her şeyi söylemeniz gerekir.  Birinde daha iyi ustalaşmak, anneyi beş kelime hakkında daha fazla şey öğrenmek için alçaltmak daha iyidir.  Her şey benzer ilkeler olabilir, tüm kokular günün mantığında olacak, bir saat içinde yeni vchiti yogo'mun derisiyle her şey daha basit.  Başkasının kodunu kopyalayın veya değiştirin, belki başkası, ama kendi kodunuzu yazın, doğru bir "sanatçı" olmak için bina deri olmaktan uzak.
Çeşitli film ve düzenlerden HTML hiper metnine kadar Web sitelerinin geliştirilmesi
 
Web Tarafları ve Web Siteleri
İnternet sayfaları. HTML (Hyper Text Markup Language) hipermetin belgelerinin mobil düzeninin yardımı için web tarafları oluşturulur.  Standart bir metin belgesinde, bir tarayıcıda görüntülendiğinde Web tarafının görünümünü belirleyen HTML etiketleri olan anahtar semboller eklenir.
Web taraflarının başlıca avantajları şunlardır: 
- Asgari bilgi takıntısı; 
- farklı işletim sistemlerini inceleme imkanı.
Web taraflarının oluşturulması için, oluşturulmakta olan belgede yer almayan, hangi karakterlerin editörün metnine biçimlendirildiği en basit metin düzenleyicileri kullanılır.  Windows'ta böyle bir düzenleyici olarak, standart Not Defteri programını çevirebilirsiniz.
Varyant HTML etiketleriyle Web sayfalarının oluşturulması, filmin sözdizimini öğrendikten sonra çok fazla çaba gerektirecektir.  Zastosuvannya spetsialnyh іnstrumentalnyh іnstrumentalnyh zasobіv (Web editörleri), robotu Web sitelerinin oluşturulmasını basit ve etkili bir şekilde soymak için.  Web editörlerinde sayfa oluşturma ve düzenleme süreci daha ileri düzeydedir, bu nedenle WYSIWYG modunda gerçekleştirilir (İngilizce "Ne Görürseniz Onu Alırsınız" - "Ne Görürseniz Onu Alırsınız").
Web siteleri. All-World Merazh'ın yayınları, materyalin bu veya sorunlardan intikamını alıyormuş gibi Web siteleri şeklinde gerçekleştirilir.  Egemen yapı ve kuruluşlar (bölüm, düşünce, okul vb.) kendi kuruluşlarının resmi Web sitelerini oluşturur ve bu sitelerde faaliyetleri hakkında bilgi yayınlarlar.  Ticari firmalar kendi Web sitelerinde mal ve hizmetlerin reklamını yapar ve bunları İnternet mağazalarında tanıtırlar.  İnternette muhabir iseniz, kendi tematik sitenizi oluşturabilirsiniz, bu sitede gelişmeler, istifleme vb. hakkında bilgi yayınlayabilirsiniz.
Tıpkı bir derginin farklı yönlerden oluşması gibi, bir Web sitesi de bilgisayar Web sayfalarından oluşur.  Koristuvachevy'nin Web tarafları arasında gezinmesine izin verdiği için site, hiperpozilan sistemine meydan okumaktan suçludur.
Web sitenizi İnternet'teki bir sunucuya ilk yerleştirdiğinizde, şiddetle protesto etmek gerekir, sitenizin potansiyeli İnternette on milyonlarca coristuvachi olacaktır.
Bir Web sitesini yayınlamak için, İnternet sunucularından birinin tam konumunu bilmek gerekir.  Pek çok sağlayıcı, müşterilerine kendi sunucularında Web sitelerinin ücretsiz olarak barındırılması (ücretsiz barındırma) olanağı sunar.
Kontrol beslenme
1. Web tarafları neden harika metin belgelerine göre önceliklidir?
2. Web siteleri Web sitelerinde nasıl birleşir?
Web sitesi yapısı
Tarafın HTML kodu, kabın ortasına yerleştirilir. .  Bu etiketler olmadan tarayıcı belgenin biçimini belirleyemez ve doğru şekilde yorumlayamaz.  Web tarafı iki mantıksal bölüme ayrılmıştır: başlık ve tarayıcıda görüntülenen bölüm.
Web tarafının başlığı kapsayıcıyla eşleşiyor  ve belgenin adını ve sayfayla ilgili ek bilgileri (örneğin, kodlama türü) değiştirmek, böylece tarayıcı tarafından doğru görüntülenip görüntülenmediğini kontrol etmek.
Etiketler yayın tepesinde bulunur ve tek veya erkek olabilir.  üst etiketler konteyner).
Kapanış etiketi, karakterden önce bir eğik çizgi (/) ile değiştirilmelidir.  Etiketler hem büyük hem de küçük harflerle yazılabilir.
Tarafın adı kabın yanına yerleştirilir  ve tekrar ziyaret saatinin altında, tarayıcı penceresinin en üst satırında görünür.
Tarayıcıda görüntülenen taraf değişikliği kapsayıcıya yerleştirilir. (Şekil 6.26): 





<ТITLE>Bilgisayar




Bilgisayar ve bellenim 






Pirinç.  6.26.  Web Tarafı "Bilgisayar"ın Hazırlanması
Oluşturulan Web tarafı, index.htm adlı bir dosya olarak kaydedilmelidir.  Tıpkı bir Web sitesi dosyasını genişletmek gibi, HTML'de de ince ayar yapabilirsiniz.  Siteye dağıtım için özel bir klasör oluşturmanız ve bu klasörde dağıtılan site için tüm dosyaları kaydetmeniz önerilir.
Web tarafının altında kaydedildiği index.htm dosyasının adını dosya sisteminden, Web tarafının adını (örneğin, "Bilgisayar") üst satırda göründüğü gibi ayırmak gerekir. tarayıcı penceresinin  Im'ya Web tarafları, dürtme sistemleri ile analiz etmemizin imkansız olduğunu bana kanıtlayabilir.
Kontrol beslenme
1. Genel olarak bir HTML belgesinde hangi etiketler (kaplar) bulunmalıdır?  Web tarafının mantıksal yapısı nedir?

6.10.  Pratik olarak bir görev.  Bir web sayfası "Bilgisayar" oluşturun ve tarayıcıda ona bakın.
Web sitesinde metin biçimlendirme
Şimdilik bizim tarafımız hiç hoş görünmüyor: beyaz yaprak bitlerinin üzerinde siyah rengin sıkıcı bir yazı tipi.  Ek etiketler için farklı parametreler ayarlayabilir ve metni biçimlendirebilirsiniz.
Başlıklar. Başlık yazı tipi boyutları, etiket çiftleri halinde ayarlanır<Н1>(en büyük) için<Н6>(en az).
Yazı tipi. Deyaki etiketleri, yetkililerin isimleri gibi nitelikler yaratır ve anlamlarını söyleyebilir.  FONT etiketi ve diğer niteliklerin yardımıyla yazı tipi biçimlendirme parametrelerini ayarlayabilirsiniz.  FACE niteliği, yazı tipi için bir yazı tipi (örneğin, FACE="Arial"), SIZE niteliği - yazı tipi boyutu (örneğin, SIZE=4) eklemenize olanak tanır.
COLOR özelliği, yazı tipi için bir renk belirlemenize olanak tanır (örneğin, C0L0R="mavi").  COLOR özniteliğinin değeri, rengi adlandırarak (örneğin, "kırmızı", "yeşil", "mavi" vb.) veya 16 değerle ayarlanabilir.
Vicorist renk RGB formatı "#RRGGBB"nin on altıncı temsili, ilk iki on altıncı basamak kırmızının (kırmızı) yoğunluğunu, iki ilerlemeyi - yeşilin yoğunluğunu (yeşil) ve kalan iki - yoğunluğunu ayarlar. mavi (mavi) renk.  Rengin minimum yoğunluğu, on altıncı sayı 00 ve maksimum - FF ile gösterilir.  Örneğin, mavi renk "#0000FF" değerine atanmıştır.
Metnin gözden geçirilmesi. ALIGN özniteliğine izin vererek metni görüntüleme yolunu belirtin.  Sol kenar boşluğuna göre hizalama şu şekilde tanımlanır: ALLGN="sol", sağ kenar boşluğuna göre hizalama: ALIGN="sağ", merkeze göre hizalama: ALIGN= "merkez".
Bu sırada, ortalanmış başlığın mavi rengi şu sırayla ayarlanabilir:


<Н1 ALIGN="center">Bilgisayar ve bellenim


Yatay çizgiler. Başlıklar ayrıca tek etiketin arkasındaki yatay çizgiler yardımıyla çapraz takviye edilmelidir. 
.

Paragraflar. Paragraftaki metne ekli<Р>.  Bir saatliğine tarayıcıdan bakacağım, paragraflar aralıklarla aralarında boşluk bırakılmış.  Dış görünüm paragrafı için ilk görünüm türünü ve yazı tipi biçimlendirme parametrelerini ayarlayabilirsiniz.
Sitenin ana tarafı Sitenin ana tarafında, onu kısaca açıklayan metni seslendirin.  "Bilgisayar" sitesinin ana sayfasına yerleştirilen metin, farklı istisnalar dışında paragraflara ayrılmıştır:
<Р ALIGN="left">Bu sitede bilgisayar, yazılım güvenliği ve bilgisayar bileşenleri fiyatları hakkında farklı bilgiler görebilirsiniz. 

<Р ALIGN= "right">Terminolojik sözlük sizi bilgisayar terimleriyle tanıştıracak ve siz de anketi doldurabilirsiniz.
Bu şekilde, "Bilgisayar" sitesinin ana sayfası, başlığı mavi renkte ortalamaya ve farklı hizalanmış iki paragrafa yatay bir çizgi eklemeye değer (Şekil 6.27):


<Н1 ALIGN="center">
Bilgisayar ve bellenim 







<Р ALIGN="left">hangi sitede...

<Р ALIGN ="right">terminolojik sözlük 

...



Pirinç.  6.27.  Biçimlendirilmiş metin içeren web tarafı "Bilgisayar"
Kontrol beslenme
1. Başlıklar için hangi etiketler (kaplar) öne çıkar?  Yazı tipi biçimlendirme?  Paragrafların tanıtımı?
Bağımsız vikonan için görev
6.11.  Pratik olarak bir görev.  Biçimlendirilmiş bir metin içeren bir "Bilgisayar" Web tarafı oluşturun ve bir tarayıcıda ona bakın.
Web sitesine resim ekleme
Web sitesinde, grafik dosyalarına kaydedilen görüntüleri GIF, JPEG ve PNG olmak üzere üç biçimde görüntüleyebilirsiniz.
Resim eklendi. Resim eklemek için etiketleyin Dosyanın yerel bilgisayarda veya İnternette kaydedildiği yeri gösteren SRC özniteliği ile.  Grafik dosyası yerel bilgisayarda Web sitesi dosyasıyla aynı klasörde bulunuyorsa, SRC özniteliğinin değeri yalnızca dosya adı için belirtilmelidir.  Örneğin:

Dosya yerel bilgisayarınızdaki başka bir klasörde bulunuyorsa, niteliğin değeri, hiyerarşi dosya sistemindeki yenisine giden yollar da dahil olmak üzere dosyanın dışında olabilir.  Örneğin:

Bir dosya İnternetteki uzak bir sunucuda bulunuyorsa, o dosyanın web adresi belirtilebilir.  Örneğin:

Küçüğün pozisyonu metne göredir. Metindeki küçük şeyler farklı bir şekilde, beş farklı değer alabilen ALIGN niteliğine izin verir: TOP (üst), ORTA (orta), ALT (alt), SOL (sol el) ve SAĞ (sağ el) .
"Bilgisayar" sitesinin ana tarafında, bilgisayarın görüntüsünü yerleştirmek mantıklıdır.  Küçüklerin metnin sağ kenarı boyunca büyümesi için, rahatsız edici görünümden resim ekleme etiketi sorumludur (Şekil 6.28):



Pirinç.  6.28.  "Bilgisayar" web sitesine resim ekleme
Alternatif metin ekleme. Koristuvachі іnodi, bir saatten tasarruf ederek, tarayıcıda grafik görüntülerin yakalanmasını açın ve salt metinleri okuyun.  Duyusal tarafa müdahale etmemek için küçük olanın değiştirilmesi suçlanıyor, alternatif bir metin getiriliyor.
Alternatif metin, anlamı küçük olan için maw bi koristuvach'ın ne olduğunu açıklayan metin olan ALT niteliğinin yardımıyla görüntülenir:

Kontrol beslenme
1. Web sitesine resim eklemek için hangi etiket ve nitelikler kullanılır?
Bağımsız vikonan için görev
6.12.  Pratik olarak bir görev.  "Bilgisayar" Web tarafına bir resim ekleyin ve tarayıcıda ona bakın.
Web taraflarında hiper güç



Tarayıcıda dolaşan web sayfası yerel bilgisayarda aynı klasörde barındırılıyorsa, adres değişikliği dosya tarafından basitçe belirtilir, örneğin:

Bir tarayıcıya yüklenen bir web sayfası İnternette barındırılıyorsa, İnternet adresleri adres olarak belirtilir, örneğin:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Güç göstergesi
Pokaznik psilannya mi bachimo pid saat tarayıcıda web sayfasını tekrar ziyaret edin.  Vkazivnik, metin, mavi renk ve destekte sesli vizyonlar veya bir çerçeve içinde küçük vizyonlar gönderebilir.  Yeni bir fare girerken, imleç "el" simgesine dönüşecektir.  Arayandan sonra fareye tıklayın, hiper uzayda gösterilen Web tarafına geçişi çağırın.
görüntüyü tarayıcıda incelemeden önce: 

<А HREF="picture.jpg">resim
tarayıcıya eklenen programı başlatmadan önce şu ses dosyası oluşturuldu: 

<А HREF="sound.wav">Ses
tarayıcıda yüklü olan dosya yakalama yöneticisinin yardımıyla dosyayı yerel bilgisayara kaydetmek için: 

<А HREF="Apxив.ziр">dosyayı al
Site gezinti paneli."Bilgisayar" sitesi için bir klasör oluşturuyoruz ve siteye boş sayfaları "Programlar", "Sözlük", "Tam" ve "Anket" ekliyoruz.  Bunları, ana site için software.htm, glossary.htm, Hardware.htm ve anket.htm adlarına sahip dosyalar için kaydedin.  Bunlar başlıkların "boş" tarafları ama yine de anneyi affedemiyorsunuz:




<ТITLЕ>yan başlık





 
Sitenin ana tarafında, sitenin cilt tarafına hyperposilan reklamları yerleştiriyoruz.  Hiperpozilanın göstergeleri olarak en uygun seçim, geçişin yapıldığı tarafları adlandırmaktır.
Sayfanın alt kısmındaki hiperpozilan göstergelerini yeni bir paragrafta bir satırda boşluklarla ( ) bölerek taşıyalım.  Hiperposilanın bu şekilde yerleştirilmesine genellikle navigasyon paneli denir.
Gezinme panelini oluşturan sitenin ana sayfasına HTML kodunu ekleyelim:
<Р ALIGN="center">

[<А HREF="software . htm">programlar]   
[Sözlük]   
[Aksesuarlar]  
[Anket] 


E-posta adresine hiper mesaj. Sitenin ana tarafında bulunan Corisno, hangi bilgiler için site yönetimi ile iletişime geçebileceğiniz e-posta adresine bir mesaj gönderin.  Bunun için e-posta adresine HREF niteliğini atamak ve kapsayıcıya її eklemek için gerekli olan 
 adresleri eklemek için kabul edilen paragrafın stilini tanımlayan :



<А HREF="mailto:[e-posta korumalı]">E-posta: 

[e-posta korumalı]


Şimdi, e-posta adresine tıklamak için Outlook Express posta programı açılacaktır. Kime gönderilen adreste gösterilecektir.
Daha sonra, "Bilgisayar" Web sitesi için bir başlık, bir bilgisayar görüntüsü, iki paragraflık metin, e-posta adresine gönderilen bir gezinme çubuğu içeren bir ana sayfa oluşturuldu (Şekil 6.29).


Pirinç.  6.29.  "Bilgisayar" sitesinin ana sayfası hazır
Kontrol beslenme
1. Hiperposilan oluşturmak için hangi etiket ve yoga nitelikleri kullanılır?
Bağımsız vikonan için görev
6.13.  Pratik olarak bir görev.  Sitenin diğer tarafındaki hiperpozilan panelini kaldıracak bir "Bilgisayar" Web tarafı oluşturun ve tarayıcıda ona bakın.
Web sitelerindeki listeler
Web taraflarına metin yerleştirirken sık sık bitirmek için, farklı seçenekler için listeleri manuel olarak seçin: 
numaralandırılmış listeler, listenin öğeleri ek sayılarla tanımlanıyorsa;

işaretli listeler, listenin öğeleri ek özel karakterlerle (işaretçiler) tanımlanıyorsa;

Sözde sözlük formunda randevu transferlerini bir araya getirmenize izin veren randevu listeleri.
Listeler oluşturmak ve yuvalamak mümkündür, ayrıca yatırım yapılan liste türüne göre ana liste olarak kabul edilebilir.
Numaralandırılmış listeler. Konteynerin ortasındaki dağıtımların numaralandırma listesi 
 
numaralandırma türünü ayarlayabilirsiniz: Arap rakamları (yakalama için), "I" (Roma rakamları), "a" (küçük harfler) ve in.



< LI >Sistem programları 

< LI >Uygulama programları 

< LI >programlama sistemleri 


İşaretli listeler.İşaretleme listesi, kabın ortasında görüntülenir ve listenin kaplama öğesi bir etiketle işaretlenir.< LI >.  TYPE etiketi özelliğiyle ilgili yardım için 
işaretçinin türünü listeye ayarlayabilirsiniz: "disk" (disk), "kare" (kare) veya "daire" (kolon):



< LI >metin editörleri; 

< LI >grafik editörleri; 

< LI >elektronik tablolar; 

< LI >Veritabanı Yönetim Sistemleri. 


"Programlar" web sitesinde, ana bilgisayar yazılımı türlerinin değişikliklerini kapsayacak bir numaralandırma listesi yer almaktadır.
Ana numaralandırılmış listenin diğer elemanına, eklerin bir işaretleme listesi ekliyoruz (Şekil 6.30).
Randevu listesi. Randevu listesi, kabın ortasında görüntülenir. 
/
.  Ortadaki metin, tek etiketler olarak görülen terimler olarak biçimlendirilir. 
ta vznachen, yakі tek etiketler için git 
.

Web tarafı "Sözlük"ü bilgisayar terimleri sözlüğü şeklinde gösterebiliriz (Şekil 6.31):


İşlemci 

Bilgilerin ikili kodda işlenmesi için bilgisayarın merkezi eki. 

Çalışan bellek 

Lütfen, hangi programların ve verilerin kaydedildiğini. 


Kontrol beslenme
1. Numaralandırılmış listeler yapmak için ne tür notlar galip gelir?  İşaretli listeler?
Bağımsız vikonan için görev
6.14.  Pratik olarak bir görev.  Numaralandırılmış bir listeye sahip bir Web tarafı "Programlar" oluşturun ve işaretli bir listeyi yuvalayın.
6.15.  Pratik olarak bir görev.  Bir terimler listesi içeren bir Web tarafı "Sözlük" oluşturun.

"HTM filmleri yardımıyla Web tarafları oluşturma" kursu
L

»

 
Konu 1. Pochatkova mov HTML hakkında bilgi
 
Film HTML Ataması
 
ağ
-taraflar– HTML'mde yazılmış tüm özel dosyalar ( Aşırı

Metin

işaretleme

dilim
– hiper metin için mov düzeni).  pid rozmіtkoy metne özel kodların (etiketlerin) eklenmesini anlamak, ilk olanlar, bir alt çanta hiper metin belgesi olarak özel bir program - bir tarayıcı tarafından görüntülenmekten suçludur.
 
Sistemden bağımsız dosyalar oluşturmaya yönelik HTML dili, belgenin biçimini tanımlar, aynı zamanda yapısını da tanımlar.  Örneğin, metinde bir başlık varsa, HTML kodu basitçe ilgili parçanın başlık olduğunu belirtir.  Böyle bir kodu inceledikten sonra, program - tarayıcının kendisi virishuє, scho їy robiti başlığıdır.  Daha büyük bir yazı tipinde veya ekranın ortasında görüntülemek mümkündür.  Metin film sentezleyici tarafından oluşturulacaksa, sentezleyici tüm kodu kopyalayacak, böylece hacmi hareket ettirecek ve gerekli duraklamayı ekleyecektir.
 
Mova HTML є bilgisayar mov, şarkı anlamında mov programlama ile tartışılır.  Doğru sonuçları almak için tamamlamanız gereken aşağıdaki kuralları dahil ediyorsunuz.
 
HTML dili, World Wide Web hizmeti ile bir gecede ortaya çıktı ve onunla aynı zamanda geliştirildi.  Vin, World Wide Web'in temeli ve aynı zamanda en geniş popülaritesinin nedenidir.
 
HTML

- dosya
 
HTML - dosya - genişletilebilen bir metin dosyası .htm veya .
html

 Web sitesi bir HTML dosyası olarak kaydedilir.  Bir HTML dosyası oluşturmak için Not Defteri veya Word Pad gibi basit metin düzenleyicileri ve Web düzenleyicileri olarak tweet atabilirsiniz.
 
HTML belge yapısı
 
HTML belgesi, ana belgeden ve standart karakter kümeleri gibi işaretleme etiketlerinden oluşur.
 
Tüm HTML belgeleri iyi tanımlanmış bir yapıya sahip olabilir.  Belge, bir etiketle başlayıp, kapanan farklı bir etiketle bitmekten suçludur.  Bu etiket çifti, tarayıcıya önünde geçerli bir HTML belgesi olduğunu söyler.
HTML belgesi şunlardan oluşur: belgenin başlıklarını ve gövdesini ayırdı, scho bu sırayla kendisi gidin.  Yönetmeliklerin başlıklarını etiketler ve bir bütün olarak belge hakkında saklanan bilgiler arasında böldüm.  Kendi etiketlerinden intikam almaktan suçlu olan Zokrema ve belgenin “resmi” başlığı ile takas.
Belgenin metni genişletildi belgenin gövdesinde.  Belgenin gövdesi, etiketler ve BODY> arasında genişletilir.  Uygulamada, bu ana etiketlerin günleri için konumlarını belirlemek mümkündür.  Bunun için, etiketler gibi, і  ve ayrıca kıvırcık etiketler atlanırsa, program - tarayıcı yeri kendisi belirleyebilir, koku sorumludur.  Ancak sonuçta, Web taraflarının oluşturulması sırasında qi etiketlerinin atlanması önerilmez.
En basit doğru HTML belgesi.
 
 <
KAFA
>
 
 <
BAŞLIK
>Belge başlığıBAŞLIK
>
 
KAFA
>
 
 <
GÖVDE
>
  
GÖVDE
>
 
etiketler
HTML

 
Mova HTML, özel rozmichalnyh göstergelerinden - etiketlerden oluşur.  Ayrıca komutlar, talimatlar veya HTML kodları olarak da adlandırılabilirler.
 
Etiket, metnin nasıl işlenmesi gerektiğini belirtmek için tarayıcıya verilen bir talimattır. 
 Tüm etiketler küçüktür sembolüyle başlar (<) и заканчиваются символом «больше» (>).  Birkaç sembol farklı şekilde adlandırılır kıvırcık kemerler. Apex bow Ide'nin açılmasından sonra anahtar kelime, etiket ne anlama geliyor
 
Bir film HTML'sinin dış görünüm etiketi özel olarak tanınabilir.  Etiket adlarındaki harf kaydı önemli olamaz - etiketlerin belgenin orijinal metniyle eşleşmesi için büyük harfleri hecelemek istiyorsanız, büyük harfler kadar küçük de göz kırpabilirsiniz.
 
İki tür etiket kullanın - erkekler ve eşleştirilmemiş.
 
erkek etiketleri- hangi eğriler ve eğriler, bir cebirsel virüsün yuvarlak kemerlerine benzer.  Koku, o aydaki metne, canlı olarak, o aydan önce eklenir, burada їх dії sonunun işareti gösterilir (eğri etiketleri eğik çizgi karakteriyle (/) başlar).
 
Örneğin, <
 HTML > HTML >, <
 P>P>, H3 >
 
Eşlenmemiş etiketler göründükleri yerde tek seferlik bir etki verirler, bu nedenle kapanan özete gerek yoktur.
 
Örneğin, 
, , 
 
Etiket Web sitesiyle ilgili hizmet bilgilerini taşır ve tarayıcı ekranında görünmez: Web sitesinin kodlaması, yazar hakkında tüm bilgiler ve ayrıca sitede görüntülenmesi gereken arama için bir dizi anahtar sözcük.
 
popo
 
katlanır masa örneği
   
Popodan, Windows-1251'in muzaffer kodlamasının tarafının bugün için en genişletilmiş olduğu görülebilir, etiketi yanınıza bakacak şekilde yerleştirmeniz yeterlidir;  yan çizginin yazarı Ivanov Ivan;  yan yaratıklara adanmıştır.
 
Belge tarayıcıda görüntülendiğinde, etiketlerin kendisi görüntülenmez, ancak belgenin görüntülenme biçimine eklenirler. Sanki özetteki af bir anahtar kelimeyi gösteriyormuş gibi, HTML'mde görünmediğinden, etiket çoğunlukla yok sayılır.
 
Etiketler özellikleri
 
Görünen etiketler, genellikle etiketin etkisine eklenen niteliklerin yerini alabilir.
 
Nitelikler - tüm ek anahtar kelimeler, etiketin anahtar kelimesi gibi vodokremlenі ve bir boşluk gibi.
 
Nitelikler, eşittir işaretinden (=) sonra yazılan bir değere sahip olabilir.  Zavzhda, özelliğin değerini pençelere koydu (tek balenli).  Pençelerdeki sıra intikamdan suçlu değil, bu yüzden pençeler kendi aralarında.  Yalnızca sonraki sembollerden bir araya geldikleri için, niteliklerin anlamı için pençelerinizi düşürebilirsiniz:
 
İngiliz alfabesinin sembolleri;
aralıklar;
kısa çizgiler (-).
Ayrıca özelliklerin değeri için pençeleri düşürebilirsiniz, çünkü yalnızca gelen sembollerden toplanır (teknik konsepte geri dönün). 

):
 
İngiliz alfabesinin sembolleri ( A'dan Z'ye, a - z)
rakamlar ( 0

 - 9

)
aralıklar
kısa çizgi ( -

)
bu şekilde, GENİŞLİK=80і  HİZALAMA=ORTA- için izin verilen kısaltma GENİŞLİK = "80"і  HİZALAMA = MERKEZİ.
Kapanan etiketler, özelliklerin intikamını almaz.
 
uygulamak. YAZI TİPİ >
 

Yorumlar
Aynı şekilde, tüm dil programlarında olduğu gibi, programa yorum eklemek mümkündür (programın parçası olmayan metin satırları) ve HTML'yi taşımanın bir yolu yoktur.  Yoruma özel etiketle başlayın.  Bir yorum, büyüktür simgesi (>), i dışında herhangi bir simge içerebilir, bu nedenle etiketleri ekleyemezsiniz.
Etiket düşüş ilkesi
konteyner etiketleri
Dünyanın etiketlerinin iki bölümden oluştuğunu zaten biliyoruz - tse vіdkrivaє (aynı şekilde - niteliklerin intikamını almak için) ve zakrivає, tobto "kіnets" etiketi.  Soyut parametrelerdeki görevler yalnızca koçan ile koçan arasındadır, yani yalnızca etiketin ortasındadır:

<начало 2-го тега>
metin metin metin metin metin metin metin metin metin metin metin metin metin metin

<начало 3-го тега>
metin metin metin metin metin metin metin metin metin metin metin metin metin metin
<Конец 3-го тега>
<Конец 2-го тега>
<Конец 1-го тега>
Sol kenara basmak vipadkovі değildir - koku, daha kolay anlaşılmasını sağlamak için HTML kodu oluşturan programlar tarafından otomatik olarak eklenir.  Dosit ozumіti, etiketi görmek için sol kenarda scho chim, tim "daha fazla" damarlar yalan, tim daha "eski" etiketler yeni çocukta olabilir.
Ayrıca iç içe etiketlerin bazı niteliklerinin "eski" etiketlere eklenebileceğini unutmayın.  Örneğin, bu, bire bir iç içe yerleştirme için tipiktir. 
Dahili tablonun görev boyutu 100 ise, dış tablonun boyutu 100 piksel + çerçeve genişliğinden daha az olamaz.  Böyle bir sıralamada, masaya yak bi "rozpiraє" yatırılır, yak'a yatırılır.  Eğer öyleyse, içindeki görev sayısını genişletmek gerekli değildir, ancak içindeki metinlerin sayısı önemlidir, böyle bir boyut için “eski” tabloyu açacaksınız, bu da çok sayıda satırı görüntülemek için gerekli. Metin.  "Geri arama" denir.
1 numaralı pratik robot
"En basitin yaratılması
ağ

-Storinki"
Hedef: Bir metin düzenleyici Not Defteri'nde Web taraflarının nasıl oluşturulacağını öğrenin.
Vkazivki'den vikonannya'ya
Aşağıda gösterildiği gibi HTML belgesi için yeni bir yapı yazın:
En küçük kardeşlerimiz hakkında.
Burada doğru Web tarafını bulacaksınız
Dosyaya .htm adını vererek dosyayı kaydedin.
Oluşturulan dosyayı açın.  Dosyanın kreasyonlarını nasıl gördüğünüzü tarayıcının penceresinde görebilirsiniz.
Tarayıcınızı kapatın.
Not Defteri'nde kayıtlı dosyaya dönün.
Bir sonrakinden önce önceden bir değişiklik yapın: “Web tarafının değişikliği buraya yerleştirilecek” kelimelerini değiştirin, şunu yazın: Benim ilk tarafım

.
üst üste <

BAŞLIK>

"Ev tarafı (adınız bu isimdir)" deyin.
Dosyayı sayfa 2.htm olarak kaydedin.
Sonuca tarayıcıda bir göz atın, gerekirse Not Defteri yardımını kullanarak dosyayı düzenleyin.
Konu 2: HTML etiketleri
Fiziksel ve mantıksal metin biçimlendirme etiketleri
Yazı tipi biçimlendirme
.

 Metni biçimlendirmek için birçok öğe vardır.  Metni ek geleneksel öğeler kullanarak biçimlendirebilirsiniz: parçaları italik, kalın yazı tipiyle görün, yazı tipini seçin, yazı tipini genişletin ve renklendirin, metin parçalarını ters çevirin.  Yazarın metni biçimlendirmek için basit seçenekleri yoksa, HTML biçimlendirme olanaklarını genişletecek olan stil sayfasına gidebilirsiniz.
Metni biçimlendirmenize izin veren standart HTML film öğelerine bir göz atalım.
Yazı tipi- Tüm tablolarda görünen resimlerin kodunu değiştirin. 
Klavyenin dış görünüm tuşu, işletim sistemi tarafından tanınan şarkı kodunu verir (işletim sistemi, çoğunlukla Windows veya Linux / Unix). 
Bu şekilde bir sing yazı tipi seçilerek sistem, sembol tablosundaki klavye kısayol kodunu görüntü harfinin veya ikonunun yazı tipi ile değiştirir.  Deri yazı tipi - tse dosyası.  Bir görüntüyü, dış görünüm düğmesine atanmış harfler, sayılar ve simgelerle değiştirmek için kullanılabilen bir dosya.  Yazı tipi ekle - ek ayar tabloları içeren dosya dosyasını dahil etmek anlamına gelir.  MS Windows sistemleri için, sistemden bir kerede teslim edilen bir dizi yazı tipi vardır - ce:
Arial
Arial
Kurye Yeni
Kurye Yeni
komik sans
Komik Sans
Times New Roman
Times New Roman
Verdana
Verdana
Bu yazı tiplerinden elde edilen deri, kendi tasarım ve stilinde önceden yapılmıştır.  En büyük genişleme Arial'dir.  Tüm yazı tipleri, gelecekteki tarafınızdaki tüm görüşlerin% 90'ı olabilir.  Deri yazı tipi - Windows klasöründe/fonts/*.ttf'de ayrı bir dosya.  HTML'deki yazı tipini farklı görünecek şekilde nasıl değiştiririm? 
<
YAZI TİPİ
>…
YAZI TİPİ
> yazı tipinin türüne, rozmіru ve rengine bağlı olarak.  Tüm bu parametreler ek ilgili nitelikler için atanır.
Yazı tipinin mutlak boyutu, nitelik tarafından belirlenir. size
(tecrübe.).  Bu özellik 1'den 7'ye kadar değerler alabilir, ayrıca 1. boyutun yazı tipi en küçüğüdür ve 7. en büyüğüdür. 
uygulamak.
metin genişletilmiş 1 
metin genişletilmiş 2 
metin genişletilmiş 3 
metin genişletilmiş 4 
metin genişletilmiş 5
metin genişletilmiş 6 
metin genişletilmiş 7
Burada sessiz - çok uzakta ONT>. 
Tasarımda, vicorist ilk chotiri biberiye geliyor.  Daha fazla, pis ton ve amatörlük belirtisi olan her şey, çok fazla yer kaplar ve okunması önemlidir.  Doğru, daha büyük boyutlar için bir durgunluk var.  Örneğin, aynı rozmіrom (koçanın ilk harfi) ile bir başlangıç ​​harfi yazabilirsiniz: T metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin metin. 
Bu arada, metni görüntülemek için seçilecek olan yazı tipini seçebiliriz.  Özellik ile savaşın yüz (bak).
uygulamak.Bu yazı tipi arial boyutu 3 ONT > 
 YAZI TİPİ metni > 
 Yak bachimo, e bu iki öznitelik - rozmіr ve yazı tipi türü - tezde sıralı olarak roztashuvat yapabilirsiniz : 
Ayrıca vikoristuvati niteliğini de kullanabilirsiniz renk (renk). Rengi çağırmak ya bir sayıdır, on altıncı sistemde yazıyoruz, örneğin color = “#ff 0000” ya da ben sadece İngilizce olarak yazıyorum, örneğin renk = “kırmızı”. uygulamak. Tse mavi renkli yazı tipi FONT > 
Bu yazı tipi arial boyutu 3, renk mavi FONT > 
 Yazı tipi ayrıca kullanılabilir: kırılgan (italik), kalın, çarpı işareti, çarpı işareti, üst simge, üst simge ve ayrıca belirlenmiş görüntülerin bir çaçası olarak kullanılabilir.  Etiketlerle ulaşılabilir:  
<
i
>
Metini
> 
<
B
>metinB
> 
<
sen
>
Metinsen
>
<
S
>
 Metin S
>
<
SUP
>
 Metin
 SUP
> 
<
ALT
>
 Metin ALT
>,

ve ayrıca їх podnannyam, örneğin,  <sen
> Metin
 sen>B> 
Paragraf biçimlendirme.
 Olağanüstü belgelerin çoğu, ana işlevsel bölümlere sahiptir. manşetlerі  paragraflar Web belgeleri bir serseri.  HTML'mdeki en önemli paragrafları belirlemek için etiket etiketini kullanın
…P
>
(Paragraf).  Ayrıca, saldırı unsuru olarak sadece bir koçan etiketi kazanabilirsiniz.
saldırgan paragrafın koçanı ve ön kısmın sonu anlamına gelir.  Sessiz durumlarda, değişiklikten sonra bir paragrafın tamamlandığını belirtmek gerekirse, bitiş etiketini seçebilirsiniz. 
Bir kerede, bir paragrafın etiketinden alıntı yapabilir ve atıf yapabilirsiniz. hizalamak:
hizalama = "sol" - sola hizalama; 
hizalama = "sağ" - sağa hizalama; 
align = "merkez" - merkezde hizalama. 
popo
Razdel 1P > 
 
Animasyon > 
 
yan  3P>
Movі HTML'de paragraf girişi ("kırmızı satır") oluşturmak için herhangi bir olanak yoktur, bu nedenle paragraflar arasındaki metni okumanın netliği için tarayıcı boş bir satır girmeye çağırır.  Kural olarak, paragraf oluşturmadan yeni bir satıra geçişi değiştirmek gerekir, tek bir etiket seçilir 
.  Aynı dağılımın olduğu yerde satır biter ve kalan metin yeni bir satırdan başlar.  Tsej etiketi manuel olarak vikoristovuvaty, schob, örneğin, stovpchik'te ayetler yazın: 
Sağlık görevlisini duruşma için içeri aldılar. 
Vedmedic'in pençesini yırttılar, 
Aynı şekilde yoga yapmayacağım, 
Çünkü şarap iyidir. 
Tarayıcı ekranında standart chotirivirsh yazma sırasını kullanıyoruz.
Metinde - yatay çizgiler - belgenin farklı bölümlerini birer birer görsel olarak birleştiren çizgilerde ayrı bölümler oluşturmak önemlidir.  Yatay çizgi, tek bir etiket tarafından oluşturulur.  Yoga yardımı ile tarafı kolayca parçalara ayırabilirsiniz.  Tezin bir takım niteliklere izin verilir:
Virivnyuvannya
hizala="sola"
hizala = "merkez"
hizala = "sağ"
hizala = "yasla"
Yoldaşlık ve Dovzhina Hattı
 piksellerde.
Boyut = 3 (piksel cinsinden genişlik)
genişlik = 300 (piksel olarak uzunluk)
genişlik = %100 (genişlik genişlik)
Çizginin rengi
renk = "kırmızı"
HTML dili, belgede altı eşit dahili başlığı destekler.  Kokular, etiketlerle belirtilir.
…
önce
…
. 
İlk satırın başlığı en büyüğü ve altıncı satırın başlığı en küçüğüdür.  Başlıklar için özellikleri solda, ortada, sağda vurgulayabilirsiniz. 
popoEn Büyük Başlık 
En Az Başlık 
Ev yaratıkları
 
Mantıksal metin biçimlendirme
.

 Bu noktada etiketlere bakabiliriz, etkilerine gelince, yazı tipinin boyutunu, rengini ve görüntüsünü belirleyen etiketleri tahmin ederler.  Bu etiketlerin metnin gerçek gücünü etkili bir şekilde tanımladığını belirtmek önemlidir.  Tse, metnin farklı tarayıcılarda farklı şekilde oluşturulabileceği anlamına gelir, ancak herhangi bir nedenle yazı tipi efektlerini engelleme olasılığı yoksa, bu durumda garantilerin etkisinin ortaya çıkmasına neden olur.  Tüm bu etiketler birleştirilir ve metne eklenir, etiketler arasındaki düzenlemeler, eğri ve kapanır.  Obs'yazkovy etiketinin kapatılması. 
Etiket  …
 tırnak için vikoristovuєtsya, isim kitapları.  İtalik olarak ses çıkar. 
HTML parçaları bilgisayar kullanan kişiler tarafından oluşturulmuştur, metinlerin bilgisayar programlarında sunumu ve bunlarla etkileşimin sonuçları için bütün bir etiket grubu tanınır. 
Etiket <
KOD
>…
KOD
>
 Tek aralıklı bir yazı tipinde (çoğunlukla Courier yazı tipinde), yani sabit boyutlu bir yazı tipinde ses çıkaran bir bilgisayar programının çıktı metnini belirtin. 
Etiket <
KBD
>…
KBD
>
 tek aralıklı kalın bir yazı tipi gibi görünen klavye yardımı için buti (veya buv) tanıtımlarından kaynaklanan metni biçimlendirme.  İngilizce klavye türü - klavye 
popo
 
Windows'u başlatmak için şunu yazın: kazanç. 
kod:
Windows'u başlatmak için şunu yazın: win 
Etiket  …
 metni örnek olarak belirleyin.  Programlar olması gereken metnin anlaşılması için Vikoristovuetsya.  Tek aralıklı yazı tipinde görüntülenir. 
popo 
 harika metin 
Etiket  …
 listeleme programında vikoristovuєtsya vіdіlennya zminnіh.  Ses, bu tür metinler italik olarak görüntülenir.  İngilizce türü var iable - değiştirilebilir. 
popo. 
A,
B,
C 
kod: 
A, B, C
 
Etiket <
EM
>…
EM
>
 vykoristovuetsya metnin unsurlarını görün (italik olarak ses). 
Etiket <
KUVVETLİ
>…
KUVVETLİ
>
 metin öğelerinin güçlü bir vizyonu için vykoristovuetsya (kalın yazıyla). 
popo 
 harika metin 
Ve işte seçilen etiketten gelen metin .
Buradaki shardlar tasarımı görme anlamında galip gelir, tag yerine tagları kazanmanız tavsiye edilir. і<


B
>.


 
2 numaralı pratik robot
 
“Web tarafında metin biçimlendirme”
 
Hedef: Web sitesinde yazı tipini ve metni nasıl biçimlendireceğinizi öğrenin.
 
Vkazivki'den vikonannya'ya
 
öğede<
BAŞLIK> “P/r No. 2” tarafının adını girin.
Gelen metni, küçük olanda gösterildiği gibi ifadelere (kemerlerde italik olarak verilmiştir) uygun şekilde biçimlendirin.
Ev yaratıkları 
(BaşlıkH
1)
 
(Merkezden görünüm)
 
köpekler
 
(BaşlıkH
2)
 
(Merkezden görünüm)
 
bekçi
 
(Virіvnyuvannya zlіva, kalın yazı tipi)
 
Mislivski
 
(ters, sağ elle, kalın yazı tipi)
 
Pansuman
 
(Ortalanmış, kalın italikler)
 
Klubi Vistavki Maidanchiki
 
(ortada vurgulanmıştır, yazı tipi boyutu 10, renkli yazı tipi siyah, yazı tipiArial
)
 
Virsh
 
(Yazı tipi rengi mavi, yazı tipi boyutu 6, hizalama ortadadır)
 
Yaşam için mütevazıyım,
 
alkışa gerek yok
 
merhaba ben iyiyim
 
mermiye hayran kaldım!
 
(Sola hizalama, yazı tipi boyutu 6)
 
Listelerin oluşturulması
 
 İşaretli listeler.
 Liste orijinal metne göre gözden geçirilir, bu nedenle Koristuvachev'in paragrafların numaralandırılması hakkında düşünmesine gerek yoktur: Ben kendim alıyorum.  Listeye yeni maddeler eklenirse veya kısaysa, numaralandırma otomatik olarak düzeltilir.  Programın farklı numaralandırılmamış listelerinde, cilt noktasının önüne işaretçiler koyun: kukhli, dikdörtgenler, eşkenar dörtgenler veya diğer görüntüler.  Sonuç olarak, liste bir kılavuz gibi görünüyor.
 
Numarasız bir liste oluşturmak için etiketler:
 <
LI
>
UL
>
 Etiket 
є kendi çerçeveli listesi.  Vin, diğer türlerin bir listesini eklemenize izin verir.  Etiket
deriyi delinmelerden belirleyin. 
popo
 

1. öğe listesi 
2. madde listesi 
3. madde listesi 

Ekran görünümü:
 
1. öğe listesi
2. madde listesi
3. madde listesi
Numaralandırılmış liste oluşturmak için etiketler: <
Ö
L><
LI
>
OL
>
 

Numaralandırılmış listeler.
 Sıralı bir listenin yapısı, sırasız bir listenin yapısına benzer.  Etiketi çerçevelemek için çerçeveler
.  Deri ürün, Arap chi Romen rakamları ve Latin alfabesi harfleriyle numaralandırılmıştır.
popo
 

1. öğe listesi 
2. madde listesi 
3. madde listesi 
O L>
 
Ekran görünümü:
 
1. öğe listesi
2. madde listesi
3. madde listesi
Numaralandırma yöntemi ek bir özniteliğe atanır tip.  Tablolar tüm numaralandırma yöntemlerine sahiptir:
 
Numaralandırma türü
 
3 numaralı pratik robot
 
"Numaralı ve numarasız listelerin oluşturulması"
 
Tsіl
:
 Web taraflarında listelerin nasıl oluşturulacağını öğrenin.
 
Vkazivki'den vikonannya'ya
:
 
1
.  Not Defteri düzenleyicisinde yeni bir Web tarafı oluşturun.
 
2
.  öğede .
 
ilk tarafım
 
3) Belgenin gövdesi.
 
Belgenin üçüncü baş kısmı üçüncü gövdedir.  Başlığın yanında bulunur ve etiketler arasında bulunabilir і.  Bir HTML belgesinin gövdesi, yazarın HTML kullanılarak biçimlendirilmiş bilgileri yazabileceği yerdir.
 
İlk tarafım ................................................................
 
Artık tarafımızın HTML kodunu yazabiliriz:
 

 
Metin biçimlendirme
 
BODY dağılımında tüm tablolama sembolleri ve son satır tarayıcı tarafından yok sayılır ve hiçbir şekilde ekran tarafına dökülmez.  Bu nedenle, bir HTML belgesinin dış metnindeki bir satırın kayması, özel etiketlerin varlığına bakılarak görülen metinde yeni bir satırın başlangıcına yol açmaz.  Bu kuralı hatırlamak önemlidir ve satırları ayıran etiketler koymayı unutmayın, aksi takdirde metinde paragraf olmaz ve okunamaz hale gelirsiniz.
 
Yeni bir satırın koçanı için etiket galip geldi 
(kısa form İngilizce molası - kesinti).  Bu etiket, tarayıcı rahatsız edici satırın koçanındaki alt metni görüntüleyene kadar görüntülenmelidir.  Yenisi için kapanan bir etiket etiketlenmez.  Zruchny'de, örneğin üstte yeni bir paragrafın başlangıcı olmadan yeni bir satırdan her ay yazmak için gerekli olduğu için.  Tekrar tekrar, bu seçim, tarafın ilerleyen parçasını aşağı doğru iterek bir veya bir parça boş satır eklemenize izin verir.
 
Boşluksuz böyle bir metni okumak kolay değildir;  Paragraflara bölünmüş metin zengin, havalı bir şekilde alınır.  Yeni bir paragrafın başlangıcı için etiket eklenir
 
(İng. paragraf - paragraf).  Bu etiket, yeni bir satırın koçanını kıvırın, bir boş satır ekleyin.  Etiketin orta yayı kullanın, buna krem ​​deyin, ayrıca nitelikler de yerleştirebilirsiniz (İngilizce nitelikler - nitelikler).  Koku, isimde ve kendi arasında bir boşluk (bir veya bir dekilcoma) olarak yakılır ve sıfatın adı = "anlam" olarak yazılır.  Açıklıkların intikamını almamak önemliyse, pençeler indirilebilir, ancak böyle çalışması önerilmez.  Etiket 
 
Örneğin, hiçbir yolu yok, yeni bir etiket önü kapatmak anlamına geliyor, açıkçası para yatırmak imkansız.  Metni merkezle hizalama, etiketle de yapılabilir.
 
Artık çeşitli revizyonlardan aşağıdaki metni Web sayfamızda yayınlayabiliriz:
 
ilk tarafım
 
İşte benim özel yönüm olacak!
 
Onlar hakkında bilgi edinebilirsiniz: - bana benden ve biriktirdiklerimden bahsedin;  - Benim fotoğraflar.
 
Bir tarafımdan bana daha küçük bir elektronik sayfa gönderebilirsiniz.
 
HTML belgesinin kendisine yakın bir satır ve sekmelerin bir dizi sembolünün geliştirilmesi için Crimium etiket seçimi.  Etiketi kimin için kullanıyorsun?  Etiketler arasına yerleştirilen ve değişiklik yapılmadan gösterilen tüm metinler, bu nedenle birkaç satır ve tablo kullanmak gerekir.
 
Örneğin:
 
Tsey metin yazımlarının iki satırı vardır.
 
HTML belgelerinde metin dışında yatay bölünmüş çizgiler olabilir.  Koku, metin gibi, aynı eski dosyaları gözden kaçırmaz.  Teg, vzdovzh tarafının genişliğinin tek bir ekleminin yatay çizgisini canlandırıyor.  Yatay çizgi, satırın ağzına kadar oluşturulmalıdır, ancak satır arasındaki boş satırlar metin tarafından bildirilmez.  Etiket, çaça özniteliğinin yerini alabilir.  ve ölümün önemsiz etkisinden bir kontur çizgisi verin.  sosyal siyah bir çizgi verin.  Çizgi, kenarın tüm genişliği boyunca uzanmayabilir, ancak bir parçasından daha az olabilir.  WIDTH özelliği, çizginin genişliğini piksel olarak tüm kenarın genişliği veya piksel olarak ayarlar.  Örneğin, %50 - sayfanın genişliğinin yarısı, 400 - 400 pikselin genişliği.  ALIGN özelliği, bir etiketin değerlerine benzer değerler alabilir, ancak varsayılan değer ortalanır.  SIZE özelliği, çizginin genişliğini piksel olarak 1 ile 175 arasında ayarlar;  umovchannyam 1 için ale yakshcho (çizgi - kontur), daha sonra yıkımın trivimir etkisi için gerekli olan yoldaşlık eklenir.  Satırların paragraflar halinde sıralanması, metnin mantıksal parçalarını görmenizi sağlar.  Ancak, Web sitenizi görüntülemek için kabul edilemez birçok yatay çizgi vardır, bu nedenle cilt paragraflarından sonra iz bırakmaz.  Koku, birçok şubeyi görmek için daha uygundur.



    

        

            
Facebook
            
heyecan
            
Temas halinde
            
Google artı
        
    
     arızalar
   


						
			


			
			

    
Ayrıca uygun olabilirsin
     

        
    
 
    

        

            
Sadece neden 2 internet olmadan çalışmıyor
        
        
    
 

        
    
 
    

        

            
Sorun giderme yöntemleri
        
        
    
 

        
    
 
    

        

            
Skyrim, başlatıcıdan dosya indirmiyor