Bu özelliği atlamanıza ve metni geliştiricinin gerektirdiği şekilde görüntülemenize olanak tanır.

— bir metin paragrafı tanımlar.  Etiket 
Bir blok elemanıdır, her zaman yeni bir satırda başlar, birbirini takip eden metin paragrafları aralarında bir boşlukla ayrılır.  Dolgu miktarı stiller kullanılarak kontrol edilebilir.  Kapanış etiketi yoksa, paragrafın sonu bir sonraki blok öğesinin başlangıcı olarak kabul edilir.
..
..

- HTML, başlıktan sonra yer alan bölümün göreceli önemini gösteren, farklı düzeylerde altı başlık sunar.  evet, etiket 
en önemli birinci düzey başlığı temsil eder ve etiketi 
altıncı seviye bir başlık belirlemeye hizmet eder ve en önemsiz olanıdır.  Varsayılan olarak, ilk düzey başlık en büyük kalın yazı tipinde görüntülenir, sonraki düzey başlıklar daha küçüktür.  etiketler 
,…,
blok düzeyindeki öğelerdir, her zaman yeni bir satırda başlarlar ve onlardan sonra sonraki satırda diğer öğeler görünür.  Ayrıca başlıktan önce ve sonra boşluk bırakılmıştır.  Etiketin özelliği var hizalamak başlık hizalamasını belirten değerleri alabilir sol- başlığın sola hizalanması merkez- merkez hizalama Sağ- doğru hizalama savunmak— genişlikte hizalama (aynı anda sağ ve sol kenarlarda).  Bu değer yalnızca birden fazla satır uzunluğundaki bir başlık için çalışır.


- boyut, renk ve yazı tipi gibi yazı tipi özelliklerini değiştirmek için bir kapsayıcıdır.  Bu etiket hala tüm tarayıcılar tarafından desteklense de kullanımdan kaldırılmıştır ve stiller lehine kullanımdan kaldırılmalıdır.  Etiketin 3 özelliği vardır: renk- metnin rengini ayarlar, yüz- yazı tipini tanımlar, boyut— yazı tipi boyutunu geleneksel birimlerde ayarlar.

- metni bir alıntı veya başka bir materyale dipnot olarak işaretler.  Bu seçim, CSS aracılığıyla metnin stilini değiştirmek için kullanışlıdır ve ayrıca HTML kodunu yapısal öğelere ayırmak için de kullanılır.  Tarayıcılar genellikle metni kabın içine ayarlar italik olarak.

- karakter dizisinin bir kısaltma olduğunu gösterir.  bir öznitelik ile başlık kısaltmanın transkripti verilir, bu da kısaltmanın aşina olmayan kişiler tarafından anlaşılmasını sağlar.  Ayrıca, arama motorları, belgenin sıralamasını yükseltmek için kullanılabilecek kısaltmanın tam metin sürümünü indeksler.
Varsayılan olarak, kapsayıcının içine alınmış metin noktalı çizgi ile altı çizili.
Tüm bu etiketleri kullandığım kod aşağıdadır:

 




HTML Ve css Web sayfaları oluşturmaya yönelik temel teknolojilerden ikisidir.  HTML sayfanın yapısını sağlar, cssçeşitli cihazlar için (görsel ve işitsel) düzen.  Grafik ve komut dizisinin yanı sıra HTML ve CSS, Web sayfaları ve Web Uygulamaları oluşturmanın temelidir.  Aşağıdakiler hakkında daha fazla bilgi edinin:
HTML nedir?
 HTML, Web sayfalarının yapısını açıklayan dildir.  HTML, yazarlara şu araçları sağlar:

Başlıklar, metinler, tablolar, listeler, fotoğraflar vb. içeren çevrimiçi belgeler yayınlayın. 
Bir düğmeyi tıklatarak köprü metni bağlantıları aracılığıyla çevrimiçi bilgilere ulaşın. 
Bilgi arama, rezervasyon yapma, ürün siparişi verme vb. işlemlerde kullanılmak üzere uzak hizmetlerle işlem yapmak için formlar tasarlayın. 
Elektronik tabloları, video klipleri, ses kliplerini ve diğer uygulamaları doğrudan belgelerine ekleyin. 

 HTML ile yazarlar, işaretlemeyi kullanarak sayfaların yapısını tanımlar.  Dilin öğeleri, aşağıdakiler gibi içerik parçalarını etiketler: "paragraf", "liste", "tablo" vb..
