Golovna
Galmuy
Arabalar html hakkında web sitesi kodu. HTML tarafının bir örneği ve oluşturmanın temel ilkeleri

Arabalar html hakkında web sitesi kodu. HTML tarafının bir örneği ve oluşturmanın temel ilkeleri

: HTML - köprü metni düzeni mov (veya köprü metni düzeni mov)

O halde onu daha iyi tanıyalım.

İlk defa bilgisayarınızda bir dosya oluşturun, adını ne koyarsam koyayım extensions.html (benim buti ingilizce madeni ara- Örneğin, index.html). Böyle bir dosya oluşturmak için - harika bir metin belgesi oluşturun ("Başlat" - "Tüm programlar" - "Standart" - "Not Defteri") ve kaydet ("Dosya" - "Yakı kurtar") herhangi bir yerde yogo (Önceden, Not Defteri uzantısının tanıtılmasıyla, hepsi bir metin dosyası olarak kaydedilir ve bir web dosyasına ihtiyacımız vardır. Bunun için kaydetmeden önce dosya türünü seçin - "Tüm dosyalar (*.*)").

Obov'yazkov'un zihniyle ilgili değil (sunucu ayarlarında ilk tarafın adını hatırlayabileceğiniz kırıklar), ancak sıcak bir ton kuralı. İlk taraftaki dizinin kendisini (index.html) adlandırarak, sunucu yenisine geri dönerken bu tür adlara sahip bir dosya görür - dizin.

Düzgün kaydedilirse, dosya simgesi tarayıcı simgesine dönüşür (Internet Explorer tarafından tanıtılır).

Bu dosyayı not defteri ile açın ve aşağıdaki kodu oraya kopyalayın.

Bu ilk web sitesi!

Kaydedin ve tarayıcı üzerinden açın.

Vitayu, ilk web sayfanızı başarıyla oluşturdunuz.

Metin "Bu ilk web sitesidir!" Anlık olmayı hatırlayabilirsin, örneğin bunun gibi - "Bu benim ilk web sitem!". seçin, tarayıcınızı yükseltin, sonucun tadını çıkarın.

Ale, bizim tarafımızda bir başlık yok.

Kodu düzeltmek gerekiyor - kodu düzeltin, yeni "Sitenin Başkanı", vikoristovuyuchi etiketlerine göre düzeltin і .</p><p> <html> <head> <title>Birinci taraf Tse benim ilk web sitem!

Biz ilgileniriz, ilgileniriz, onu severiz. Artık sayfamızın bir başlığı var.

Açıklama etiketleri.

