advertisement

HTML ve CSS

50 %
50 %
advertisement
Information about HTML ve CSS
Technology

Published on March 3, 2014

Author: mustafakirimli

Source: slideshare.net

Description

HTML ve CSS hakkında temel bilgiler ve basit kullanım örneklerini içeren bir sunum.
advertisement

HTML ve CSS Mustafa Kırımlı

HTML (HyperText Markup Language) HTML, sayfanın yapısı ve içeriği hakkında bilgiler barındıran, etiket (tag) ve öznitelik (attribute) içeren, metin bazlı, basit bir dildir. Her sayfanın ham (raw) hali ve oluşturulmuş (genrated source, dom) hali olmak üzere iki HTML kodu bulunur.

Başlıca HTML Elementleri ● ● ● ● ● ● ● ● html head body div table form a img ● ● ● ● ● ● ● span p h1-h6 ul ol hr br

Örnek HTML Sayfası <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Demo Application</title> </head> <body> <h1>Hello World!</h1> </body> </html>

CSS (Cascading Style Sheets) CSS, html ‘e stil vererek sayfanın görünümünü şekillendirir. Hiçbir CSS olmayan sayfada tarayıcının varsayılan stilleri uygulanır. Örneğin p etiketi için block span etiketi için inline stil uygulanır.

CSS (Cascading Style Sheets) CSS html üzerinde hangi etikete stil uygulayacağını seçiciler (selectors) yardımıysa gerçekleştirir. CSS etiket özelliği olarak , html kodunun içinde etiketleri içinde veya harici dosya olarak yüklenir. <p style=”color:red”></p> <style>..</style> <link rel="stylesheet" href="" type="text/css" />

CSS Seçicileri (selectors) ● Tüm element seçici (*) ● Type seçici (a, from, table, div, span ..) ● ID seçici (#header, #main, #contact ..) ● Class seçici (.hidden, .alert, .description)

CSS Conditional comments <!--[if IE]> <!--[if gte IE 8]> According to the conditional comment this is IE According to the conditional comment this is IE 8 or higher <![endif]--> <![endif]--> <!--[if IE 6]> <!--[if lt IE 9]> According to the conditional comment this is IE 6 According to the conditional comment this is IE lower than 9 <![endif]--> <![endif]--> ..7..8… <!--[if !IE]> --> According to the conditional comment this is not IE 5-9 <!--[if IE 9]> According to the conditional comment this is IE 9 <![endif]--> <!-- <![endif]-->

#contact presentations

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

HTML & CSS | Codecademy

HTML & CSS Learn how to create websites by structuring and styling your pages with HTML and CSS.
Read more

XHTML (HTML) ve CSS Dersleri (Türkçe) - Yakın Kampüs - YouTube

Yakın Kampüs HTML ve CSS derslerini bu seride bulabilirsiniz. Derslerimizi Erol Mesut GÜN Hoca'mız anlatıyor. www.yakinkampus.com www ...
Read more

Free tutorials on HTML, CSS and PHP - Build your own ...

Free tutorials on HTML, CSS and PHP - Build your own website ... Welcome to HTML.net. People often think it is extremely difficult to make a website.
Read more

HTML + CSS - Kolay ve Pratik Öğrenme - Udemy

Bir web sitesi yapımına sıfırdan başlamak isteyenler için - Uygulamalı HTML ve CSS eğitimini uzmanından öğrenin.
Read more

HTML/Multimedia und Grafiken/Grafiken – SELFHTML-Wiki

Idealerweise werden Schmuckgrafiken nicht in das HTML eingebettet, sondern mittels CSS als Hintergrundbilder definiert (Trennung von Inhalt und Präsentation).
Read more

CSS MenuMaker | HTML, CSS, & jQuery Menus

Make Awesome Menus. Use our MenuMakers to easily build clean, responsive website navigations. ... HTML, CSS, & jQuery Menus. Popular; Drop Down; Vertical; Bar;
Read more

HTML and CSS Tutorial | Code School

HTML/CSS. Front-end Foundations. Learn the fundamentals of HTML and CSS, ... I've been working as a software engineer for more than 4 years now.
Read more

CSS Examples - W3Schools

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
Read more

HTML Templates

Create your own website using these free HTML templates. Easy to use, easy to edit, and 100% free of charge.
Read more

HTML Tutorial - W3Schools

With HTML you can create your own Web site. This tutorial teaches you everything about HTML. HTML is easy to learn - You will enjoy it. This HTML tutorial ...
Read more