Yeni başlayanlar için html ve css dili. HTML: Yeni Başlayanlar İçin Temel Bilgiler

Bu döngüyle birlikte HTML üzerine bir dizi ders açmak istiyorum. Bu kararı verdim çünkü kullanıcılara sıfırdan web sitesi oluşturmayı öğretmeyi denemek istiyorum. Bu düşünce zaten kafamdaydı uzun zamandır. Yalnızca HTML ile nereden başlayacağınız veya doğrudan motorun kurulumuna ve daha fazla konfigürasyonuna devam edileceği sorusu ortaya çıktı.

Ancak motoru öğrenerek başlarsanız HTML bilmeyen bazı kullanıcılar dışarıda kalacaktır. Bu nedenle, temel bilgilerle başlamaya ve bunu yeni başlayanların bile neyin ve nasıl olduğunu anlayabileceği şekilde yapmaya karar verdim.

Peki HTML nedir?

Kısaltmanın kendisi N uregT ext Markip L apguage (dil) anlamına gelir. Köprü metni biçimlendirme ).

Basitçe söylemek gerekirse, HTML özel dil Tarayıcıya belirli bir web sayfasının nasıl görüntüleneceğini söyleyen işaretleme. Yani, metnin hangi yazı tipinde gösterileceği, öğelerin hangi sırayla oluşturulacağı, hangi öğelerin altı çizili olarak görüntüleneceği vb. Ve tarayıcının hangi öğeyle karşılaşacağına bağlı olarak, tarayıcının kendisinde belirlenen kurallara uygun olarak , bu öğe görüntülenecektir. Ancak bu kurallar daha sonra değiştirilebilir, ancak bundan sonraki derslerimde CSS'ye ayrılacağım.

Olabilecek en basit web sayfası örneğiyle başlamayı öneriyorum. Artık bu veya bu etiketlerin ne anlama geldiğine odaklanmamalısınız. Her şeyin bir zamanı vardır; yeni başlayanlar için, her şeyin kodun neresinde olduğuna ve bunların tarayıcıda görüntülenenlerle nasıl ilişkili olduğuna dikkat edin. Örnek bir HTML belgesi düşünün:

Sayfa başlığı Hayatımda bir gün Konsere hazırlanıyorum

Bugün zor bir gün olduğu için erken uyandım. Sonuçta bugün yüz seyircinin önünde bir konser vermem gerekiyor. Her şeyin yolunda gittiğinden emin olmak için prova programını tekrarlamam gerekiyor.

Her şey aksamadan gitti. Ekibimizde hiç kimse ritmini kaybetmedi ve ortaya çıktığı üzere herkes boşuna endişelendi.

Herkes harika bir performans sergiledi ama sanırım davulcumuzun temposunu kaybettiği bir an oldu. Ama ustaca bu durumdan kurtulduk.

Başlamak için bu metni bazı dillere yazmanız gerekecek Metin düzeltici(Bence en uygunu Notepad ++ ) ve dosyayı diskinizde bir yere index .html olarak kaydedin. Şu tarihte: çift ​​tıklama kaydedilen dosyada buna benzer bir sayfa göreceksiniz.

Lütfen etiketlerin kendilerinin görüntülenmediğini ancak aralarında bulunan içeriğin görüntülendiğini unutmayın. Buradan etiketlerin HTML'de bir tasarım öğesi olarak hareket ettiği sonucuna varabilirsiniz.

Bakmak kaynak. Fark etmiş olabileceğiniz gibi “Bir” kelimesinin önünde küçük bir girinti var. Ancak tarayıcı bunu hesaba katmadı, sanki hiç var olmamış gibi sessizce yuttu. Üstelik kelimeler arasına çok fazla boşluk koymaya çalışırsanız, tarayıcı tarafından hepsi tek bir boşluk olarak algılanacaktır - HTML'nin böyle bir özelliği vardır.

Ve işte başka bir ipucu: HTML kodu yazarken, diğerlerinin içine yerleştirilmiş etiketleri girintili hale getirmeye alışın. Örneğin, başlık ve gövde etiketleri html etiketinin içine yerleştirilmiştir. Bu nedenle bu etiketleri yazarken buna göre girintilemeyi unutmayın. Genellikle iki boşluk veya sekmeyle yapılırlar - bu zaten bir zevk meselesidir. Buna neden ihtiyaç var? Şimdi belgenin yukarıda örnek olarak verdiğim o küçük parçasında çok fazla bilgi yok, dolayısıyla orada kafa karışıklığı yaratmak oldukça sorunlu. Bununla birlikte, sayfada çok sayıda iç içe geçmiş öğe varsa, o zaman bu devasa kodun içinde kaybolmak ve belgenin o anda hangi bölümünde olduğunuzu zorlukla anlamaktan daha kolay olmayacaktır. Bu yüzden kendinizi hemen iyi bir stile alıştırmak daha iyidir, o zaman onu kendiniz anlayacaksınız ve gelecekte size iyi bir hizmet verecektir.