XHTML nedir?
XHTML bir HTML varyantı Genişletilebilir Biçimlendirme Dili olan XML'in sözdizimini kullanan.  XHTML, HTML türevi ile aynı öğelere (paragraflar için vb.) sahiptir, ancak sözdizimi biraz farklıdır.  XHTML bir XML uygulaması olduğundan, diğer XML'leri kullanabilirsiniz. aletler(XML içeriğini dönüştürmek için bir dil olan XSLT gibi).
CSS nedir?
CSS, renkler, düzen ve yazı tipleri dahil olmak üzere Web sayfalarının sunumunu açıklayan dildir.  Sunumun büyük ekranlar, küçük ekranlar veya yazıcılar gibi farklı cihaz türlerine uyarlanmasına olanak tanır. css dır-dir bağımsız HTML ve herhangi bir XML tabanlı biçimlendirme ile kullanılabilir dil dil.  HTML'nin CSS'den ayrılması, sitelerin bakımını, stil sayfalarının sayfalar arasında paylaşılmasını ve sayfaları farklı ortamlara uyarlamayı kolaylaştırır.  Buna yapının (veya: içeriğin) sunumdan ayrılması denir.
Web Yazı Tipleri nedir?
web yazı tipleri işletim sistemine kurulum gerektirmeden insanların web üzerinden yazı tiplerini isteğe bağlı olarak kullanmalarını sağlayan bir teknolojidir.  W3C, indirilebilir yazı tiplerinde deneyime sahiptir. HTML, CSS2 ve SVG.  Yakın zamana kadar, birlikte çalışabilir bir yazı tipi biçiminin olmaması nedeniyle indirilebilir yazı tipleri Web'de yaygın değildi.  WebFonts çabası, endüstri destekli, açık bir yazı tipi formatı oluşturarak bunu ele almayı planlıyor. Web için ("WOFF" olarak adlandırılır).


Ders sona erdi, umarım edinilen bilgiler sizin için yararlı olur!  Bir sonraki derste size etiketin kendi içinde ne sakladığını anlatacağım. , resimlerle her türlü manipülasyonu nasıl yapacağınızı öğrenin ve tablolarla tanışın.
Bu yazıyı yazarken bazı etiketlerin açıklamaları buradan alınmıştır.
www.youtube.com/user/agragregra- sıfırdan değişen karmaşıklıkta web siteleri oluşturmanıza yardımcı olacak çok ilginç bir kanal;
www.youtube.com/user/ArtSorax- yeni başlayanlar için pek çok faydalı materyal Vurgu CSS ve JS'dedir;
www.youtube.com/user/WebMagistersRu- Web geliştirme ortamı ile tanışmam bizzat bu kanaldan başladı.  Her şey erişilebilir ve anlaşılır bir dille anlatılıyor, tabiri caizse temellerin temeli.
www.youtube.com/user/loftblog- LoftBlog ekibi, yeni başlayanlar ve yerleşik BT uzmanları ve geliştiricilerle röportaj yapmanın yanı sıra video eğitimi yürütür;
www.youtube.com/user/TheSWAT727- video kanalı, acemi geliştiriciler ve tasarımcılar için Ön uç, Arka uç, metin düzenleyici incelemeleri ve diğer yararlı bilgileri kapsayan genel olarak Web geliştirme hakkında bilgi ve eğitim materyalleri içerir.
İnternet kaynakları
htmlbook.ru - yeni başlayanlar için bir türbe.  Bu kaynak, erişilebilir ve anlaşılır bir biçimde + forumda büyük miktarda bilgi içerir.  HTML/CSS ile tanışmanıza buradan başlamanızı tavsiye ederim;
webdesign-master.ru - web tasarımı ve düzeni ile daha derin bir tanışma için bilgilendirici bir site;
Learn.javascript.ru - sitenin adı kendisi için konuşur.  HTML5/CSS3'ün temellerini öğrendikten sonra öğrenmeye başlamanızı tavsiye ederim.
Hizmetler
www.codecademy.com, bilginizi pratikte test edebileceğiniz İngilizce bir hizmettir.  Her şey sezgiseldir, derin İngilizce bilgisi gerekli değildir;
htmlacademy.ru - Uygulama + biraz teori üzerinde durulan Rusça hizmet.  Çok ilginç kaynaklar, kurslar ve ödevler;
jsfiddle.net, tabiri caizse, web geliştiricileri için bir "korumalı alan"dır.  Burada, çevrimiçi olarak kodlayabilir ve sonucu hemen görebilirsiniz.  Hizmet, hataları belirtmenize yardımcı olacaktır;
validator.w3.org - HTML kodundaki hatalarınızı veya eksikliklerinizi düzeltmek için burada kodunuzun geçerliliğini kontrol edebilirsiniz;
jigsaw.w3.org/css-validator, CSS kodunu doğrulamak için benzer bir hizmettir.
Sonuç