İlk etiket (bu etiket bir erkek, bu yüzden etiketi kapatın obov'yazkovy) - ortası tüm tarafça bilinen bir kap olarak vikoristovuetsya (metin, resim ve başka türlü). Hotcha tsey etiketi ( і) neobov'yazkovy, ale yoga vikoristannya görgü kuralı hakkında konuşmak. Sana raja yogo vikoristati.

Sonraki etiket - . Tse tezh adam etiketi ( і). Bu etiket yan tarafta görüntülenmez (başlık crim), ancak tarafa ek parametreler eklemek için gereklidir - taraf açıklaması (arama motoru sistemleri tarafından etiketlenir), anahtar kelimeler (arama motoru sistemleri tarafından etiketlenir), stiller, komut dosyaları, başlık vb.

Etiket </b>- adam etiketi ( <title>і), sayfanın başlığını eklemek için gereklidir. Ayrıca, bu etiketin yalnızca etiketin ortasında boşluk bırakılması gerekir. !

І dinlenme, kodumuzda etiketleyin - . Tezh adam etiketi ( і), böyle bir aramanın ortasında, sitenin tüm görünen kısımları, tobto. metinler, resimler, mesajlar, zagal іnformatsija, siteye yerleştirmek istiyorsanız.

Bir sonraki dersimizde etiketleri görme ve yazmalarından bahsedeceğiz.

Bir web sayfası açarsanız, sitenin doğrudanlığı nedeniyle değişmedikleri için kendi tipik öğelerinizde buna değer. Uygulama 1 endikasyonlarında, ana unsurları kapsayacak basit bir belgenin kodu.

Durum 1. Örümcek ağı web sayfası kodu

Web sitesi örneği

başlık

İlk paragraf.

Başka bir paragraf.

Bunu kopyalayıp example2.html altındaki c:\www\ klasörünüze yapıştırın. Ardından tarayıcıyı başlatın ve dosyayı menü öğesinden açın Dosya > Dosyayı Aç(Ctrl+O). Belge seçimi iletişim kutusunda example2.html dosyasını girin. Tarayıcı, küçük olarak gösterilen bir web sayfası görüntüler. 1.

Pirinç. 1. Uygulamanın tarayıcıdaki sonucu

eleman(Jarg. Doctype) akış belgesi türü - DTD (belge türü tanımı, belge türü açıklaması) eklemek için atamalar. Tarayıcının akıllı olması, mevcut web sayfasının nasıl yorumlanacağı, hatta bazı sürümlerde HTML bile - mevcut HTML5 veya eski HTML4 ve XHTML - gereklidir. Tarayıcının “sapmaması” ve bazı standartlara göre web sayfasını görüntülemesini anlaması için kodu ilk satırda ayarlamak gerekir..

Yalnızca HTML5 ile çalışabiliyorsak, yalnızca bir kısa ve modern doktipe ihtiyacımız olacak.

Eleman adlarının küçük ve büyük harflerle yazılabileceğini tahmin ettik. ÖnceAynı kural kullanılabilir ve farklı bir şekilde yazılabilir. Prote geleneksel olarak elemanın adı büyük harfle yazılır.

eğri etiketi ortası "kafa" alınan bir HTML belgesinin başını belirtir ( ) ve belgenin "gövdesi" ( ).

Vmіst tsgogo rasdіlu, elemanın skeç arkasında, yanda aracı olmadan görünmez . hepsi ortada <head>Aşağıdaki öğeleri ekleyebilirsiniz: <base> , <link> , <meta> , <script> , <style>veya <title> .</p><p> <meta charset="utf-8"> </p><p>eleman <meta>є evrensel ve ek bir meta etiket için çeşitli olasılık sınıfları, zocrema ekleyin, öğenin belirli bir şekilde nasıl adlandırılacağı, tarafın kodlamasını değiştirebilir, anahtar kelimeler, belgenin bir açıklamasını ve zengin bir diğerini ekleyebilirsiniz. , tarayıcı veya arama sistemleri için tanınır. Zocrema, yani tarayıcı rozumiv, UTF-8 kodlaması ile neler yapılabilir (Unicode dönüştürme formatı, Unicode dönüştürme formatı) ve tüm satır eklenir.</p><p> <title>Web sitesi örneği

eleman web sayfasının adını atar. Tarayıcıda akış sekmesinde görünür (küçük 2).</p><p><img src='https://i0.wp.com/webref.ru/assets/images/html-tutorial/title.png' height="62" width="367" loading=lazy loading=lazy loading=lazy></p><p>Pirinç. 2. Tarayıcıdaki web sayfalarının adı</p><p>eleman <title>є obov'yazkovim ve suçlu ama belgenin kodunda mevcut. Ortada, sadece metin ve diğer öğelerin yazılmasına izin verilir. <title>suçlu olma. Ale, farklı metin karakterleri eklemek mümkündür, örneğin: <span><title>Adobe™ Photoshop® .

Etiketi kapat belgenin "kafasının" tamamlandığını gösterir.

Belgenin "gövdesi" öğelerin yerleşimi için ve web sayfası yerine tanınır.

başlık

HTML, bölümün önemli önemini, başlığın bölünmesini göstermek gibi, farklı düzeylerde altı metin başlığı yayar. evet, eleman

є birinci seviyenin en önemli başlığı ve element

altıncı eşit ve є en az önemli başlığın bir işareti olarak hizmet eder. Kapanış için, ilk seviyenin başlığı kalın resmin en büyük yazı tipinde gösterilir, hücum hattının başlıkları boyut olarak daha küçüktür. element

...

blok elemanlarına çıkınca, koku her zaman yeni satırdan başlar ve onlardan sonra diğer elemanlar bir sonraki satırda belirir. Ayrıca, tarayıcı ertesi günün başlığından önce boş bir alan ekler.

Herhangi bir metin, bir yorum eklenerek tarayıcıda gösterildiği gibi yakalanabilir. Böyle bir metne iftira atmak istemiyorsanız, her şey belgede iletilecektir, böylece orijinal koda hayran kalarak ekli notları görebilirsiniz.

9 oy

Seni Start-Luck blogunun yanlarına götüreceğim. Bugün size kodu nasıl kıracağınızı göstermek istiyorum. Bir site yazmak yoğun bir ağustosböceğidir, bir bagat gibi katlanır bir tane yapabiliriz. Gerçekten de, 5 tüyden daha az basit bir taraf oluşturulabilir.

Bu yazımda sizlere html tarafının oluşturulmasından bahsedeceğim. Size 10 krediden az ödeyeceğiz ve ardından ana etiketlere daha yakından bakacağız. Böyle bir yayına ders demek yanlış olur. Tse shvidshe tohum, size işin basitliğini ve sahip olduğunuz insanları göstermek için bir çağrı gibi, bazhanya çok uzağa çöker, daha fazla yaşar, daha iyi çalışır.

Bir taraf nasıl oluşturulur

İlk satırı size not defterinde telaffuz edeceğim. Diyelim ki "Başlat" menüsünde "Standartlar" klasörü var. Herhangi bir şey indirmek gerekli olmadığı sürece. Yapabileceklerinizi göstermeye çalışın.

Belgeyi açın.

Yeni kodu yapıştırın.

<html > <kafa > <başlık > ilk tarafım</başlık> </kafa> <vücut> <merkez >

</h1> <br/>
<merkez > "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br/>
<fontstyle="renk:kırmızı"></yazı tipi> <br/>
<b></b> <br/>
Mi dіyshli en dibe<br/>
Artık etiketler hakkında biraz daha bilgi sahibisiniz ve onları bükebilirsiniz. Storinok'u daha fazla satın almak için güç vermeye çalışalım.<br/>
<saat >Örneğin, eksen bloguma gönderildi<a href = "https://site/" >Şansı Başlat</a>- rozpovidaє hemen hemen "skladne" hakkında.<br/>
<br/>
</vücut> </html>

ilk tarafım

Daha kolay bir taraf yaratın, bakımınızı azaltın

Zengin olabilirsiniz, çünkü sağdaki sitelerin oluşturulması katlanabilir, inşa edilmesi mümkün değildir. Kimin için çok şey öğrenmek, bilmek, büyümek gerekiyor. Aslında, 100'e yakın etiket var, bu yüzden ob'yazkovo'da okuyamazsınız. Ne de zastosovetsya anlamak daha önemlidir. Bilgiler farklı hile sayfalarında aranabilir ve gelecekte etiketleri otomatik olarak tahmin etmeye başlayacaksınız.



Basit bir kod, chervonim'in metnini tekrarlamanıza izin verir

Zengin katlanmamış kalın harflerle yazın

Mi dіyshli en dibe

Artık etiketler hakkında biraz daha bilgi sahibisiniz ve onları bükebilirsiniz. Kenarların parçalarını bağlayabilmemiz için bir mesaj eklemeye çalışalım.

Şey, ben her şeyden. İlk sayfanız hazır

Sonraki dosya adı index.html. tamamlama ".html" Dosya uzantısını belirtin. Dizinin adını girerseniz, belge bir metin dosyası olarak kaydedilecek ve tarayıcı tarafından tanınmayacaktır.

Belgeyi çalışma masama kaydettim. Şimdi yogayı bilmek gerekiyor, sağdaki fare düğmesine basın ve herhangi bir tarayıcının yardımı için açın. Google Chrome'u alacağım.

Eksen benim tarafımdan çok güzel yaratılmış görünüyor. Seninki hiçbir şeyden rahatsız değil. Her şey aynı: resimlerle ve renkli yazı tipiyle.

Birazdan etiketler hakkında daha fazla konuşacağım ama şimdilik sadece “başlığı temizleyelim” merkez "ve "kelimesinin" olduğu bir satır ekleyin renk". Konuşmadan önce, zaten yazdım. Tse duzhe basitçe, okumadan önce tavsiye ederim.

Bir kez daha, belgeyi kaydedin, bu sefer Ctrl + S tuşlarını kullanarak hızlandırabilir ve ardından ek F5 düğmesini kullanarak tarayıcının kenarını yenileyebilirsiniz.

Pratikte, bu kıvrılma için bir etiketin suçlanıp suçlanmayacağını unutmayın. Tobto burada roztashovuvatisya kodundan suçlu. Bu görünümde, şarap şöyle görünür: .

Bachite, manşet bir chervonim haline geldi. Ayrıca, metnin herhangi bir bölümüne gerekli girişi verebilirsiniz.

Hepsi bu, popo hazır ve kendin yazmaktan suçlusun. Açıkçası, hala çevrimiçi olarak, hangi web sitesi için neye ihtiyacınız olduğunu açmanız gerektiğini bilmiyorsunuz. Diğer kişilerin oluşturmanızı destekleyebilmesi için alan adınızı da eklemeniz gerekir.

Bir taraf tuttuğun sürece, zorunda değilsin. Ama bir dakika, böyle bir siteyle sadece yabancı yaştan insanları işe alabilirsiniz. Ama her şeyden önce, vikoristaller gibi etiketleri sıralayarak daha da başarılı hale getirelim. Projelerinizi yardım almadan nasıl oluşturacağınızı öğrenmenize yardımcı olur.

etiketler

İzninizle NotePad++ programına geçeceğim. Büyük bir not defteri ile çiftler halinde düşük maє tsіlu kazandı. Aynı zamanda size anlatacağım o elementleri size göstermek için etiketler eklemem gerekiyor. Ancak, html kullanmayı seçerseniz, ücretsiz bir program yüklemenizi de tavsiye ederim.

Sadece bir tane yok ve size başka bir çaça önerebilirim, sanki biri alternatifleri işaret edecek. Gelelim teorik kısma.

Ana

Sayfayı etiketlerle yanıtlayın ve sonlandırın . Stink, tarayıcıya bir web belgesinin ne olduğunu, HTML yardımının arkasındaki kreasyonları gösterir.

Dali git veya başlık. Tarafla ilgili en önemli bilgiler onlarda, en önemli bilgiler bizimkilerde. Kodda olduğu gibi “İlk sayfam” ifadesini hala bilmiyorlardı, şaka satırının üzerindeki sekmeye saygı gösterin.

aynı etiketler koçan ve parti hakkında ana bilgilerin sonu için verin.

Etiket

cümlenin başlık olduğu hakkında not alın. Altyazıların arkasında ana metinden birkaç tane daha var ve kalın görünüyor. Yakby ve sen bir kerede sadece html'de yazdınız, aynı zamanda dosyamızın ortak olarak çağrıldığı bir CSS dosyası oluşturdunuz, yan taraftaki başlıkların boyutlarını, yazı tipini ve rengini reçete etmeden kullanabilirler. yazı stili Popodaki mi robili gibi. Bunu size şimdiden söylemek istiyorum.

Konuşmadan önce, Başlık ve H1, sitenize arama motorunda bir yer atanan kendi vpliv saatiniz olabilir. Onlara büyük bir saygıyla ulaşmak ve uçurumun ortasına yazmamak gerekir. Koku ağrıyor. Krem h1, henüz h2, h3, h4.

Bu sırada, açılıp kapanan

. Bu öğe için ortadaki metni görüntüleyebilirsiniz. Yakscho tsey etiketi vydaliti, metin sağ elini kullanıyor.


 - Birkaç tek etiketten biri. Tobto vin kendi kendine çalışır. Zavdyaki tsyomu elementi vy peresribuєte bir satırdan diğerine. Daha basit görünüyor, girişi soy. Yogayı bir kez yazdılar, sonra bir kez aşağı indiler, iki kez, benimki gibi ve üç adım daha vardı.

Resim

bana bir etiket ver resim , sonra bir resim, bir resim. Kare yay eğrileri, görüntüyle ilgili tüm temel bilgiler önüne sığar, ancak bundan sonra eğriler. Ardından, ne olduğunu belirtin resim - tse etiketi ve koddaki reshta öğeleri, ortasına sığdıkları gibi, tüm öznitelikler.

Nasamperlenmiş ide alt , tarif etmek. Optimizasyon için de gereklidir. Bazen daha fazlasını ekleyebilirsiniz Başlık . İmleç tarafından talimat verilen fare ile görüntünün üzerine gelindiğinde, taraf zaten tarayıcıda görüntüleniyorsa bir ipucu görüntülenir.

Sitenin klasöründeki küçükleri zavantazhit yapabilir ve ona giden yolu reçete edebilirsiniz, ama yolu affedeceğim. Pixabay arasında resmi biliyorum, yeni pencerede gördüm ve mesajı yapıştırdım.

özette kaynak resmin yolu reçete edilir. Tarayıcıya, bir görüntüye olan ihtiyacı bilmek için çökmenin gerekli olduğunu ve doğrudan shukat'a uygun bir şekilde - kendiniz yazmalısınız.

Metin biçimlendirme

örneğin farklı bir renk gibi belirli bir stile metnin bir bölümünü ekleme lehine. stil = "renk: kırmızı" rengin chervonim olacağını gösterin. Sarı istiyorsanız sarı, yeşil - yeşil yazın. Photoshop'ta renk kodlarını değiştirebilirsiniz.

metnin kalın olmasına yardımcı olur.

küçük yatay çizgi. Şarap, kapalı bir bakışta tek ve daha az muzafferdir. Nasıl yazarsın
bir kez, ardından tarayıcıda yan tarafı açtığınızda tam olarak yatay smags stillerini kaldırın.

Posilannya

tarayıcıya ne göndereceğini söyleyin. Okuyucuyu adresinize yönlendirmek istiyorsunuz. ide'yi dil özelliğiyle etiketleyin href=”adresler” . Tarayıcının pencereyi hareket ettirmekten suçlu olduğu pençeye bir yol eklenir. Bundan sonra, bir yazım etiketi olarak, yak chitacha'ya basıldığında, kelime veya kilka olan bir açıklama eklenir, taşınabilir. Bundan sonra, kötüleri düşünüyorsanız, kapatan başka bir etiket ekleyebilirsiniz. .

Bundan sonra, yan kısmın ana kısmı yazıldığı için etiketi kapatıyorsunuz gövde , Oskіlki gövdesi bitti. ІBugün kazanmaya alışmış olanları işaret edin html .

Html etiketleri hakkında daha fazla bilgi edinmek ve sadece resim değil, aynı zamanda video eklemeyi, düğmeler, farklı formlar, listeler, paragraflar oluşturmayı öğrenmek istiyorsanız, o zaman sizden ücretsiz bir kurs isteyebilirim. html temelleri ". Usogo 33 dersleri yeni bir seviyeye geçmenize yardımcı olacaktır.


Ayrıca size sitelerin nasıl yapıldığını anlatacak bir video kursu önermek istiyorum. Tüm süreç, özellikle iyi olan gerçek izmaritlerde gösterilir. Randevuların seyri yeni başlayanlar içindir, eğer hala HTML bilmiyorsanız, bu nedenle zaten HTML ve CSS'yi iyi bilenler için siteyi test etmek iyi değil. Talimatları izleyerek daha fazla bilgi alabilirsiniz: www.srs.myrusakov.ru/makyaj


Alınacak Kırım Web sitelerinin nasıl oluşturulacağına dair No-koshtovnu kitabı ! Bu kitap pochatkіvtsіv temelinde güvence altına alınmıştır ve VІD ve DO sitesi orada oluşturulmaktadır. Böylece tasarım hazırlanır, ardından kenarlar hazırlanır, yazılım kısmı yazılır ve ardından site internete yüklenir. Yazar nispeten her şey hakkında yorum yapıyor ve kitapta çok sayıda ekran görüntüsü ve illüstrasyon var. Ayrıca, kitabın kendine has özellikleri, soyut bir site olarak değil, internette gerçek ve alakalı bir site olarak yaratılmış olmasıdır.

Bugün zengin oldun, ilk mahsul bile en iyisidir.

Bültene abone olun VKontakte grubu , ve daha fazlasını öğrenin: site motorunun nasıl ve şimdi gerekli olduğu, blok düzeni ve modüler ızgara nedir, sitenin nasıl doğru yazılacağı ve daha fazlası.

Yenilere iyi şanslar!

İcat edilen kişisel olmayan mov, alema mov HTML, özel ve en talepkardır. Arkasında programlama için birçok başka önemli düzeltme var. Perakendecinin bilgisi film işaretlemesi - Hiper Metin İşaretleme Dili (HTML) hakkında bilgi sahibiyse, mevcut olanların çoğu.

Aslında, HTML'de tutarlı hiçbir şey yoktur ve ister gelecekte o kişiyi internette programlamak, ister bir not defterinde HTML tarafının oluşturulmasını aramak için bir istek dalgası aracılığıyla. Saygıyı, sadeliği etkili bir şekilde hak eden popo, cilde erişilebilir.

Zagalny açıklaması

HTML dosyası sitenin bir tarafıdır, karşılaştırma yapabilmek isterseniz ama tek dosyası olanlar bir tarafı eklerse anlaşılır.

Bir HTML dosyası, dosya türünün HTML olduğunu belirten bir DOCTYPE başlığıyla başlar. Yanların bıyık elemanları (etiketler), prangaların tepesinde belirtilmiştir. Cilt çifti ("<» и «>”) bir HTML etiketi içerir. HTML etiketlerini seslendirin beyler, ardından ciltte "etiket" є "/ etiket". Hücumlar, yayın zirvesinde yer alır. Є en popüler "br/" olan tek etiketler - bir sonraki satıra geçiş.

Dosya için en büyük etiket HTML'nin kendisidir ve yalnızca iki etiket vardır: HEAD ve BODY. İlki için farklı tanımlamalar karıştırılır, diğer gerekli üçüncü taraf dosyaları sıralanır, PHP ve JavaScript komut dosyaları kullanılabilir. Karşı tarafın içeriği kaydedilir. Bu yüzden etiketlere ve komut dosyalarına bakın.

Basit HTML tarafı

Böyle bir tarafın katlanmasının poposu, makalede aşağıda gösterilmiştir. Yogaya saygıyla bakalım.

Dağıtılmış BAŞ

Ana tanıma, yanların bariz bir açıklaması ve bariz komut dosyaları, kalmak isteyen - daha net hale getirmek için. İkiden az konuşmanın anlamını vermek için burayı çalın:

  • anahtar kelimeler ve yan açıklama;
  • diğer dosyalara (*.css ve *.js) gönderilir.

Tarafın içeriğini yerel dağıtımda görüntülemek için, dolaylı olarak önemli olabilir, parçalar şunu gösterir: burada diğer dosyalarda, diğer dillerin etiketleri ve komut dosyaları için CSS kuralları vardır.

HTML tarafı görüntülenebilir, fareyi sekmeye getirirseniz pencere açılır. Bu önemli bir an, kırıkları soymak için yan kesinlikle prezentabl, söylemesi daha kolay, okunabilir bir metinde imzalanmış.

META etiketleri İnternet programlamasında önemli olabilir, ancak bir not defterinde bir HTML tarafı oluşturmanız gerekiyorsa, popoyu özel yapılarla karakterize etmek gerekli değildir.

Komut dosyaları söz konusu olduğunda, HTML hakkında bilginiz varsa, o zaman basamaklı stil tablolarına ihmalkar bir şekilde saygı gösterilmelidir. CSS dosyaları hover, zocrema, HTML etiket tasarım kurallarına sahiptir.

Dağıtılmış GÖVDE

Vlasne, HTML tarafının poposu - ve є BODY'yi böldü. Burada kendisi, sitenin yan tarafındaki tüm bilgiler temizlenir. Tüm bilgiler, örneğin JavaScript kodunun veya küçük PHP programlarının eklenmesi gibi görsel etiketler ve komut dosyaları tarafından sağlanır.

HTML web tarayıcı uygulamasının metin düzenleyici uygulamasıyla aynı olduğunu anlamak önemlidir, not defteri uygulaması aynı olmaktan çok uzaktır. İlk defa bir HTML metni hazırlayabiliriz, bu durumda tüm scriptler yazılır. Örneğin PHP kendi bölümünü geliştirmiş ve kodunun gerekli alanlarda ve gerekli etiketlerde değiştirilmesini oluşturmuştur. JavaScript, başka bir şey için biraz biberiye kreması koymak isteyerek misyonunu da kazanabilir.

HTML, komut dosyaları değil, tüm etiketlerdir. Üzgünüz, tarayıcı yalnızca kenar içeriğini, yalnızca etiketleri görüntüler. Orada PHP kodu yok.

JavaScript özel bir konumdadır, bir turbodur - tarafa yalnızca ilerleme (aktarma) sırasında değil, aynı zamanda şu anda, taraf tarayıcıdaysa, diğeri kapalıysa hizmet etmek için.

Basit bir popo (daha az VÜCUT) daha aşağıya işaret edilir.

Ve tarayıcıda, pencere uzaktan göründüğü gibi görünüyor.

Kodun bir tanımı yoktu, öğelere nasıl bakılacağı, tarayıcının nasıl görüntüleneceği. CSS kurallarının tasarımında her şey görülebilir. Bu durumda, Mcss/scPhpWordRW.css dosyası, hangisine gönderildiyse (div. HTML tarafının ilk ucu).

HTML görünümünde, CSS teması daha basittir, HTML tarafının poposu önemli görünmüyorsa, mevcut kurallara erişmek için birkaç kural vardır, krim notepad. Anında mastering için her şey zaten mevcut:

Burada, scLogo_vDoc etiketinin yalnızca bir açıklama olduğu ve açıklamanın, normal durumda etiketin vDoc-logo.png görüntüsünü gösterdiği ve üzerinde bir ayı varsa, vDoc-logo-h.png'nin görüntülendiği gösterilmektedir. görüntülenir.

HTML açıklama yapısı

Mova herhangi bir yapı taşımaz ve sözdizimi burada anlaşılabilir. Değişiklik yok, ancak kişisel olmayan olasılıklar var. Hipermetnin ilkesel temeli, dilin dili olan öğenin (etiket) kullanılmasıdır.

Ad, eşleştirilmiş bir etiket sırasında, ad (tagName) ve üst kollardan (“<» + tagName +«>”), yani bir etiket koçanı var ve “”, yoga bitişi kaydedilirken.

Niteliklerin açıklamasıyla birlikte HTML tarafının bir örneği aşağıda metinde gösterilmektedir.

Etiketin nitelikleri olabilir, ancak bunlar, kapanan apeks kemeri ">" için etiket adından sonraki boşluktan yerleştirilir. Nitelikler, bir etiket yapma kokusu gibi, yalnızca koçanın üzerinde yoga yapmak için kaydolun. Künyenin koçanıyla künye başlangıcı arasında tanınanlara künye tarafından saygı gösterilir.

HTML, blokları ve küçük öğeleri tanımlamanıza olanak tanır. Birincisi, tarayıcı penceresinde tek bir alanı kaplar, kesinlikle yerleştirilebilirler, böylece gerekli alanda HTML tarafı görüntülenir ve belirli bir genişlemenin anası.

Ryadkovі elementi zagalny vіpadku vіdobrazhayutsya bir akışta, yani dosya tarafında böyle gösterilir, bu yüzden ekranda görüntülenir. Vіdbuєє zavantazhennya storіnki ise, vіdobrazhennya zagalnogo akışına dökülebilir. Yerleştirmede, gerekirse ek JavaScript koduna blok öğelerinin görünürlüğü ve gücü eklenebilir.

Basit öğelerden oluşan bir krem ​​olan HTML, tabloları ve formları tanımlamayı önerir. "Günlük web sitesi geliştirmede" Qi öğelerine de ihtiyaç vardır.

Tablo açıklaması: TABLE, TR, TD etiketleri

TABLE etiketinin yardımı için bir tablo oluşturabilir, TR satır sayısını ve skin satırında TD satır sayısı olarak belirtebilirsiniz. Aynı zamanda, HTML düzeninin özellikleri nedeniyle, tablolu bir organizasyon biçiminde, tablolu organizasyon bu beyanla çevrilidir, bu nedenle perakendeci, içindeki sütunların sayısının bulunduğu düz bir tabloya sahiptir. tüm satırlar aynı, kendi kendine yeterlilikten suçlu.

HTML'nin temel konumu: sipariş edilen her şeyi ve akla gelmeyen hiçbir şeyi çalışın. Bazı durumlarda, tablonun kaplama satırındaki sütun sayısı önemli değildir, ancak her şeyi saygılı bir şekilde sıralarsanız, ortadakileri dikey veya yatay olarak vikonikleştirmek de gereklidir.

Basit bir tablonun açıklamasından HTML tarafının bir örneği makalede açıkça gösterilmiştir.

Burada tablo üç satırda üç sütunla gösterilir ve ilk satırda TD etiketini ve TH etiketini değiştirin - sütunun başlığı. Özellikle iki etiketi değiştiremezsiniz, ancak ilkini vurgulayarak tablonun ilk satırını ekleyebilir ve diğer TD'lerde görülebilen CSS'ye TH'ye yetkili bir stil ekleyebilirsiniz.

Form açıklaması: FORM, INPUT etiketleri

Form - tse nayzarebuvanіsha HTML etiketlerinin bir parçasıdır. Formlar yardımıyla bilgi aktarımı mümkündür. Vlasne, bilginin yan tarafının kendisi görünümü, formun ekseni ise giriş bölümüdür.

Basit bir formun açıklamasını içeren bir HTML tarafı örneği:

Farklı formların varyantları daha zengindir, ancak ana olasılıklar aynıdır. Katip tarafından girilecek verilerin analizi için verilerin işlenmesi için gerekli olanları tanımak için giriş alanlarını belirleyebilirsiniz. Alanın ekini ve arka plan bilgilerinin geçersiz kılınmasını belirtebilirsiniz. Fatura aktarma işleminin nasıl başlatılacağına basarak havale düğmelerini tanıyabilirsiniz.

HTML wiki'si

Köprü metninin dilini bilmek, İnternet programlamasında herhangi bir uzmanlığa sahip bir iştir, ancak PHP veya JavaScript'te programlar yazmanız gerekiyorsa, HTML + CSS'yi iyice bilmeniz gerekir.

PHP dili ön dipçikte işaretlenmiştir. PHP sunucu üzerinde çalışıyor, bu yüzden aynı forma sahip taraf onu sunucudan tarayıcıya doldurulmuş alanlar ile gönderdi. TestOnBlur işlevi olan Zocrema, INPUT etiketinde (onblur alt araştırmasının bir örneği) ayarlanır, metin alanlarının tüm parametrelerine sahiptir.

Tarayıcı JavaScript'i kullanır ve verileri sunucuya geri gönderme düğmesi doğru şekilde yürütülmüştür, bu nedenle yapı: onclick=jQuery("#to").val("cart") nedir #to, val, cart. Daha spesifik olarak, temel HTML etiketlerini ve genel CSS stil kurallarını bilmeniz gerekir.

İnternet programlamasında herhangi bir uzmanlık ile niteliklerinizi hızla geliştirebilmeniz için bu kadarı yeterlidir.

Sıfırdan bir şablon oluştururken, bir göz atmanız gerekir. Vrahovyuchi, scho standart HTML5 "yaygın olarak rokuє kraїnoyu", ben şu an içindeyim HTML5 şablonuna boş bir popo koydum.

Yeni standartta birçok şey ters gitti ve şimdi temel kısım şöyle görünüyor:

...

Yeni HTML5 etiketleri

HTML5, kod yapısı için birkaç yeni etiket sunmuştur:

,

Ayrıca uygun olabilirsin