` şeklinde arama yaparak tüm Emmet eylemlerine erişebilmelisiniz. Bizim durumumuzda ise `Emmet:Wrap With Abbreviation` olarak arama yapabilirsiniz.
![Emmet actions](https://cdn.statically.io/gh/TheOdinProject/curriculum/1953c1f219a8b321e7ecef9ebcb92834f50ffb9f/html_css/intermediate_html/emmet/imgs/03.png)
-You can now add a shortcut to it by clicking the plus sign and entering whichever key combination you would like for that specific action.
-You can do the same for `Remove Tag` by searching for `Emmet:Remove tag`.
+Şimdi, artı işaretine tıklayarak istediğiniz belirli eylem için bir kısayol ekleyebilirsiniz. Bu için uygun tuş kombinasyonunu girmeniz yeterlidir.
+Aynı işlemi `Remove Tag` için yapmak istiyorsanız, `Emmet:Remove tag` şeklinde arama yaparak aynı adımları uygulayabilirsiniz.
-### Assignment
+### Ödev
-1. [This](https://www.youtube.com/watch?v=V8vizNQKtx0) is a good video on Emmet. Go ahead and watch it up to `11:37` as it demonstrates some content we haven't covered yet. We'll get there eventually.
-2. Take a look at the [Emmet cheat sheet](https://docs.emmet.io/cheat-sheet/). You don't have to memorize it, but it's good that you get familiar with the different ways it can be used.
-3. Go through the [Emmet documentation](https://docs.emmet.io/). Once again, no need to memorize everything but it would be good if you played around with all the different possibilities.
+1. [Bu video](https://www.youtube.com/watch?v=V8vizNQKtx0), Emmet için iyi bir videodur. Devam edin ve `11:37`'e kadar izleyiniz çünkü henüz kapsamadığımız bazı içerikleri gösteriyor. Zamanla o konuya da geleceğiz.
+2. [Emmet cheat sheet](https://docs.emmet.io/cheat-sheet/)'e bir göz atın. Onu ezberlemeniz gerekmiyor, ancak farklı kullanım şekilleriyle tanışmanız iyi olacaktır.
+3. [Emmet documentation](https://docs.emmet.io/)'ı inceleyin. Yine, her şeyi ezberlemeniz gerekmiyor, ancak farklı olanaklarla oynamak iyi olacaktır.
-### Knowledge check
+### Bilgi ölçme
-This section contains questions for you to check your understanding of this lesson. If you’re having trouble answering the questions below on your own, review the material above to find the answer.
+Bu bölüm, bu dersi kendi kendinize anlayıp anlamadığınızı kontrol etmeniz için sorular içermektedir. Bir soruyu yanıtlamakta zorlanıyorsanız, soruya tıklayın ve bağlantılı olduğu materyali gözden geçirin.
- [Why should you use Emmet?](#emmet)
- [What are some useful Emmet abbreviations?](#emmet)
@@ -55,10 +57,10 @@ This section contains questions for you to check your understanding of this less
- [What syntax expands to an element with a child element inside of it? For example: ``](https://docs.emmet.io/cheat-sheet/)
- [What syntax would you use to create three elements that have the same class name?](https://docs.emmet.io/cheat-sheet/)
-### Additional resources
+### Ek kaynaklar
-This section contains helpful links to other content. It isn't required, so consider it supplemental.
+Bu alanda içerikle alakalı faydalı linkler bulunmaktadır. Zorunlu değildir, ek olarak düşünülmelidir.
-- [Emmet Keybindings](https://marketplace.visualstudio.com/items?itemName=agutierrezr.emmet-keybindings) by [Andrés Gutiérrez](https://agutierrezr.github.io/), is a set of Emmet keybinds for Visual Studio Code. It can be used as a pre-defined group of keybinds, in case you don't know what to map to which keys.
+- [Emmet Keybindings](https://marketplace.visualstudio.com/items?itemName=agutierrezr.emmet-keybindings), [Andrés Gutiérrez](https://agutierrezr.github.io/) tarafından hazırlanan Visual Studio Code için bir Emmet tuş bağlamaları setidir. Hangi tuşa ne atanacağını bilmiyorsanız, bu önceden tanımlanmış bir tuş bağlamaları grubu olarak kullanılabilir.
-- [Emmet Live](https://marketplace.visualstudio.com/items?itemName=ysemeniuk.emmet-live) by [Yurii Semeniuk](https://github.com/semeniuk), is another extension in Visual Studio Code. It can continually generate the corresponding HTML structure while you're editing Emmet abbreviations. For the desired outcome, try selecting a random piece of text before calling out this extension.
+- [Emmet Live](https://marketplace.visualstudio.com/items?itemName=ysemeniuk.emmet-live), [Yurii Semeniuk](https://github.com/semeniuk) tarafından hazırlanan Visual Studio Code için başka bir uzantıdır. Emmet kısaltmalarını düzenlerken sürekli olarak karşılık gelen HTML yapısını oluşturabilir. İstenen sonuç için bu uzantıyı çağırmadan önce rastgele bir metin parçası seçmeyi deneyin.
\ No newline at end of file
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..722baad3 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,50 @@
-### Introduction
+---
+title: 'Tablolar'
+---
-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.
+### Giriş
-### Learning outcomes
+HTML tabloları sütunlar ve satırlardan oluşan iki boyutlu tablolar yaratmanıza olanak sağlar. Bu derste, HTML tablolarıyla ilgili bilmeniz gereken her şeyi öğreneceksiniz.
-By the end of this lesson, you should be able to do the following:
+### Öğrenme çıktıları
-- Create advanced HTML tables.
+Bu dersin sonunda, aşağıdakileri yapabilmelisiniz:
-### HTML tables
+- Gelişmiş HTML tabloları yaratmak
-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.
+### HTML tabloları
-For example:
+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:
- 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) adlı ingilizce makaleleri okuyun. 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 [Tablo ödevlerini](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üm, bu dersi kendi kendinize anlayıp anlamadığınızı kontrol etmeniz için sorular içermektedir. Bir soruyu yanıtlamakta zorlanıyorsanız, soruya tıklayın ve bağlantılı olduğu materyali gözden geçirin. Bu bölümde bulunan materyallerin hepsi ingilizcedir.
- [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 alanda içerikle alakalı faydalı linkler bulunmaktadır. Zorunlu değildir, ek olarak düşünülmelidir.
-- 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 [tablolarla alakalı ingilizce makale](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