İnternette pek çok yararlı, doğru ve gerekli bilgi var, ancak daha yararsız.  Öğrenin, pratik yapın, kodlayın.
Etiketler: Eğitim, materyal, web siteleri, web sitesi geliştirme
Sitenin bu bölümü tamamen site oluşturmak için iki dile ayrılmıştır, yani HTML ve CSS.  Burada dilleri adım adım öğrenebilir, temelden en zor anlara kadar her şeyi öğrenebilirsiniz.
Bu bölüm, materyalin adım adım çalışılması ilkesi üzerine inşa edilmiştir, bu nedenle, HTML ve CSS dersinin her başlığından önce, dersin sıra numarasına karşılık gelen bir sayı vardır.  Her şeyi en temelden öğrenmek ve kafanızı karıştırmamak istiyorsanız bu doğaldır.  HTML ve CSS dilleri hakkında zaten bir şeyler biliyorsanız, burada eksik olan bilgileri de bulabilir veya daha önce öğrendiklerinizi derinleştirebilirsiniz.
Bu bölüm sırasıyla HTML5 ve CSS3 dil standartları ile ilgili dersler içermektedir, bu dillerin daha yeni sürümleri varsa bunlar da bu bölümün yeni derslerine yansıtılacak ve kesinlikle öğreneceksiniz.


Muhtemelen hayatında en az bir kez bir sitenin oluşturulmasıyla karşılaşmış olan herkes, elbette, html ve css gibi bir grup duymuş, güvenle söyleyebilirim ki, web sitelerini kendiniz yapmak istiyorsanız, o zaman yapamazsınız. bu iki şeyi bilmeden yap.
 

 
Kafanızda html'nin ne olduğu hakkında genel bir fikir edindikten sonra, açıkça karışık bir resim var ve bunun şaşırtıcı olduğunu düşünmüyorum.  Doğrudan pratik yapma ve ilk html belgenizi oluşturma zamanı.
 

 
Tıpkı html gibi, CSS'nin de kendi kuralları, kuralları ve yapısı vardır.  Bu dersimizde sizlere CSS dilinin temel kavramlarını, yapısını, aygıtını anlatacağım ve sizlerle ilk CSS stil sayfasını yapıp, stil sayfasını bir html belgesine nasıl bağlayacağımızı öğreneceğiz.
 

 
CSS'deki seçiciler, dilin kendisinin temelidir ve bunların çalışılması ve anlaşılması çok önemlidir, bu nedenle bu derste size birkaç seçici türü daha anlatacağım ve yeteneklerini açıklayacağım.
 

 
Bir site oluştururken çok önemli bir nokta metinle çalışmaktır ve anladığınız gibi, html'de metinle de çalışabilmeniz ve etiketlerin ne olduğunu ve nasıl kullanılabileceğini bilmeniz gerekir.
 

 
Metinle çalışmak için tüm html etiketlerini öğrendikten sonra, şimdi doğrudan bilginizi ve yeteneklerinizi büyük ölçüde genişletecek olan metinle çalışan CSS'ye geçme zamanı.
 

 
CSS'de çok sayıda kullanışlı ve kaliteyi değiştiren özellik vardır ve metinle çalışan CSS'yi incelemeye devam ediyoruz ve bu derste metinle çalışma konusunu derinlemesine inceleyeceğiz ve yeni metin özelliklerini ele alacağız.
 

 
Bir siteden oluştururken resimlerle çalışmak, hem bir tasarım oluştururken hem de basit bir düzen oluştururken veya siteniz için herhangi bir materyal yazarken kilit noktalardan biridir.
 

 
CSS, herhangi bir html nesnesiyle çalışma olanaklarını büyük ölçüde genişletir, bu derste size resimlere uygulanabilecek parametreler hakkında ayrıntılı olarak bilgi vermek istiyorum.

 
Herkese selam!!!  HTML'nin temellerinin zirvelerini fethetmeye karar verdiğiniz için çok memnunum ve bu doğru seçim.  Sonuçta, ilk web sitenizi oluşturmadan önce HTML'nin temellerini bilmeniz gerekir.  Üstelik bir web sitesinde birden fazla HTML kodlaması ile uğraşmak zorunda kalacaksınız.  Öğreticilere bir göz atmanızı şiddetle tavsiye ederim. Yeni Başlayanlar İçin HTML Bu kursu tamamladıktan sonra kolaylıkla bir web sayfası hatta web sitesi oluşturabileceğinizi garanti ederim.
Başlayalım!  Başlamak için, öğrenelim 
HTML- (İngilizceden. H ypert ext İşaretleme Dili) bir köprü metni biçimlendirme dilidir.  İlk olarak 1991-1992 yıllarında İngiliz bilim adamı Tim Berners-Lee tarafından geliştirilmiştir.  HTML yalnızca web sayfalarındaki metinleri, resimleri ve tabloları işaretlemek içindir.  Artık JavaScript, VBScript gibi ek programlama dilleri HTML belgesine eklenebilir.
HTML bir programlama dili değildir, yalnızca metin belgelerini işaretlemek için tasarlanmıştır.

