Showing posts with label html. Show all posts
Showing posts with label html. Show all posts
HTML'de div ve span elemanları genellile diğer elemanları gruplamak ve yerleşimlerini düzenlemek için kullanılır. CSS'de ise o gruplara ortak stil tanımlamak için kullanılır.
Div ve span elemanları arasındaki tek var; div elemanının görünüm tipi block iken span elemanının inline'dır. Bu sadece içerisinde bulunan elemanların sayfadaki yerleşimlerini etkiler.
Inline ve block elemanlar arasındaki farkı buraya tıklayarak okuyabilirsiniz.
HTML'de her elemanın default olarak görünüm tipi vardır. Bu tip block veya inline olabilir. Bu tip CSS ile değiştirilebilir.
Block elemanlar, bulunduğu satırın tümünü kaplar ve eklendiği yerde yeni bir satıra geçer.
Inline elemanlar, eklendiği yerde sadece boyutu kadar yer kaplar.
Not: Height ve width özellikleri sadece block elemanlarda kullanılabilir.
Block Elemanlar
<address><article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
Inline Elemanlar
<a><abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>
HTML'de <meta> etiketi, <head> etiketi içerisinde kullanılan bir etikettir. Bu etiket ile sitemiz ile ilgili bilgileri tarayıcılar, arama motorları ve diğer web hizmetleri paylaşabiliriz.
Web sayfamızda kullanılacak karakter setini aşağıdaki şekilde tanımlayabiliriz. Bu sayede sitemizdeki türkçe karakterler doğru bir şekilde yorumlanabilir.
<meta charset="UTF-8">
Web sayfamız ile ilgili kısa bir açıklamayı aşağıdaki şekilde tanımlayabiliriz.
<meta name="description" content="Free Web tutorials">
Arama motorlarının web sayfamızı doğru bir şekilde bulabilmesi için etiketleri aşağıdaki şekilde tanımlayabiliriz.
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
Web sayfamızın yazarını aşağıdaki şekilde tanımlayabiliriz.
<meta name="author" content="Berkay Demirel">