Şunu da belirtmekte yarar var gerekli minimum HTML belgesinde olması gereken etiketler. Bu kısımdan bahsediyorum:

Ancak bu kısım orada olmasa bile çoğu tarayıcı tüm bunlara parmaklarıyla bakacak ve sayfanızı görüntülemeye devam edecektir. Bununla birlikte, bir kişinin atladığı, bu kadar anlamsız bir kod yazma tarzı çok sayıda Etiketler kötü bir yazma stili olduğundan, bu öğelerin hepsinin sayfanızda bulunması iyi bir fikirdir. Aksi halde diğer tarayıcılarla uyumluluk sorunu yaşanabilir ve sonuç olarak bu durum tarayıcınızı etkileyebilir. dış görünüş siteniz ve sonuç olarak katılım.

Ek olarak, bir HTML belgesine yorum yazabilirsiniz - bu yalnızca size özel olarak tasarlanmış hizmet bilgileridir. Genellikle bunlar size hatırlatma görevi gören veya yalnızca dikkat etmeniz gereken bazı önemli notlardır. Yorumlar tarayıcı tarafından işlenmez ve bu da kullanıcının bunları göremeyeceği anlamına gelir. Genellikle şu şekilde yazılırlar:

Şimdi yukarıdaki örneğimizdeki hangi etiketin neyden sorumlu olduğunu kendimiz bulmaya çalışalım.

Html etiketi, html kodunun çıktısının başladığı anlamına gelir.

baş - servis bilgilerinin bölümü. Diğer şeylerin yanı sıra, tarayıcı penceresinin başlığındaki metinden sorumlu olan title vardır. Bu bölüm aynı zamanda bu sayfa hakkında tarayıcıya anlatmak istediğimiz bilgiler olarak da değerlendirilebilir.

gövde - belgenin gövdesini başlatır.

h 1 - başlık.

h 2 - altyazı.

p - paragraf.

Muhtemelen hepsi bu! Bu ilk HTML belgenizse tebrikler! Evet, istediğimiz kadar harika görünmüyor. Ancak yine de üzerinde çalışabileceğimiz materyalimiz var. Sonraki derslerde her şey daha da ilginç olacak ve basamaklı stil sayfaları (CSS) ile çalışmaya yavaş yavaş değineceğiz.

• < Назад

Yorum yapabilmek için kayıt olmanız gerekmektedir.

Yeni başlayanlar için HTML'nin temelleri, her acemi web yöneticisinin veya blog yazarının artık bilmesi gerekenler. Temel sitelerin nasıl oluşturulacağını öğrenmek, kodun kendisini anlamak, neyin arkasında ne olduğunu ve gitmesi gerektiğini bilmek istiyorsanız, bunu html dilinin temelleri hakkında bilgi olmadan yapmak imkansızdır. Blogumda bu konuya A'dan Z'ye ayıracağım bir yazı zinciri olacak, belgede bulunan her etiketin ne anlama geldiğini ve nasıl doğru kullanılacağını anlatacağım.

En temel olanı bilmiyorsanız, yol size kapalıdır. Site geliştirmeye ve oluşturmaya karar veren her kişinin, sitenin nelerden oluştuğunu, nasıl çalıştığını ve kodun kendisinde neler olduğuna ilişkin temel bilgileri bilmesi ve anlaması gerektiğine inanıyorum.

Elbette pek çok programlama dili var, hepsi kendine göre karmaşık, ama bilmeniz gerekenler de var. Postayla göndermek için güzel bir mektup tasarlamak istiyorsanız, kendi Vkontakte grubunuz var, diğerlerinde bir grup var sosyal ağlarda, Aynı Youtube kanalı, site motorlarından herhangi birinin kodunu karıştırmanız gerekiyor, sadece temel kavramları bilmeniz yeterli.

Sadece birkaç örnek verdim, aslında artık bu bilgi internette giderek daha fazla kullanılıyor. Ben bir teorisyen olmaktan çok bir uygulayıcıyım, bu nedenle bu bölümdeki makalelerimde size adım adım nasıl ve ne yaptığımla ilgili örneklerimi göstereceğim. Hem örnek sayfaları hem de sitelerin tamamını yayınlayacağım.

Html belgesi en kolay olanıdır Metin belgesi, internette her gün karşılaştığınız etiket dili. Etiketler bir belgenin yapısını açıklar. Etiketler açısal olarak biçimlendirilmiştir< >içine etiketin adının yazıldığı parantezler. Tarayıcı belgenin yapısına bakar, onu oluşturur ve talimatlara göre monitörünüzde görüntüler, tabii her şeyi doğru yaptıysanız.