HTML öğrenmek için sadece bir Tarayıcınız ve Standart Not Defteriniz veya . 
Standart Not Defteri'ni açmak için bilgisayarınızda aşağıdakileri yapın: Başlat => Programlar => Donatılar => Not Defteri
.
HTML kodu yazmayı kolaylaştıran programları (Microsoft FrontPage, Adobe Dreamweaver) duyduysanız, öğrenmenin bu aşamasında bunları kullanmanızı önermiyorum.  Standart bir not defterinde veya Notepad++ metin düzenleyicisinde elinizi doldurun ve bu kursu tamamladığınızda hızlandırma programlarını kullanabileceksiniz.  Blog güncellemelerime abone olun ve Microsoft FrontPage, Adobe Dreamweaver'ın nasıl kullanılacağını okuyun.
Daha iyi anlaşılması için bir örnek hazırladım.  Çizimi dikkatlice düşünün:

Açıklama.
1).  Her HTML belgesi şu satırla başlar:

"https://www.w3.org/TR/html4/loose.dtd">
Bu satırla, tarayıcıya HTML belgemizin uluslararası şartname sürüm 4.01 ile uyumlu olduğunu söylüyoruz.  Bu satır sayesinde sayfanız aynı görünecektir. 
Bu satırı ezberlemek gerekli değildir, HTML belgesi onsuz çalışacaktır.  Bu sadece ne olduğunu bilmen için.
2). Ve belgenin başı ve sonudur.
3). Ve- belgenin başı.  Ek hizmet etiketleri genellikle buraya eklenir, bu etiketlerden biri .  Diğer servis etiketlerini daha sonraki derslerde öğreneceksiniz, öğrenmenin bu aşamasında bu bilgiler yeterlidir.
4). - belgenin başlığı. 
Bu başlık tarayıcıda görüntülenecektir:

arama indeksinde veya Google'da.

5). Ve- belgenin gövdesi. 
Belgenin içeriği burada bulunur, örneğin metin, resimler, tablolar, müzik, filmler vb. Bir belgenin gövdesine nasıl müzik, metin, resim ekleyeceğiniz hakkında daha fazla bilgiyi sonraki derslerde öğreneceksiniz.
Not:
Sık sık "etiket" kelimesini okumak ve duymak zorunda kalacaksınız. 
Etiket, parantezler arasındaki her şeydir.< >.  Örneğin: 
, 

Sayfa metni, tablolar, resimler, müzik ve video.

Yukarıdakilerin hepsinden çok az veya neredeyse hiçbir şey anlamadıysanız cesaretiniz kırılmasın.  İkinci derste daha fazla uygulama olacak ve her şeyi elle yazabilecek ve HTML'nin nasıl çalıştığını görebileceksiniz.

sonraki derse git
Günümüz dünyasında, bazen kendi web sitenize sahip olmak, bir telefon numarasına veya e-posta adresine sahip olmak kadar önemlidir.  Ne yazık ki, herkes kendi başına güzel bir profesyonel web sitesi yapamaz ve bazen bir eğri bile işe yaramaz.  Herkesin karşılayamayacağı için programcılardan sipariş vermek de ideal bir çözüm değildir.
Ücretsiz HTML web sitesi şablonları, bu durumdan kurtulmanıza yardımcı olacaktır.  Bir HTML site şablonu, belirli bir konudaki bir site için bir dizi hazır statik sayfadır.  Bu şablonu kullanarak, temel HTML biçimlendirme bilgisiyle yalnızca birkaç saat içinde basit bir web sitesi oluşturabilirsiniz.  HTML bölümünde birkaç saat daha ders çalışırsanız bu bilgiye sahip olacaksınız ve CSS bölümünde zaman ayırmazsanız HTML site şablonlarının tasarımını tamamen kontrol edebilecek ve tamamen özelleştirebileceksiniz. ihtiyaçlarınıza göre.
Web sitesi şablonlarının tartışılmaz bir diğer avantajı da çoğu durumda profesyoneller tarafından yazılmış olmalarıdır.  Profesyonel bir site şablonu, yalnızca güzel ve modern bir tasarım değil, aynı zamanda kodun nasıl yazıldığı anlamına da gelir.  Arama motorları sitenizin nasıl yazıldığına, kodun SEO optimizasyonlu olup olmadığına bakar ve buna dayanarak arama sonuçlarındaki konumunuzu düşürür veya yükseltir.  Bu nedenle, iyi bir sitenin sadece güzel ve modern olması değil, aynı zamanda kod açısından da iyi yazılmış olması önemlidir.
Ücretsiz HTML web sitesi şablonlarını indirin ve projelerinizi hemen oluşturun.