Skip to content

Commit cee8f3c

Browse files
authored
Add files via upload
0 parents  commit cee8f3c

File tree

3 files changed

+56
-0
lines changed

3 files changed

+56
-0
lines changed

Ex01/README.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
## HTML Dosyasına JavaScript Bağlamak
2+
3+
Bu mini rehberde bir **HTML** dosyasına harici bir **JavaScript** dosyasını nasıl bağlayacağınızı öğreneceksiniz. Aşağıdaki adımları izleyerek, projelerinizde JavaScript dosyanızı rahatlıkla kullanabilirsiniz!
4+
5+
---
6+
7+
### 1. Proje Klasörü Oluşturmak
8+
9+
1. Bilgisayarınızda projenize özel bir klasör oluşturun.
10+
2. Bu klasör içerisinde iki dosya oluşturun:
11+
- `index.html`
12+
- `script.js`
13+
14+
### 2. HTML Dosyasını Hazırlamak
15+
16+
`index.html` dosyanızı temel bir HTML yapısıyla başlatın.
17+
18+
**Örnek HTML kodu**:
19+
```html
20+
<!DOCTYPE html>
21+
<html lang="tr">
22+
<head>
23+
<meta charset="UTF-8">
24+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
25+
<title>Benim Projem</title>
26+
</head>
27+
<body>
28+
<!-- HTML içeriğinizi buraya ekleyebilirsiniz -->
29+
30+
<!-- JavaScript dosyası burada bağlanacak -->
31+
<script src="script.js"></script>
32+
</body>
33+
</html>
34+
35+
```
36+
37+
**Dikkat Edilmesi Gerekenler:**
38+
39+
- `<script src="script.js"></script>` satırı, JavaScript dosyamızı (script.js) HTML dosyasına bağlamış olur.
40+
- Genelde `<script>` etiketini `</body>` etiketinden hemen önce yerleştirmek önerilir. Böylece sayfadaki elementler yüklenir ve JavaScript sorunsuz çalışır.
41+
42+
- Modern tarayıcılarda `type="text/javascript"` eklemek opsiyoneldir. Zorunlu değildir, ancak eski tarayıcılarda kullanılabilirdi.
43+
44+
---

Ex01/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
</head>
8+
<body>
9+
10+
</body>
11+
<script type="text/javacript" lang="javacript" src="script.js" ></script>
12+
</html>

Ex01/script.js

Whitespace-only changes.

0 commit comments

Comments
 (0)