Tüm bu süreç siz bitmiş resmi görmeden önce başlar. Tarayıcılar belgeyi en başından sonuna kadar sırayla işler. Sayfada olması gereken her şey dahil. Bunun dışında tablo, resim, script vb. CSS stilleri de dahil.

Html nedir - Wikipedia'nın yazdıklarına bakarsanız - (HyperText Markup Language), belgeler için bir hiper metin biçimlendirme dilidir. İnternetteki çoğu sayfa bu dilde sayfa işaretlemesi içerir. Verilen dil tarayıcılar tarafından yorumlandığında, ortaya çıkan biçimlendirilmiş metin bilgisayarınızda veya mobil cihazınızın monitöründe görüntülenir.

Bu dil doğası gereği öğrenmede çok kolay ve erişilebilirdir. Herkes bunun temellerini öğrenebilir ve anlayabilir. Böyle bir dili kullanabilmek için etiket olarak da adlandırılan tanımlayıcıları bilmeniz ve uygulamanız gerekir. Bir belgenin oluşturulduğu etiketlerin yardımıyla olur.

Belgenin yapısı nelerden oluşmalı, hangi etiketler bulunmalıdır. Küçük bir örneğe bakalım. MS Office'te bir metin yazdım ve bu ekran görüntüsünde gösterdim.

Bu metni tarayıcıda belgede yazıldığı gibi görüntülemek için, bazı etiketleri içeren sayfa işaretlemesini eklemeniz gerekir. Başlangıç ​​olarak onlara bakın, sonra her birinin neden sorumlu olduğunu anlatacağım.

Bloguma hoş geldiniz, şu anda HTML Temelleri üzerine bir ders alıyorsunuz. Bu makaleyi beğendiyseniz abone olabilirsiniz bu blog e-posta gelen kutunuza yeni makaleler almak için.

Herhangi bir html belgesi hangi etiketlerden oluşur, neler içerir ve bunların nereye yazılması gerekir?

Herhangi bir kod, içine yerleştirilen karakterlerden oluşur. köşeli ayraçlar. Bunların hepsine element denir. Kural olarak tüm öğeler, açılış ve kapanış olmak üzere iki etiketten oluşur. Öncelikle etiketlere dikkatlice bakmanızı tavsiye ederim, eğer bunlardan birini atlarsanız ve kapatmazsanız hatayı bulmak için kodun büyük bölümlerini incelemeniz gerekecektir.

Bir günden fazla sürdüğü, bir kişinin dönüp yardım istediği, sitede bir hata bulamadığı durumlar vardı, bu yüzden neyi ve nereye yazdığınıza her zaman çok dikkatli bakın. Şimdi başlayalım bu örnek koddaki her bir öğeye, içinde ne yazıldığına, ne anlama geldiğine ve sonucun ne olduğuna bakalım.

Bir açılış etiketi ve bir kapanış etiketi içeren etiketlerin çoğu eşleştirilmiştir. Bu tür etiketlerin yanı sıra tekli etiketler de bulunmaktadır. Etiketler diğerleriyle birlikte gidebilir, böylece birbirlerinin içine yerleşebilirler. Örneğin, metni hem kalın hem de italik olarak görüntüleyin.

Metin

Bir kez daha hatırlatayım, belgede yer alan kurallara uymanız gerekiyor. Tarayıcı sayfada ne olduğunu, sırasını, içeriğini vb. bu şekilde anlar.

Etiket, web tarayıcısına bir görevi gerçekleştirmesini söyleyen bir bileşendir. Örneğin bir paragrafın, tablonun, formun veya görselin varlığı.

Özellik - Etiketi değiştirir. Örneğin, bir paragrafı ortaya veya sağa hizalayabilir, sayfadaki görüntünün aynı konumunu ayarlayabilir vb.

Etiketleri HER ZAMAN kapatın, açarsanız mutlaka kapatın. Aksi taktirde hata oluşacak ve belgeniz sayfada düzgün görüntülenmeyecektir. İstisnalar da vardır, onları unutmamak gerekir.

Bir belge başlığı ve gövdesinin olduğunu açıkça anlamalısınız. Başlık, etikette bulunan tek şeydir. Belgenin gövdesi (), belgenin gövdesi ise sayfanın tüm içeriğinden oluşur. Kendinize bir kod parçası bırakmanız ve bu etiketleri yoruma eklemeniz gerekiyorsa, bunun için etiket kullanılır. Böyle bir etiketin içinde yer alan her şey yorum görevi görür ve tarayıcılar tarafından algılanmaz.

