Tabs are an effective way to organize information on a website page when there is a large amount of content that needs to be separated into distinct categories. Label your tabs with one or two words that define each category of information.
When styling your tabs, highlight the selected tab by giving it a color that differs from your unselected tabs, so that it's easy for your visitors to navigate.
-1.png?width=616&height=66&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(8)-1.png "スクリーンショット (8)-1")
-2.png?width=661&height=91&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(9)-2.png "スクリーンショット (9)-2")
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(2).jpg)
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(3).jpg)
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(4).jpg)
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(5).jpg)
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(6).jpg)
.jpg?width=1200&length=1200&name=%E5%A4%AA%E7%94%B0%E7%B7%A8%E9%9B%86%E3%80%90%E3%81%99%E3%81%8B%E3%81%84%E3%82%89%E3%83%BC%E3%81%8F%E3%83%9B%E3%83%BC%E3%83%AB%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%B9%E6%A7%98%E3%80%91%E3%80%90TRADE%E3%80%91%E5%8D%94%E5%8A%9B%E4%BC%9A%E7%A4%BE%E6%A7%98%E5%90%91%E3%81%91%E8%AA%AC%E6%98%8E%E4%BC%9A%E8%B3%87%E6%96%99.pptx%20(7).jpg)
