[Docs] remove {width=} and {height=} tags, and also remove unsupported tabs tags.

Resolves #4761

Co-authored-by: manabu-nakamura <[email protected]>
GIT_ORIGIN_REV_ID=229c23b69b36cddc8b3092b0d97f5a9a11187c71
PiperOrigin-RevId: 755361891

Author: 2 people

docs/components/BottomAppBar.md

@@ -114,7 +114,7 @@ and
 The following example shows a bottom app bar with a navigation icon, 3 action
 icons, and an embedded FAB.
 
-![Purple bottom app bar with grey icons and purple inset floating action button](assets/bottomappbar/bottomappbar_basic.png){width="650"}
+<img src="assets/bottomappbar/bottomappbar_basic.png" alt="Purple bottom app bar with grey icons and purple inset floating action button." width="650"/>
 
 In the layout:
 
@@ -246,7 +246,7 @@ API and source code:
 
 The following example shows a bottom app bar with Material Theming.
 
-![Pink bottom app bar with pink diamond inset FAB and brown icons](assets/bottomappbar/bottomappbar_theming.png){width="600"}
+<img src="assets/bottomappbar/bottomappbar_theming.png" alt="Pink bottom app bar with pink diamond inset FAB and brown icons." width="600"/>
 
 #### Implementing bottom app bar theming
 

docs/components/BottomSheet.md

@@ -30,7 +30,7 @@ Material Components for Android library. For more information, see the
 [Getting started](https://github.com/material-components/material-components-android/tree/master/docs/getting-started.md)
 page.
 
-![Example bottom sheet: modal bottom sheet](assets/bottomsheet/bottomsheet_hero.png){width="650"}
+<img src="assets/bottomsheet/bottomsheet_hero.png" alt="Example bottom sheet: modal bottom sheet" width="650"/>
 
 ### Anatomy
 
@@ -135,7 +135,7 @@ expanded states:
 
 Collapsed  <div style="width:400px"></div>                                                                                | Expanded <div style="width:400px"></div>
 :-----------------------------------------------------------------------------------------: | :--------:
-![Standard collapsed bottom sheet example.](assets/bottomsheet/bottomsheet_standard1.png){height="500"} | ![Standard expanded bottom sheet example.](assets/bottomsheet/bottomsheet_standard2.png){height="500"}
+<img src="assets/bottomsheet/bottomsheet_standard1.png" alt="Standard collapsed bottom sheet example." height="500"/> | <img src="assets/bottomsheet/bottomsheet_standard2.png" alt="Standard expanded bottom sheet example." height="500"/>
 
 `BottomSheetBehavior` works in tandem with `CoordinatorLayout` to let you
 display content on a bottom sheet, perform enter/exit animations, respond to
@@ -236,7 +236,7 @@ states:
 
 Collapsed            <div style="width:400px"></div>                                                                | Expanded <div style="width:400px"></div>
 :-----------------------------------------------------------------------------------: | :--------:
-![Modal collapsed bottom sheet example.](assets/bottomsheet/bottomsheet_modal1.png){height="500"} | ![Modal expanded bottom sheet example.](assets/bottomsheet/bottomsheet_modal2.png){height="500"}
+<img src="assets/bottomsheet/bottomsheet_modal1.png" alt="Modal collapsed bottom sheet example." height="500"/> | <img src="assets/bottomsheet/bottomsheet_modal2.png" alt="Modal expanded bottom sheet example." height="500"/>
 
 First, subclass `BottomSheetDialogFragment` and overwrite `onCreateView` to
 provide a layout for the contents of the sheet (in this example, it's
@@ -367,8 +367,7 @@ API and source code:
 The following example shows a bottom sheet with Material Theming, in its
 collapsed and expanded states.
 
-![Bottom sheet with pink background color. Collapsed on the left and expanded on
-the right.](assets/bottomsheet/bottomsheet_theming.png){height="550"}
+<img src="assets/bottomsheet/bottomsheet_theming.png" alt="Bottom sheet with pink background color. Collapsed on the left and expanded on the right." height="550"/>
 
 #### Implementing bottom sheet theming
 

docs/components/SideSheet.md

@@ -13,7 +13,7 @@ path: /catalog/side-sheet-behavior/
 containing supplementary content that are anchored to the side of the screen. See [bottom sheet documentation](BottomSheet.md) for documentation about
 [bottom sheets](https://m3.material.io/components/bottom-sheets/overview). There are two variants of side sheets.
 
-![Side sheet hero image](assets/sidesheet/sidesheet_hero.png){width="650"}
+<img src="assets/sidesheet/sidesheet_hero.png" alt="Side sheet hero image" width="650"/>
 
 1. Standard
 2. Modal
@@ -54,22 +54,18 @@ Standard side sheet basic usage:
 
 ### Anatomy
 
-<section>
+#### Standard
 
-<section class="tabs">
-
-#### Standard {.new-tab}
-
-![standard sheet anatomy](assets/sidesheet/standard_sidesheet_anatomy.png){height="500"}
+<img src="assets/sidesheet/standard_sidesheet_anatomy.png" alt="standard sheet anatomy" height="500"/>
 
 1. Divider (optional)
 2. Headline
 3. Container
 4. Close affordance
 
-#### Modal {.new-tab}
+#### Modal
 
-![standard sheet anatomy](assets/sidesheet/modal_sidesheet_anatomy.png){height="500"}
+<img src="assets/sidesheet/modal_sidesheet_anatomy.png" alt="modal sheet anatomy" height="500"/>
 
 1. Back icon button (optional)
 2. Header
@@ -79,10 +75,6 @@ Standard side sheet basic usage:
 6. Action (optional)
 7. Scrim
 
-</section>
-
-</section class="tabs">
-
 More details on anatomy items in the [component guidelines](https://m3.material.io/components/side-sheets/guidelines#4d992de0-362a-41b3-9537-9da4dec148af).
 
 ### Key properties