İlkinden başlayalım. Belgenin başında etiketi açtım ve sonunda kapattım. Bu kod kesinlikle her belgede bulunur ve tarayıcıya bu etiketler arasına yerleştirilen her şeyin HTML kodu olduğunu söyler. Belgenin kendisinin köküdür, bu etiketin arkasında sonradan bulunan her şey artık belgeye dahil edilmez ve tarayıcılar tarafından algılanmaz. Belgenin en başında etiket açılır ve en sonunda kapatılması gerekir.

Bu etiketin tüm bölümü, teknik Bilgiler belge. Önceki etikette olduğu gibi head'in de sonunda açık ve kapalı olması gerekir. Bu bilgiler sayfanın başlığını, açıklamasını, anahtar kelimeler arama motorları ve kodlama için. Aşağıda kodlama hakkında daha fazla bilgi bulabilirsiniz.

İçerik

Bu etiket head etiketinin içinde yer alır ve head etiketinin içine yazılması gerekir. Bu başlık etiketi zorunludur ve her HTML belgesinde bulunmalıdır. Buna ek olarak tarayıcı penceresinin başlığı olarak da görüntülenir. Böyle bir başlığın uzunluğu 60 karakteri geçmemelidir. Böyle bir başlığın metni en fazla şunları içermelidir: full bilgi, sayfanın içeriğini karakterize eder.

Başlığa "Merhaba Dünya" yazdıysanız, bu sayfada görüntülenmesi gereken bilgidir, başkası değil. İnsanları ve arama motorlarını kandırmamalısınız, bundan hoşlanmazlar, böylece kendinizi daha da kötüleştirirsiniz. Bu etiketin içerdiği bilgiler sayfanızın içeriğiyle eşleşmelidir.

Sonrasında gerekli etiket başlık, isteğe bağlı ancak aynı zamanda önemli bir meta etiketle birlikte gelir. Bu etiket tektir. Bu etiket, sayfanın açıklamasını (açıklama) ve anahtar kelimelerini (anahtar kelimeler) belirtir.

Ayrıca, meta etiketi sayfanın yazarı ve diğer meta veri özellikleri hakkında veriler içerebilir. Arama motorları için sayfanın bir bütün olarak indekslenmesini devre dışı bırakabilirsiniz. Koymak otomatik güncelleme 20 saniye sonra veya 5 saniye sonra sayfalar açılıyor ve ardından başka bir sayfaya geçiliyor.

Tamamen farklı bilgiler taşıyabilecekleri için bu tür birkaç meta öğe olabilir. Diğer kullanıcılar sayfayı tarayıcıda açtıklarında tüm açıklamalarınızı görmezler, tüm bunlar görünümden gizli kalır.

Stil etiketi aynı zamanda sayfaya stil vermek için de kullanılabilir. Çok kullanırsan farklı stiller css, bu durumda bunların ayrı bir dosyaya yerleştirilmesi arzu edilir. Bunlardan birkaçını belirtmeniz gerekiyorsa, bunların tümü doğrudan html belgesinde ayarlanabilir.

