From 6063506276bd7d0c15ac9c383372a0c629e48247 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Do=C4=9Fuhan=20=C4=B0lter?= Date: Mon, 8 Jan 2024 02:55:11 +0300 Subject: [PATCH 1/3] tables.md Turkish Translation --- .../intermediate_html_concepts/tables.md | 39 +++++++++---------- 1 file changed, 18 insertions(+), 21 deletions(-) diff --git a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md index 23e8330b..c4625e2d 100644 --- a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md +++ b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md @@ -1,48 +1,45 @@ -### Introduction +### Giriş -HTML Tables allow you to create two-dimensional tables made of rows and columns. In this lesson, you will learn everything you need to know about HTML Tables. +HTML tabloları sütunlar ve satırlardan oluşan iki boyutlu yaratmanıza olanak sağlar. Bu derste, HTML tablolarıyla ilgili bilmeniz gereken her şeyi öğreneceksiniz. -### Learning outcomes +### Öğrenme Çıktıları -By the end of this lesson, you should be able to do the following: +Bu dersin sonunda, aşağıdakileri yapabilmelisiniz: -- Create advanced HTML tables. +- Gelişmiş HTML tabloları yaratmak -### HTML tables +### HTML tabloları -Some data just really needs to be displayed in a table. HTML tables might be less commonly used than buttons, links, lists and everything else you've learned so far, but there are some cases where they're the _perfect_ tool. Some of the more advanced features can get a little tricky to set up correctly but getting started with tables is pretty easy. You create a table with `
` tags and then put the elements for rows, columns, headers, or anything else that's possible inside those table elements. +Bazı verilerin gerçekten de bir tablo içerisinde gösterilmesine ihtiyaç vardır. HTML tabloları; buttonlar, linkler, listeler ve daha bir çok öğrendiğiniz etiketler kadar sıklıkla kullanılmaz ancak bazı durumlarda _mükemmel_ araçlara dönüşebilirler. Öğrendiğimiz bazı gelişmiş özellikleri düzgünce kullanmak biraz zorlu olsa da tabloları kullanmak çok kolaydır. `
` etiketlerini kullanarak bir tablo yaratabilir ve öğelerinizi satırların; sütunların, başlıkların veya mümkün olan herhangi bir şeyin içine koyabilirsiniz. -For example: +Örneğin: -

- See the Pen - HTML Tables Example by TheOdinProject (@TheOdinProjectExamples) - on CodePen. -

+CodePen aracılığıyla (@TheOdinProjectExamples) +tarafından yapılmış olan HTML tablo örneğine bakınız -In this codepen example we created a table element, containing two table row elements. The first row has two headings while the second row has 2 data cells. +Bu codepen örneğinde, iki tane satır içeren bir tablo öğesi yarattık. İlk sütun iki başa sahip iken ikinci sütun iki veri hücresine sahip. -### Assignment +### Ödev
-1. Read these [Tables Basics](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics) and [Tables Advanced](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced) tutorials from MDN. They should teach you all the syntax behind HTML tables. It's pretty straightforward. Make sure to code along! -2. Do this [Tables Assessment](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Structuring_planet_data) from MDN. It's good to put your newly learned skills to practice! +1. MDN'den [Tables Basics](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics) ve [Tables Advanced](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced) öğreticilerini okuyunuz. Bu makaleler HTML tablolarının arkasında olan tüm sözdizimini öğretecektir ve fazlasıyla kolaydır. Okuduğunuz makalelerle birlikte kodladığınızdan emin olun! +2. MDN'den [Tables Assessment](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Structuring_planet_data) yapınız. Yeni öğrendiğiniz becerileri pratiğe dökmek güzel!
-### Knowledge check +### Bilgi Ölçme -This section contains questions for you to check your understanding of this lesson on your own. If you’re having trouble answering a question, click it and review the material it links to. +Bu bölümde, bu dersi anladığınızı kendi başınıza kontrol etmeniz için sorular bulunmaktadır. Eğer ki bir soruyu cevaplandırmakta bir sıkıntı çekerseniz, tıklayın ve bağlantı verdiği materyali inceleyin. - [What is a table?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics#what_is_a_table_) - [Why is it a bad idea to use HTML Tables for page layout?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics#when_should_you_not_use_html_tables) - [What are caption elements useful for?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced#adding_a_caption_to_your_table_with_caption) - [What is the scope attribute?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced#the_scope_attribute) -### Additional resources +### Ek Kaynaklar -This section contains helpful links to related content. It isn’t required, so consider it supplemental. +Bu bölüm, içerikle alakalı yardımcı olabilecek bağlantıları içermektedir. Zorunlu değildir, destekleyicidir. - Pencil & Paper published a great [article about things you can achieve with tables](https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables) if you dare to spend some time giving them some love. They suggest some good habits on how you should format your data which is pretty simple and makes a huge difference. These are not a list of must dos to a table, but ideas worth keeping in mind for the next time a table is bothering you with how it looks. From de7488ae925519007f455581ecdfb4ab7c0930b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Do=C4=9Fuhan=20=C4=B0lter?= Date: Mon, 8 Jan 2024 03:06:16 +0300 Subject: [PATCH 2/3] tables.md Turkish Translation --- .../intermediate_html_css/intermediate_html_concepts/tables.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md index c4625e2d..724d8f60 100644 --- a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md +++ b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md @@ -42,4 +42,4 @@ Bu bölümde, bu dersi anladığınızı kendi başınıza kontrol etmeniz için Bu bölüm, içerikle alakalı yardımcı olabilecek bağlantıları içermektedir. Zorunlu değildir, destekleyicidir. -- Pencil & Paper published a great [article about things you can achieve with tables](https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables) if you dare to spend some time giving them some love. They suggest some good habits on how you should format your data which is pretty simple and makes a huge difference. These are not a list of must dos to a table, but ideas worth keeping in mind for the next time a table is bothering you with how it looks. +- Eğer onlara biraz sevgi vererek biraz zaman ayırmaya cesaretin varsa, Pencil & Paper harika bir [article about things you can achieve with tables](https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables) yayınladı. Verilerinizi nasıl biçimlendirmeniz gerektiği konusunda basit ancak büyük farklar yaratabilecek iyi alışkanlıklar öneriyorlar. Bu, bir tabloya karşı bir sonraki sefer sizi rahatsız ediyorsa akılda bulundurulmaya değer fikirlerdir; bunlar bir tablo için mutlaka yapılması gerekenlerin bir listesi değil, ancak düşünmeye değer fikirlerdir. \ No newline at end of file From bdc6cf421959f068b3bdbf2acd238385d0a071f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Do=C4=9Fuhan=20=C4=B0lter?= Date: Mon, 8 Jan 2024 04:55:31 +0300 Subject: [PATCH 3/3] tables.md Turkish Translation - fixed --- .../intermediate_html_concepts/tables.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md index 724d8f60..54d2c296 100644 --- a/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md +++ b/content/odin/intermediate_html_css/intermediate_html_concepts/tables.md @@ -2,7 +2,7 @@ HTML tabloları sütunlar ve satırlardan oluşan iki boyutlu yaratmanıza olanak sağlar. Bu derste, HTML tablolarıyla ilgili bilmeniz gereken her şeyi öğreneceksiniz. -### Öğrenme Çıktıları +### Öğrenme çıktıları Bu dersin sonunda, aşağıdakileri yapabilmelisiniz: @@ -13,9 +13,10 @@ Bu dersin sonunda, aşağıdakileri yapabilmelisiniz: Bazı verilerin gerçekten de bir tablo içerisinde gösterilmesine ihtiyaç vardır. HTML tabloları; buttonlar, linkler, listeler ve daha bir çok öğrendiğiniz etiketler kadar sıklıkla kullanılmaz ancak bazı durumlarda _mükemmel_ araçlara dönüşebilirler. Öğrendiğimiz bazı gelişmiş özellikleri düzgünce kullanmak biraz zorlu olsa da tabloları kullanmak çok kolaydır. `
` etiketlerini kullanarak bir tablo yaratabilir ve öğelerinizi satırların; sütunların, başlıkların veya mümkün olan herhangi bir şeyin içine koyabilirsiniz. Örneğin: - +

CodePen aracılığıyla (@TheOdinProjectExamples) tarafından yapılmış olan HTML tablo örneğine bakınız +

Bu codepen örneğinde, iki tane satır içeren bir tablo öğesi yarattık. İlk sütun iki başa sahip iken ikinci sütun iki veri hücresine sahip. @@ -29,7 +30,7 @@ Bu codepen örneğinde, iki tane satır içeren bir tablo öğesi yarattık. İl -### Bilgi Ölçme +### Bilgi ölçme Bu bölümde, bu dersi anladığınızı kendi başınıza kontrol etmeniz için sorular bulunmaktadır. Eğer ki bir soruyu cevaplandırmakta bir sıkıntı çekerseniz, tıklayın ve bağlantı verdiği materyali inceleyin. @@ -38,8 +39,8 @@ Bu bölümde, bu dersi anladığınızı kendi başınıza kontrol etmeniz için - [What are caption elements useful for?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced#adding_a_caption_to_your_table_with_caption) - [What is the scope attribute?](https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced#the_scope_attribute) -### Ek Kaynaklar +### Ek kaynaklar -Bu bölüm, içerikle alakalı yardımcı olabilecek bağlantıları içermektedir. Zorunlu değildir, destekleyicidir. +Bu alanda içerikle alakalı faydalı linkler bulunmaktadır. Zorunlu değildir, ek olarak düşünülmelidir. - Eğer onlara biraz sevgi vererek biraz zaman ayırmaya cesaretin varsa, Pencil & Paper harika bir [article about things you can achieve with tables](https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables) yayınladı. Verilerinizi nasıl biçimlendirmeniz gerektiği konusunda basit ancak büyük farklar yaratabilecek iyi alışkanlıklar öneriyorlar. Bu, bir tabloya karşı bir sonraki sefer sizi rahatsız ediyorsa akılda bulundurulmaya değer fikirlerdir; bunlar bir tablo için mutlaka yapılması gerekenlerin bir listesi değil, ancak düşünmeye değer fikirlerdir. \ No newline at end of file