HTML Giriş – HTML Eğitimi – Web Uygulama Geliştirme
HTML veya Köprü Metni İşaretleme Dili aslında bir programlama dili değil, sadece işaretleme. Bu nedenle HTML, bir web sayfası yapısı yapmak için sadece standart bir işaretleme dilidir. HTML, hangi tarayıcıyı görüntüleyeceğini söyleyen çeşitli öğelerin bir kombinasyonudur. Eleman, HTML etiket kapağının ve örneğin
ve
başlangıcının bir kombinasyonudur. P, OL, UL, H1, H2, IMG, A, Güçlü ve daha fazlası gibi çeşitli HTML etiketleri vardır. Yalnızca tarayıcıya ve neyi göstereceklerini söylerler. Tarayıcı etiketi görüntülemez, ancak tarayıcı web sayfalarına içerik oluşturmak için etiketler kullanır.
HTML sürümü Web yayınlandığından beri, web sitesinin tüm düzenini oluşturmak için tablo kullanılmadan önce birkaç HTML sürümü vardır, ancak şimdi HTML5 size kendi öğelerinizi belirleme gücü veren eylemde. Örneğin , Yani bu öğenin etiketi önceki sürümden daha fazla açıklanıyor. td>
html 2.0
1995
>
tr>
Bir HTML sayfası oluşturmak için ilk HTML sayfasını oluşturun, HTML uzantısının .html veya. htm olduğunu her zaman bilin. .Html kullanabilir veya .htm kullanabilirsiniz. Ancak örneğimizde .html dosya uzantısını kullanıyoruz.
Her şeyden önce Notepad ++ önerdiğimiz bir kod düzenleyiciniz olmalı. Notepad ++ veya istediğiniz diğer kod editörlerini indirin ve yükleyin. Şimdi Notepad ++ çalıştırın ve yeni bir dosya oluşturun. Aşağıdaki kodu nereye yapıştırılır. html giriş
1
Ben 2
gidiyorum gidiyorum 3
Ben 4
Ben gidiyorum 5
Ben 6
gidiyorum şimdi dosyayı kaydet ve emin olun Dosya türünde Hiper Metin İşaretleme Dili Uzantısı .html seçersiniz. Editörünüzün .html için varsayılan bir uzantısı yoksa, kendi dosya adınızla .html yazın. Ve tüm türler olarak dosya türünü seçin. Kaydet ve şimdi açmaya çalıştıktan sonra dosya tarayıcıda açılacak.
Açmaya çalışırken dosyayı .html uzantısında doğru şekilde kaydediyorsanız, web tarayıcısındaki web sayfanıza bakın. Dosyayı şimdi web tarayıcısında açık göreceksiniz, eğer bu olmazsa, lütfen tekrar önceki adıma geçin. Kod Düzenleyicisi'ndeki HTML dosyasını nasıl açarım? Bazı değişiklikler yapmak için dosyanızı tekrar kod düzenleyicisinde açmak isteyebilirsiniz. Ancak HTML dosyanızda iki kez tıkladığınızda, web tarayıcısına açık mı? Endişelenmeyin, doğru -istediğiniz uygulama ile tıklayın ve düzenleyin. Doğru -İstediğiniz uygulama ile açın ve açın. Kod Düzenleyicisi'ndeki HTML dosyasını nasıl yeniden açılır.İpucu:
Başlık Etiketi 1 ve
Başlık Başlangıç Etiketi 1'i bitirir. Hemen hemen tüm HTML öğeleri başlangıç ve son etiketlere sahiptir.HTML HTML kodunu anlamak, web uygulamanızı geliştirirken şimdiye kadar öğrendiğiniz en basit dildir.Önce aşağıdaki basit HTML web sayfası koduna bakalım. html giriş
1
Ben 2
gidiyorum gidiyorum 3
Ben 4
Ben gidiyorum 5
Ben 6
başa çıkıyorum elementlere sarılmış her şeyi görebilirsiniz Bu, tüm web sayfalarının HTML öğesi etiketinde olması gerektiği anlamına gelir.
HTML kafa öğelerindeki kafa etiketleri, bir web sayfasının çok önemli bir parçasıdır. <Head etiketi ile başlar ve ile biter. Belge başlıkları, şık çarşaflar, favicons, zoom duyarlı özellikler. Web sayfası gövdesinde görünmediği, ancak web sayfalarıyla ilgili dosyaları ve önemli etiketleri eklemek için kullanıldığı için her şey kafa etiketinde gelir. Kafa karıştırmayın çünkü şimdi CSS kursumuz sırasında daha fazla anlayacaksınız. Gövde etiketleri HTML'de yukarıdaki örnekte görebileceğiniz gibi, vücut elemanı etiketi ile başlar ve son etiket ile biter. içindeki her şey aslında web tarayıcısında görüntülenir. Yukarıdaki örnekte olduğu gibi, H1, H2, H3, H4, H5, H6 farklı başlıklarımız var ve kendilerini kapatıyor ve kapatıyorlar. Böylece gövde, etiketler ve yorumlar dışında tarayıcıdaki her şeyi görüntüleyecektir. Neden etiketler sadece yapılar veya türler oluşturmak ve yapmak için kullanılır. Oysa sadece kodun anlaşılmasını kolaylaştırmak ve web tarayıcısında görüntülenmemek için özel öğelerdir.
HTML
'De Başlık Etiketi 1
Ben 2
gidiyorum 3
4
5
gidiyorum 6
HTML'de 6 farklı başlık var. Arama motorları için başlığın çok önemli olduğu düşünüldüğünde, her başlığın kendi numarası 1 ila 6 arasında vardır. Çünkü H1 sayfanın ana başlığıdır, H2 bölümün başlığıdır ve H3 H3'ün çocuklarıdır. Şimdilik hiyerarşiyi anlamıyorsanız, onu görmezden gelin ve sadece hatırlamanız gerekir. Kalın metin biçimlendirmek istediğinizde, bu amaç için başlığı kullanmamalısınız. Başlık, sayfanın veya parçanın kendisidir.
etiketi ile başlar ve
etiketi ile biter. Yukarıdaki örneğe bakın. HTML <! HTML yorumlarında ile biten ve bu etikette ne olursa olsun tarayıcınızda görüntülenmez. Tarayıcının nedeni yorumları yok sayar. Yorumlar Yalnızca kendiniz veya kodunuzu daha sonra değiştirecek diğer kod üreticileri için, bir parçanın ne olduğu hakkında ipuçları vermek için. Her zaman yorumlanmış ve güzel bir kod yapmaya çalışın, bu uygulama sadece gelecekte zamandan tasarruf etmekle kalmaz, aynı zamanda kodunuzu da beğenir.
Html
lorem iPSUM'daki kalın, eğik ve alt çizgiler paragraflar endüstridir. Lorem Ipsum , bilinmeyen bir yazıcı türünün bir kadırgası ve bir tür örnek kitabı yapmak için karıştırdığı 1500'lerden beri endüstrinin standart kukla metni olmuştur. Sadece beş yüzyıldan kalma değil, aynı zamanda elektronik dizgide sıçrama, aslında değişmeden ortaya çıktı. Lorem IPSUM içeren Letset sayfalarının yayınlanmasıyla popülerleştirildi. Güçlü> ve daha kalın hale getirmek için kelimelerin veya satırların etrafında etiketler. Bir alt satır yapmak istediğinizde, altı çizili yapmak için kelimesinin veya satırın etrafında kullanın. Ve metni veya eğimli satırı biçimlendirmek istediğinizde, kelimenin veya satırın etrafındaki etiketini kullanın. Aynı işi yapmak için hem de etiketini de kullanabilirsiniz. HTML
Yatay Cetvel'deki Yatay Kurallar, HTML belgenize
koduyla girebileceğiniz bir satırdır. Bu,
etiketleri için kapanış etiketi olmadığını görebileceğiniz gibi kendinizi kapatan özel bir HTML etiketidir. Çünkü kimse bu etiketi girmek zorunda değil. HTML'ye her satır koymak istediğinizde
kullanabilirsiniz.
Pre -html
tanıtım I biz o zaman hangi sistem hazır
Bildiğiniz gibi, tarayıcı kodunuzdaki tüm beyaz alanı yok sayar. Örneğin, kodunuzda, iki etiket arasında birkaç satırınız ve iki kelime arasında birçok boşluk var, ancak tarayıcı tüm bu beyaz boşlukları yok sayıyor. Ve web sayfanızı böyle alanlar olmadan gösterin. Evet, çünkü tarayıcı kodunuzu kolaylaştırmak için kullandığınız tüm beyaz alanı yok sayar. Bu nedenle, beyaz alanı görüntülemeniz ve tarayıcının görmezden gelmemesi gerekiyorsa, sadece görüntülenen metnin veya kodun etrafındaki
öğesini kullanın. Liste html
ABD
uk
-
Londra
Manchester
Li>
Kanada
Avustralya
Liste görünümünde bir şey görüntülemek istediğinizde. Sıralı bir liste veya sıralanmayan bir liste kullanırsınız. Her iki liste türünün de bir liste etiketi listesi vardır
her iki liste türünde listeleme öğelerini tanımlar. Sıralama ve sıralı liste arasındaki temel fark, sıralama listesinin, A, X numarasını veya öznitelik türüne bağlı olarak herhangi bir şeyi göstermesidir. Liste Sıralı Diski veya Liste öğesinin başlangıcındaki noktayı görüntülediğinde. Yukarıdaki örnekte, iç içe liste içeren sıralı listelerin bir listesini görebilirsiniz. Üst listenin varsayılan türe sahip olduğu ve liste öğesini 1, 2, 3 olarak görüntülerken, çocuk tarafından sipariş edilen liste A olarak ayarlanmış tür özniteliği vardır. Sıralı liste etiketi ile başlar ve liste öğesi
etiketi arasındayken etiketi ile biter, böylece her liste öğesinin kendi etiketleri vardır. HTML
ABD
İngiltere
Londra
Manchester
Kanada
Avustralya
Sıralama listesi ile aynıdır, listesiz liste
etiketi ile başlar ve içindeki öğe
etiketi ile biter.
etiket
ve
arasındadır. Sıralı olmayan liste, liste öğesinin başında bir nokta veya disk görüntüler. CSS ile değiştirebileceğiniz şey, size daha sonra rehberlik edeceğiz. Bu, örneğin kenar çubuğu widget'ında, başlık navigasyonunda, navigasyon altbilgisinde kullanılan ve CSS ile düzenlenmiş HTML sayfalarında kullanılan en popüler liste türüdür. Html pakistan Karaçi
Tanım listesi, alt başlık başlığı olan bir listedir. Başlık etiketi olan bir tanım başlığı etiketidir. Öğe listesi
etiketine sarılacak olsa da, UL ve OL'nin
sarması imkansızdır. Tanım listesi kodu örnekleri için yukarıdaki örneğe bakın. HTML ve Özel Karakter'i kopyalayın; & Kalpler; & Kulüpler;
Görüntüleyeceğim & euro;
Görüntüleyeceğim €
Görüntüleyeceğim € , HTML'deki ticari markalar ve diğer birçok karakter. Bu karakteri kullanmanız gerektiğinde, doğrudan R klavyenizi kullanarak yazamazsınız. Bu HTML için HTML Özel Karakter tablosunda bulabileceğiniz özel bir karaktere sahiptir. HTML'nizde istediğiniz karakteri oluşturmak için kodu alabilirsiniz. Html özniteliği
"Kırmızı">
HTML öznitelikleri aslında HTML etiketinin bir parçasıdır. Yukarıdaki örnekte, kendisinin, kullanabileceğiniz farklı bir özniteliğe sahip bir HTML etiketi olduğunu görebilirsiniz. ekranın yukarısındaki örnekte A değeri ile öznitelik türünü kullanırsanız, varsayılan 1, 2, 3 A, B, C değil. Benzer şekilde çapa, href attribute = "" Ankrajı referansa veya nereye bağla söyleyin.
IMG etiketi.Ve DIV etiketinde, sınıf özelliği yalnızca CSS'de kendi stilleri olan sınıfları uygulamak için kullanılır.CSS ve DIV'i daha sonra tartışacağız.HTML etiketleri ve etiket öznitelikleri arasındaki fark, örneğin <img ve öznitelikleri alt değer veya tanım etiketleri olan HTML etiketleridir.Örneğin <div class = "image.jpg" Bu örnekte <img html etiketidir, SRC ise <img etiketinin özelliğidir.Her etiketin gerektiğinde kullanacağınız kendi etiketleri vardır. Kodun tamamını almak istiyorsanız, lütfen aşağıdaki bağlantıdan indirin.Kod Preateware Life Ders Sıradaki, Sonraki HTML Link - HTML Eğitimi - Web Uygulama Geliştirme
