11 Mart 2015 Çarşamba

HTML

1. Temel html yapısı


<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>

2. Temel tag'lar




<!DOCTYPE...>: doküman tipi ve HTML versiyonu
<html>:en dıştadır. <head>...</head> <body>...</body> den oluşur.
<head>:Başlıkları yani  <title>, <link>  vb bulundurur.
<title>:<head> de doküman başlığı belirtir.
<body>: <h1>, <div>, <p> bulundurur.


Başlık : <h1>..<h6>
Paragraf: <p> </p>
Satır atla : <br />
Ortala: <center>
Yatay çizgi: <hr />
Formatı korı : <pre> </pre>
boşluk : &nbsp;
Bölüm : <div>
italik : <i></i>
altı çizili : <u></u> , <ins>...</ins>
kalın : <b></b> , <strong>
üzeri çizili : <strike></strike>  , <del>...</del>
monospace font : <tt>...</tt>
üst : <sup>...</sup>
alt : <sub>...</sub>
büyük yazı : <big>...</big>
küçük yazı : <small>...</small>
gruplama : <div> ya da <span>
vurgu : <em>...</em>
sarı higlight: <mark>...</mark>
blok alıntı yapma : <blockquote>...</blockquote>
tırnak içinde alma: <q></q>
kod yazma: <code>...</code>


Not: 
<p>This is paragraph</p>  : bu bir elementtir. 
<p>  : bu bir tagdır.


3. Attribute name ve value den oluşur.

p align="left">This is left aligned</p>

Temel attribute'lar:

id
title
class
style

Genel attributelar

AttributeOptionsFunction
alignright, left, centerHorizontally aligns tags
valigntop, middle, bottomVertically aligns tags within an HTML element.
bgcolornumeric, hexidecimal, RGB valuesPlaces a background color behind an element
backgroundURLPlaces a background image behind an element
idUser DefinedNames an element for use with Cascading Style Sheets.
classUser DefinedClassifies an element for use with Cascading Style Sheets.
widthNumeric ValueSpecifies the width of tables, images, or table cells.
heightNumeric ValueSpecifies the height of tables, images, or table cells.
titleUser Defined"Pop-up" title of the elements.
4. 

Hiç yorum yok:

Yorum Gönder