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. |
Paragraf: <p> </p>
Satır atla : <br />
Ortala: <center>
Yatay çizgi: <hr />
Formatı korı : <pre> </pre>
boşluk :
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>
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>
id
title
class
style
Genel attributelar
Attribute | Options | Function |
---|---|---|
align | right, left, center | Horizontally aligns tags |
valign | top, middle, bottom | Vertically aligns tags within an HTML element. |
bgcolor | numeric, hexidecimal, RGB values | Places a background color behind an element |
background | URL | Places a background image behind an element |
id | User Defined | Names an element for use with Cascading Style Sheets. |
class | User Defined | Classifies an element for use with Cascading Style Sheets. |
width | Numeric Value | Specifies the width of tables, images, or table cells. |
height | Numeric Value | Specifies the height of tables, images, or table cells. |
title | User Defined | "Pop-up" title of the elements. |
Hiç yorum yok:
Yorum Gönder