.base ( genişlik: 100 piksel; arka plan rengi: #000; yükseklik: 150 piksel; renk: #fff; )

Veya özellikle bir etikete stiller ekleyin; bunun için etiketin içine bir stil öğesi eklemeniz gerekir. Bu etiket, sayfanın stillerini ayarlayan bir kapsayıcının içinde kullanılmalıdır. Bu etiketlerden birkaçını kullanabilirsiniz, hata olmayacaktır.

Önceki etikete biraz benzeyen bağlantı etiketi, başka bir dosyada bulunan bir belgenin stillerini ayarlamak için kullanılabilir. Başka bir deyişle, bağlanabilirsiniz mevcut belge komple masa css stilleri, birçok özellikten oluşur. Böylece, sonunda bir bilgisayara daha hızlı yüklenecek ve açılacak olan belgenin boyutunu küçültürsünüz veya mobil cihaz düşük internet hızıyla.

Birden fazla dosya bağlayabilirsiniz, herhangi bir kısıtlama yoktur. Bu etiketi kapatmanıza gerek yok. Her şey doğru yapılırsa belirli stiller ayrı dosya. Bu etiket html'nin temellerine eklenebilir ve varlığını unutmaz. Sonuç olarak bu resim:

Komut dosyası etiketini kullanarak belgeye farklı komut dosyalarını (komut dosyalarını) bağlayabilirsiniz. Kapanış etiketinin varlığı gereklidir. Komut dosyasının kendisi belgenin başında, içinde ve sonunda bulunabilir.

Tarayıcıya, bu etiketler arasındaki her şeyin tarayıcı pencerenizde görüntülenmesi gerektiğini söyler. İşte kesinlikle her belgede bulunabilecek ana etiketler. Gövde etiketi, sayfanın tüm içeriğini içeren ana gövdesi görevi görür. Bu etiketi açmanız tavsiye edilir ve belgenin sonunda kapatmayı unutmayın.

Daha ileri gidelim, yine açılıp kapanan etiketi görüyoruz. Bu etiket metnin ana başlığını belirtir, çoğu durumda H1 başlığının altında sayfanın başlığı bulunur. Aslında yalnızca altı veri başlığı vardır. . SEO’da da kullanılıyorlar ama bu biraz farklı bir konu. Bunun için mutlaka bir makaleyi vurgulayacağım ve onlar için ayrıntılı bir açıklama yapacağım, hiçbir şeyi kaçırmamak için blog güncellemelerine abone olacağım.

Makalede böyle bir başlığın varlığı oynayacak önemli rol sayfanın tanıtımını yaparken. Ayrıca bunları kullanmak size net bir sayfa yapısı, başlığı, alt başlıkları, vurguları, alt paragrafları vb. sağlar. Bunları daima kullanın ve uygulamaya koyun. WordPress gibi birçok CMS'de metin yazarken "Başlık 1", "Başlık 2", "Başlık 3" vb. göreceksiniz. h1, h2 ve h3'ten sorumludurlar.

Yeni bir paragraftan gövde metni yazarsanız bir etiket yazarsınız

Başlangıçta ve sonunda kapatın

HTML belgesi

Bu metin kalın olacak, ve bu italiktir

Her belgenin bir başlık öğesi ve bir başlık öğesi vardır. İlk etiketten hemen sonra gelen ilki. Bu etiket sayfayla ilgili tüm bilgileri içerir, aynı zamanda . Başlık - sayfanın başlığı, diğer bir deyişle sayfanın başlığı, adı hakkında bilgi. Belirttiğiniz başlıkta var doğru isim kullanıcının sizi arayacağı sayfa arama motoru, Çok önemli nokta. Her iki elemanın da aynı şekilde açık ve kapalı olması gerekir. Her öğe bir "/" işaretiyle kapatılır. Sonuç olarak resim bu.

Başlık& \Sayfa içeriği

Gördüğünüz gibi karmaşık bir şey yok. İşte her html belgesinde bulunması gereken en temel etiketler. Her birini kapatmayı unutmayın, aksi takdirde tarayıcı kodun tam resmini algılayamayacaktır. Bunun her zaman bilinmesi ve hatırlanması gerekir. Daha sonra metin, resim, video vb. eklemeye başlarsınız. Ama bu diğer yazılarda olacak.

Kodla çalışmak için Notepad++ kullanın. Ücretsizdir ve çevrimiçi olarak bulunması kolaydır. Herhangi bir kodun algılanması için çok uygun olup, açılış ve kapanış etiketlerinin gösterilmesi de uygundur. 40'tan fazla programlama dilinin sözdizimini destekliyoruz. HTML'in temellerini öğrenmek için ihtiyacınız olan şey.

Not Defteri, normal bir not defterinden her bakımdan üstündür. İçin maksimum rahatlık, basitlik ve çalışma, bu düzenleyicinin öncelikle bir bilgisayara kurulması gerekir. En temel avantaj ve kolaylık, not defteri düzenleyicisi++ kod yazarken ipuçları gösterir, bu da çalışmanızı zaman zaman daha hızlı ve daha iyi hale getirir.

Her belge ayrıca aşağıdaki doctype öğesini de belirtmelidir. Neden gerekli ve içinde ne olmalı? Genellikle insanlar bu satırlardan pek hoşlanmazlar, bunları belgelere kopyalayıp sessizce çalışırlar. Bu öğeler tarayıcıya belgede hangi html sürümünün kullanıldığını, sayfanın hangi açıklamasının, hangi kodlamanın kullanıldığını, hangi anahtar kelimelerin dahil edildiğini, yazarın kim olduğunu ve sayfanın ne adlandırıldığını söyler.

Genellikle en başlangıca yerleştirilirler. Birkaç seçenek var ve hepsi birbirinden farklı, en sık kullanılan bir örneği yazacağım. Bu şablon şu şekilde kullanılabilir: hazır şablon. Daha sonra her satırın net bir açıklaması olacak, bunda herhangi bir sorun olmamalıdır.

Kısaca anlaşılır dil HTML'nin temelleri hakkında: Bu satır tarayıcıya şunu söyler: bu belge kullanılan XHTML sürüm 1.0'dır ingilizce dili ve tüm bu yulaf lapası bu adreste bulunuyor. Daha sonra meta etikette kullanılan kodlamayı belirtin. Windows 1251 en yaygın kullanılanıdır.

Açıklama - SEO'nun konusu etkilenir, kesinlikle her belgede bulunması gereken üç ana etiketten biri olan bu etiket, sayfanın açıklamasını belirtir. Bu sayfada yazılanlar, kısa bir açıklama, en fazla iki cümledir. Anahtar kelime etiketi aynı zamanda SEO konusunu da etkiler, bu etiket gereklidir. İnternet kullanıcılarının sizi arama motorları aracılığıyla bulabileceği anahtar kelimeleri içerir.

İÇİNDE başlık etiketi belgenin kendisinin adı, tarayıcıda gördüğümüz başlığı gider. Muhtemelen belgenin tamamında sayfa tanıtımı üzerinde en fazla etkiye sahip olan en önemli etiket. Ekleme ve tasarlama makalesinde bu etiket daha ayrıntılı olarak açıklanmaktadır.

Html'nin temelleri hakkındaki bu dersten hatırlamanız gerekenler:

Tüm ana sayfalar her zaman index olarak adlandırılmalıdır. Bu şekilde kabul ediliyor ve herkes buna alıştı, dosyanın uzantısı ne olursa olsun hem html hem de php olabilir. Her zaman buna denir.

Webformyself'ten HTML temelleri videosunu izleyin.

Köprü metni biçimlendirme dili, temel öğeler ve yapı. Bütün bunları ve çok daha fazlasını blogumda anlatmaya çalışacağım. Öncelikle yeni başlayanlar için yazılacak yardımcı bilgi, bir kod örneği sağlanır ve örneğin bitmiş sayfayla birlikte kendisini indirme yeteneği sağlanır.

Sizleri blogumun sayfalarına bekliyorum. HTML, web sayfaları oluşturmak için kullanılan basit bir biçimlendirme dilidir. Çalışmaktan korkmamanız için basit olduğunu söyledim. HTML dili yeni başlayanlar için mükemmel - bir programlama diline sıfırdan hemen hakim olmak çok daha zordur, ancak html gerçekten çok daha kolaydır.

Bu yazıda size bu dili en hızlı ve etkili şekilde nasıl öğreneceğinizi anlatmak istiyorum, böylece bir veya iki ay içinde onu mükemmel bir şekilde bileceksiniz. İmkansız olduğunu mu düşünüyorsun? Mart ayının sonunda html öğrenmeye başladım. Mayıs ayının sonunda, iş için gereken etiketlerin% 90'ını sorunsuz bir şekilde biliyordum.

Tabii çoğu için hızlı öğrenme bazı yararlı siteler bulmalısınız. Öncelikle html referansına ihtiyacınız olacak. Deneyimli programcılar bile bunu kullanıyor çünkü düzinelerce etiketi ve bunların niteliklerini akılda tutmak kesinlikle imkansız.

Dizinlerden size tavsiyelerde bulunabilirim - htmlbook. Bu, tüm etiketleri içeren, çalışmalarının sonucunu gösteren gerçekten harika bir site Detaylı Açıklama. Ancak kılavuz yalnızca ek bir araçtır; en büyük etki gerçek uygulamada elde edilebilir.

Ve burada interaktif derslerden bahsediyorum. Bu, kod yazma ve nasıl görüntülendiğini anında görme yeteneğidir. Kurs sırasında size ödevler verilecektir. Önce basit olanlar, metni başlığa dönüştürmek veya tablo oluşturmak gibi. O zaman daha zor. Sonunda ne yapabileceğinizi anlayacaksınız HTML kullanarak. Bunun için ödeme yapmanız gerektiğini düşünüyorsanız, yanılıyorsunuz.

html ve css dersleri veren harika bir sitedir. İlk 16-18 kurs ücretsizdir! Eğitiminize devam etmek ve ücretli eğitimlere erişmek istiyorsanız ayda 300 ruble veya yılda 1800 ruble ödemeniz gerekecek. Şahsen ben 300 ruble verdim, her şey bir ayda geçti ücretli kurslar ve bundan çok yararlandı.

Benden bir ipucu daha - yazın! Sizin için tüm yeni ve önemli bilgileri kaydedin. Yazmadan, gerekli bilgiyi hafızanıza sabitlememe riskiyle karşı karşıya kalırsınız. Şahsen, rafımda neredeyse tamamen doldurulmuş üç ortak not defterim var ve zaman zaman şu veya bu özelliği unuttuğumda onlara bakıyorum.

HTML, bir web sayfasının yapısını ve düzenini oluşturan web teknolojilerinden yalnızca biridir. Site yapımında tasarımdan tamamen CSS sorumludur. Bu diller birbirleriyle etkileşim içinde oldukları için aynı anda öğrenilmeleri gerekir.

Biraz bilgi edindikten sonra kendi başınıza pratik yapabilirsiniz. Nasıl yapılır? Resimler, tablo, iç içe liste, basit iki sütunlu sayfa düzeni veya başka bir şey içeren bir makale deneyin. Pratik yapmalısınız çünkü beyninizde işlerin nasıl çalıştığına dair hızlı bir anlayış geliştirmenin tek yolu budur. En iyisi elbette bu konuda bir öğretmen bulmaktır, ancak büyük olasılıkla bunun bedelini ödemek zorunda kalacaksınız.

Webformyself, web sitesi oluşturma konusunda zengin bilgi sağlayan harika bir çevrimiçi portaldır. Sitelerinde HTML, CSS ve web sitesi düzeni hakkında birçok ücretsiz makale bulabilirsiniz, ancak aynı zamanda amacı size yararlı bilgileri olabildiğince hızlı bir şekilde aktarmak olan ücretli video eğitimleri de yayınladılar.

Sonuçta bu web teknolojilerini öğrenmenizin bir amacı olmalı. Genellikle bu, site düzenlerinin kendi başlarına nasıl oluşturulacağını öğrenmek için yapılır. Sizin de böyle bir hedefiniz varsa webformyself.com üzerinden premium derslere erişim satın almak sizin için harika bir seçenektir. Sonuç olarak, yalnızca HTML ve CSS derslerine değil, diğer pek çok derse de erişebilirsiniz. Örneğin, JavaScript ve WordPress.

Orada yararlı dersler, dersler için ilk düzenimi oluşturma fırsatını da not etmek isterim. Bu çok önemli çünkü İyi pratik, bundan sonra ağda bulduğunuz siteler için diğer düzenleri dizmeye çalışarak elinizi zaten kendi başınıza doldurabileceksiniz.

Ortalama olarak HTML ve CSS çok hızlı bir şekilde öğrenilebilir. doğru yaklaşım. Mesela birkaç ayımı aldı. Bilgiyi nereden alacağınızı biliyorsanız, öğrenme süreci birkaç kez hızlandırılabilir.

iyi siteler faydalı malzemeler Sana verdim - sonra işini. Prensip olarak, yukarıdaki kaynaklar İnternet'teki en iyi kaynaklardır. Örneğin yüz binden fazla kişi Htmlacademy'den kursları tamamladı ve 87 binden fazla kişi Webformyself güncellemelerine abone oldu.

HTML, H yper T ext Markup Language anlamına gelir; Köprü Metni İşaretleme Dili, web sayfalarının temel yapı taşıdır ve web sayfalarını oluşturmak ve görselleştirmek için kullanılır.

HTML dili düz metne işaretleme ekler. Köprü metni, web sayfalarının birbirine bağlandığı çeşitli bağlantılar içerir. HTML ile herkes hem statik hem de dinamik web siteleri oluşturabilir. HTML, bir web belgesinin içeriğinin yapısını ve anlamını açıklayan bir dildir. Web sayfası içeriği, HTML öğelerini temsil eden etiketlerle işaretlenmiştir. Bu tür elemanların örnekleri şunlardır: , ve benzeri. Bu öğeler herhangi bir web sitesinin yapı taşlarını oluşturur.

HTML, 1991 yılında bilim adamı Tim Berners-Lee tarafından icat edildi ve başlangıçta farklı üniversitelerden bilim adamları arasında belge alışverişi için tasarlandı. Tim Burns-Lee icadıyla temelleri attı modern ağİnternet.

HTML'nin çeşitli versiyonları vardır. Dil standardı sürekli olarak güncellenmekte ve tamamlanmaktadır; bunun sonucunda neredeyse her yıl yeni bir versiyon HTML. Sürüm "HTML 2.0", 1995 yılında yayınlanan ilk standart HTML spesifikasyonuydu. HTML 4.01, HTML'nin 1999'un sonlarında yayınlanan ve günümüzde yaygın olarak kullanılan ana sürümüdür. Günümüzde en popüler versiyon HTML-5'tir. HTML uzantısı 4.01 ve 2012'de yayınlandı.

Bir HTML belgesi veya web sayfası, etiketleri (köşeli parantez içine alınmış düz metinlerden oluşan) içeren basit bir metin belgesidir. Bir web sayfası hem normal bir metin düzenleyicide (Notepad, WordPad, Word, vb.) hem de kod vurgulamalı özel bir metin düzenleyicide (Notepad++, Sublime Text vb.) yazılabilir. HTML Belgeleri.htm veya .html dosyaları olarak saklanır.

Sunum sırasında her derste, her kodu ayrıntılı olarak anlamanıza ve pratik yaparak öğrenmenin tadını çıkarmanıza yardımcı olacak örnekler sunulacaktır. Çevrimiçi HTML düzenleyicimizle, bir HTML belgesini düzenleyebilir ve ardından sonucu görmek için düzenleyicinin sol düzenleyici penceresinin üzerindeki turuncu "Çalıştır" düğmesini tıklayabilirsiniz. Özel bir HTML düzenleyici kullanıyorsanız, örneği kopyalayabilir ve çalışmanızın sonuçlarını bilgisayarınızda yüklü tarayıcıda görüntüleyebilirsiniz.

Bu bir paragraf.

İÇİNDE HTML Eğitimiİşaretleme diline kolayca hakim olabileceğiniz 100'den fazla çevrimiçi örnek sizin için hazırlandı. Yüz kez duymaktansa bir kez görmek daha iyidir! Teori artı pratik, HTML'de uzmanlaşmadaki başarınızın anahtarıdır.

veya HTML derslerini kendi başınıza ve ücretsiz olarak öğrenin

İnternette web sitenizi mi oluşturmak istiyorsunuz? - Çok güzel! HTML dersleri bu konuda size yardımcı olacaktır.

HyperText Markup Language veya kısaca HTML, W3C konsorsiyumunun bir ürünü olan, belgeler için bir hiper metin biçimlendirme dili, neredeyse tüm mevcut web sayfalarının temelini oluşturur ve bu da onu site oluşturma araçları hiyerarşisinde ilk sıraya koyar. Bu bölümdeki derslerin incelenmesine özellikle dikkat edilmelidir.

• HTML Dersleri web sayfalarının nasıl oluşturulacağına ilişkin derslerdir.
• HTML dersleri İnternet sitelerinin geliştirilmesinde uzmanlaşmaya yönelik ilk adımdır.
• HTML dersleri ile web tasarım dersleri tamamen farklı kavramlardır.

Özel olarak tasarlanmış yeni, modern HTML dersleri yeni başlayanlar için.

HTML sözdizimi oldukça basit ve anlaşılması kolaydır ancak bu, öğrenme sürecinin sorunsuz ve hatasız olacağı anlamına gelmez. Onlardan korkmanıza gerek yok; onlar kaçınılmazdır. Hata yaparak gelecekte nasıl hareket etmemeniz gerektiğine dair bilgi alırsınız, bu bilgi biraz çabaya, zamana değer ve bu nedenle özellikle değerlidir. Bilgi ve deneyim bu şekilde birikir.

İlk sayfalarınızı oluştururken, daha önce bilmediğiniz ve belki de varlığından bile haberdar olmadığınız bir dünyayı, başka olasılıklarla dolu bir dünyayı, Web dünyasını keşfettiğinizin düşüncesinin keyfine varacaksınız.

Dikkat olmak! Yeni bir aktivitenin bağımlısı olabilirsiniz.

Unsurlarını göz önünde bulundurun:

Bir belgenin başlangıcını ve sonunu tanımlayan etiketler.

Servis bölümü. Burada tarayıcılar için komutlar, arama robotları için talimatlar, uzak dosyalara bağlantılar, komut dosyaları bulunmaktadır.

Belgenin ana başlığını tanımlayan etiketler.

Bu bölüm hepsini içerir görünen kısım internet sayfaları.

Tarayıcıda Merhaba Dünya'yı göreceğiz! :

HTML öğrenmek için Not Defteri gereklidir. İçinde kodu manuel olarak yazacağız. Belki de hepsi bu ... Kodun yorumlanmasıyla meşgul yazılım web'de gezinmek için, yani İnternet Explorer, Firefox, Opera, Chrome ve diğer tarayıcılar.

Bu kurstaki derslerde HTML 5, XHTML ve CSS eklentileri tanıtılacaktır. Bu kombinasyon öğrenme için idealdir ve materyalin gelişimini önemli ölçüde hızlandırmanıza olanak tanır.

Şu anda HTML 5 spesifikasyonu W3C'nin resmi web sitesinde zaten mevcuttur. Beşinci sürümün geliştirilmesine 2007 yılında başlandı, XML'e dayanıyor ve aslında yeni öğeler ve niteliklerle desteklenen XHTML'dir. HTML'nin beşinci sürümü daha fazla işlevsellik sunar ve etkileşimli siteler ve web uygulamaları oluşturma sürecini basitleştirir. Ayrıca HTML 5, multimedya içeriğinin bir web sayfasına yerleştirilmesine olanak tanıyan ek öğeler içerir.

Yeni HTML henüz bir önerinin durumunu ve etiketlerini almamıştır. bu aşama, yalnızca bazı tarayıcılar tarafından tanınır. Ancak buna rağmen günümüzde HTML 5 dersleri mevcuttur.

Post Scriptum: İnternet, "Köprü Metni Aktarım Protokolü" - Köprü Metni Aktarım Protokolü veya kısaca HTTP - köprü metni belgeleri biçiminde veri aktarımı için bir protokol aracılığıyla köprülerle birbirine bağlanan sonsuz sayıda sayfadan oluşur. HTML nedir? HTML - Belgeler için Köprü Metni Biçimlendirme Dili veya Köprü Metni Biçimlendirme Dili.