Kendi web sayfanızı oluşturmak istiyorsanız, HTML bilgisine sahip olmalısınız. This article explains how to create an HTML page. Ayrıca, xml site haritasının nasıl oluşturulacağını ve nasıl resim ve bağlantı ekleneceğini öğreneceksiniz.. Bir xml site haritası oluşturmak da önemlidir, sitenizi düzenlemenize ve trafiğinizi artırmanıza yardımcı olabilecek. Bir sonraki adım bir şablon seçmektir..
Creating a html page
HTML bir işaretleme dilidir. Bir web sayfasının her öğesi bir etiketle temsil edilir.. Bir etiket açılı ayraçlarla tanımlanır, ve her öğenin bir veya daha fazla etiketi vardır. Bazı öğeler yalnızca bir etiket gerektirir; diğerleri iki tane gerektirebilir. Açılış ve kapanış etiketlerinde eğik çizgi bulunur (/). Örneğin, paragraf öğesi p etiketi ile temsil edilir. Açılış ve kapanış etiketleri arasındaki metin paragraf metnidir..
HTML belgesi oluşturmak için, bir metin düzenleyici kullanmanız gerekecek. Çoğu bilgisayarda varsayılan olarak bir metin düzenleyici bulunur. Windows kullanıcıları Internet Explorer kullanacak, Mac kullanıcıları TextEdit'i kullanabilirken. Profesyonel görünümlü bir web sayfası oluşturmak için süslü bir metin düzenleyici yükleyebilirsiniz., ancak ilk HTML sayfanız için, Gereksiz. Ayrıca basit bir metin düzenleyici ve herhangi bir web tarayıcısı kullanabilirsiniz.. Hangi programı kullanacağınızdan emin değilseniz, ücretsiz bir HTML düzenleyicisi indirmeyi deneyin.
Html sayfasının iki ana bölümü vardır: vücut ve kafa. Gövde bölümü, web sitesinin gerçek içeriğini içerir., başlık bölümü başlık ve meta bilgi için kullanılırken. Vücut diğer tüm unsurları içerir, resimler ve diğer grafikler dahil. Başlık bölümü, gezinme bağlantılarınızı koyacağınız yerdir. Gövdeyi yazmayı bitirdikten sonra, belgenin içeriğini eklemeye hazırsınız. Web sitenizin herkes tarafından erişilebilir olmasını sağlamak için gövde ve başlık öğelerini kullandığınızdan emin olun..
Creating a xml sitemap
If you have an HTML page, arama motorlarının web sitenizi taramasına yardımcı olmak için bir XML site haritası oluşturmak isteyebilirsiniz. Bu, arama sıralamanızı etkilemeyecek olsa da, arama motorlarının içeriğinizi anlamasına ve tarama hızlarını ayarlamasına yardımcı olur. Bu yoldan, web siteniz arama motoru sonuçlarında daha görünür olacak. İşte başlamak için bazı kolay adımlar:
Bir HTML site haritası oluşturmak kolaydır. Tek yapmanız gereken sitenizin sayfalarının basit bir tablosunu yapmak., her sayfaya bağlantılar içeren. Ardından, üstbilgi veya altbilgideki o site haritası sayfasına bağlantı verin. Bu yoldan, sitenizin kaç sayfası olursa olsun, insanlar bunlar arasında kolayca gezinebilir. Dahası, site haritası oluşturmak için bir SEO göndermeniz gerekmez.
HTML sayfanız yayına girdikten sonra, Google Arama Konsolu'na gönderin. Herhangi bir dosya uzantısını kullanabilir ve XML site haritanızı adlandırabilirsiniz.. XML site haritasını Google'a gönderebilirsiniz., ama gerekli değil. Google tarayıcıları genellikle yeni içerik keşfetmede oldukça iyidir, ve onlara bir site haritası göndermeniz gerekmez. Ayrıca diğer arama motorlarına da gönderebilirsiniz., ancak bu, Google tarafından keşfedileceğinizi garanti etmez.
Web sayfanıza bir XML site haritası eklemeniz gerekmez, ancak web sitenizin SEO'sunu artıracaktır. Site haritaları, arama motorları tarafından, bir web sayfasıyla doğrudan bağlantılı olmayan sayfaları dizine eklemelerine yardımcı olmak için kullanılır.. Site haritaları ayrıca zengin medya içeriğinin erişilebilirliğini iyileştirmeye yardımcı olur. Web sitenize bir site haritası eklemek, sitenizin arama motoru botları için daha erişilebilir olmasına yardımcı olabilir..
Adding a picture
In HTML, img etiketini kullanarak bir sayfaya resim ekleyebilirsiniz.. Bu etiket yalnızca resmi ve özelliklerini içerir; bir kapanış etiketi gerektirmez. Bu resim etiketi, HTML belgesinin gövde bölümüne eklenmelidir.. Resmin genişliğine ve yüksekliğine ek olarak, resmi açıklayan bir alt niteliği eklemelisiniz. Alt etiketi, göremeyen bir kişi için açıklama yazıyormuş gibi yazılmalıdır..
Bir HTML belgesine resim eklemek biraz CSS ve HTML bilgisi gerektirir. Görüntü boyutu ve çözünürlük, dikkate alınması gereken en önemli faktörlerden ikisidir.. Resmin boyutu, belgenin içeriğine nasıl sığacağını belirleyecektir.. Farklı bir çözünürlük veya en boy oranı kullanmayı tercih ederseniz, resmi yeniden boyutlandırmayı da deneyebilirsiniz. Yine de, ölçeklendirmenin her zaman beklediğiniz gibi çalışmadığını unutmayın.
Bir görüntünün boyutunu ayarlamak için iyi bir kural, genişliğini artırmaktır.. Genişlik, yükseklikten en az bir piksel daha küçük olmalıdır. Görüntü görüntülenemeyecek kadar küçükse, kenarlık ekleyebilirsiniz, ve ardından görüntü boyutuna uyacak şekilde ayarlayın. Bir resmin kenarlığını, onu border niteliğine ekleyerek de ayarlayabilirsiniz.. Kenarlık kalınlığı varsayılan değerdir, ama herhangi bir değere ayarlayabilirsiniz. Resmin bir src özniteliğine sahip olduğundan emin olun.
Adding a link
You can add a link in HTML to your document using an a> href özelliğine sahip etiket. Bu, belge için bir yer imi oluşturacak ve onu yeni bir sekmede açacaktır.. Belgeye bir resim eklemek için bir href niteliği de kullanabilirsiniz.. Bir HTML düğmesini bir bağlantıya dönüştürmek için JavaScript kodlu bir bağlantı da kullanabilirsiniz.. Bunu yaptıktan sonra, bağlantınızı CSS veya JavaScript koduyla biçimlendirebilirsiniz.
Bağlantı, bir web kaynağından diğerine bağlantıdır. İki uçtan oluşur, kaynak çapa ve hedef çapa. Bir bağlantı, bir görüntüden bir metin dosyasına kadar herhangi bir şey olabilir.. Çoğu sosyal ağ sitesi ve web sitesi, kullanıcıları belirli bir URL'ye yönlendirmek için bağlantılar kullanır.. HTML, bir bağlantının konumunu belirtmek için de kullanılabilir.. Bu bir’ nitelik, kod öğelerini bir URL'ye bağlamanıza olanak tanır.
Bir bağlantı tasarlarken, ziyaretçilerinizin içeriği nasıl kullanacağını dikkate aldığınızdan emin olun.. Bağlantı metni açıklayıcı olmalıdır, tam olarak ne beklemeleri gerektiğini bilsinler diye. Aynı URL'nin tekrarı, ekran okuyucular için çirkin, ve onlara herhangi bir yararlı bilgi vermez. Ekran okuyucular ayrıca kullanıcılara, bağlantıların ne zaman olduğunu, onları farklı stilde veya altı çizili hale getirerek bildirir.. Böylece, ihtiyaç duydukları bilgileri kolayca bulabilirler.
Adding a table
Adding a table to an HTML page is simple, ama yapmadan önce düşünmen gereken birkaç şey var. Masanızın arka plan rengi, ziyaretçinizin dikkatini çekmek ve önemli bilgilere dikkat çekmek için çok önemlidir.. Hex renk kodlarını veya renk adlarını kullanarak tablonun başlık öğesi ve veri öğesi için farklı bir renk ayarlayabilirsiniz.. Öyle ya da böyle, masanız kolayca görünür olacak.
td öğesiyle bir tablo başlığı ve tablo verileri ekleyebilirsiniz., bireyi tanımlayan “kutular” içerik için. Tablo başlığı eklemek, verileri bir web sayfasında görüntülemenin ilk adımıdır., ve isterseniz ilkini eklemelisiniz. Bir tabloda ayrıca üç satır başlığı olmalıdır. Bir başlık boş olmalıdır. Tablonuzda sütunlar varsa, ayrıca her sütun için satır başlıkları oluşturmalısınız.
Ayrıca tablonuza başlıklar da ekleyebilirsiniz.. Başlık, tablonun amacını açıklayan isteğe bağlı bir öğedir.. Altyazılar erişilebilirlik için de yararlıdır. Tablo, veri gruplarını açıklayan hücreleri de içerebilir.. Nihayet, bir dizi satır ve sütun tanımlamak için thead öğesini ekleyebilirsiniz.. Her iki elemanı birlikte veya ayrı ayrı kullanabilirsiniz.. Hatta bunları kombinasyon halinde de kullanabilirsiniz., ama başlık en önemlisi.
Adding a div
Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. div öğesi, metin için özel bir kapsayıcıdır., Görüntüler, ve diğer unsurlar. İstediğiniz herhangi bir isim verebilir ve özelliklerini ihtiyaçlarınıza göre değiştirebilirsiniz.. Ayrıca, div ile sayfanızdaki diğer öğeler arasında boşluk oluşturmak için bir sınıf veya kenar boşluğu ekleyebilirsiniz..
Bir div içine kod eklemek için innerHTML niteliğini de kullanabilirsiniz.. Bu yöntem, bir dize içine alınmış kodu kabul eder., ve div içinde değilse, içerik kaldırılacak. Bu şekilde bir div'e kod eklemekten kaçınmalısınız., web sitenizi siteler arası komut dosyası güvenlik açıklarına maruz bırakabileceğinden. JavaScript gibi bir betik dili kullanıyorsanız, innerHTML niteliğini kullanabilirsiniz.
Bir div, bir belge içinde kodu gruplamak için kullanılan temel bir HTML etiketidir.. Bir paragraf içerebilir, blok alıntı, resim, ses, hatta bir başlık. Konumu, bir sayfanın farklı bölümlerine tek tip bir stil ve dil uygulamanıza olanak tanır.. Div'ler en iyi, ardışık eleman gruplarında ortak olan anlambilimi işaretlemek için kullanılır.. Tüm sayfayı yeniden yazmak zorunda kalmadan bir bölüme stil eklemek istediğinizde bir div kullanılmalıdır..