Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Html İle Farklı Web Sayfası Uygulaması programını aktaracağız. Html de kodlama nasıl gerçekleşir? Html İle Farklı Web Sayfası Uygulaması nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.
Html İle Farklı Web Sayfası Uygulaması Kod Alanı
Html web programlama dilinde Farklı Web Sayfası Uygulaması kod metnini oluşturduk. Bu uygulamamızda html web programlama dili ile basit bir web sayfası oluşturacağız. Bu tür basit uygulamalar kod metinlerini, kod satılarını ve kullanımlarını öğrenmede yardımcı olmaktadır.
Uygulamanın html kod metin alanı aşağıdaki gibidir:
<!DOCTYPE html>
<html>
<head>
<title>CSS-DIV Örnekleri -5-</title>
<link href="css-5.css" rel="stylesheet" />
<meta charset="utf-8">
</head>
<body>
<header>
<h1>Örnek Web Sayfası Tasarımı</h1>
</header>
<nav>
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</nav>
<article>
<h1>Başlık1</h1>
<p>
Video, size görüşünüzü kanıtlamak için güçlü bir yol sunar. Çevrimiçi Video'ya tıkladığınızda, eklemek istediğiniz videoya ait ekleme kodunu yapıştırabilirsiniz. Belgenize en iyi uyan videoyu çevrimiçi olarak aramak için bir anahtar sözcük de yazabilirsiniz. Word, belgenizin profesyonelce üretilmiş görünmesini sağlamak için birbirini tamamlayan üst bilgi, alt bilgi, kapak sayfası ve metin kutusu tasarımları sağlar. Örneğin, birbiriyle uyumlu bir kapak sayfası, başlık ve kenar çubuğu ekleyebilirsiniz. Ekle'ye tıklayın ve ardından farklı galerilerden eklemek istediğiniz öğeleri seçin.
</p>
</article>
<aside>
<figure>
<img src="images/programlamahocam.jpg" height="100px" width="100px" />
<figcaption>www.programlamahocam.com</figcaption>
</figure>
<p>
Video, size görüşünüzü kanıtlamak için güçlü bir yol sunar. Çevrimiçi Video'ya tıkladığınızda, eklemek istediğiniz videoya ait ekleme kodunu yapıştırabilirsiniz. Belgenize en iyi uyan videoyu çevrimiçi olarak aramak için bir anahtar sözcük de yazabilirsiniz.
</p>
</aside>
<section>
<h1>Başlık</h1>
<p>
Video, size görüşünüzü kanıtlamak için güçlü bir yol sunar. Çevrimiçi Video'ya tıkladığınızda, eklemek istediğiniz videoya ait ekleme kodunu yapıştırabilirsiniz. Belgenize en iyi uyan videoyu çevrimiçi olarak aramak için bir anahtar sözcük de yazabilirsiniz.
</p>
</section>
<footer>
<hr />
Tüm hakları saklıdır.
</footer>
</body>
</html>
/* CSS Document */
article
{
padding:5px;
border:solid 3px #ff006e;
margin-top:5px;
}
header
{
padding:0px;
text-align:center;
}
aside
{
margin-top:5px;
background-color:#F0BCBD;
padding:5px;
text-align:center;
font-style:italic;
border:double 3px #b200ff;
}
section
{
padding:5px;
border:solid 3px #0026ff;
margin-top:5px;
}
footer
{
padding:5px;
text-align:center;
font-weight:bold;
}
nav
{
text-align:center;
}
ul li
{
display:inline;
padding-left:5px;
padding-right:5px;
text-align:left;
font-size:16px;
font-weight:bold;
}
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz