diff --git a/ROADMAP.md b/ROADMAP.md
index 45ad983..65924c8 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -17,11 +17,10 @@
   - [x] Paragraphs (`<p>`)
   - [x] Headings (`<h1>` to `<h6>`)
   - [x] Divisions (`<div>`)
-  - [ ] Articles (`<article>`)
-  - [ ] Sections (`<section>`)
-  - [ ] Aside (`<aside>`)
+  - [x] Articles (`<article>`)
+  - [x] Sections (`<section>`)
 
-- [ ] Text Elements
+- [x] Text Elements
 
   - [x] Basic text nodes
   - [x] Emphasis (`<em>`, `<i>`)
@@ -30,21 +29,21 @@
   - [x] Subscript/Superscript (`<sub>`, `<sup>`)
   - [x] Quotes (`<blockquote>`, `<q>`)
 
-- [ ] Lists
+- [x] Lists
 
-  - [ ] Unordered lists (`<ul>`, `<li>`)
-  - [ ] Ordered lists (`<ol>`, `<li>`)
+  - [x] Unordered lists (`<ul>`, `<li>`)
+  - [x] Ordered lists (`<ol>`, `<li>`)
   - [ ] Description lists (`<dl>`, `<dt>`, `<dd>`)
 
 - [ ] Tables
 
-  - [ ] Basic table structure
+  - [x] Basic table structure
   - [ ] Table headers
   - [ ] Colspan/Rowspan support
   - [ ] Responsive table layout
 
 - [ ] Media
-  - [ ] Images with `NetworkImage`
+  - [x] Images with `NetworkImage`
   - [ ] Responsive image sizing
   - [ ] Image loading states
   - [ ] Lazy loading implementation
diff --git a/examples/tagflow/lib/screens/table_example.dart b/examples/tagflow/lib/screens/table_example.dart
new file mode 100644
index 0000000..3055a29
--- /dev/null
+++ b/examples/tagflow/lib/screens/table_example.dart
@@ -0,0 +1,70 @@
+import 'package:tagflow_example/widgets/example_page.dart';
+
+const _html = r'''
+<h3>Basic Table</h3>
+<table>
+  <tr>
+    <th>Header 1</th>
+    <th>Header 2</th>
+    <th>Header 3</th>
+  </tr>
+  <tr>
+    <td>Row 1, Cell 1</td>
+    <td>Row 1, Cell 2</td>
+    <td>Row 1, Cell 3</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 1</td>
+    <td>Row 2, Cell 2</td>
+    <td>Row 2, Cell 3</td>
+  </tr>
+</table>
+
+<h3>Table with Colspan and Rowspan</h3>
+<table>
+  <tr>
+    <th colspan="2">Merged Header</th>
+    <th>Header 3</th>
+  </tr>
+  <tr>
+    <td rowspan="2">Spans 2 Rows</td>
+    <td>Row 1, Cell 2</td>
+    <td>Row 1, Cell 3</td>
+  </tr>
+  <tr>
+    <td>Row 2, Cell 2</td>
+    <td>Row 2, Cell 3</td>
+  </tr>
+</table>
+
+<h3>Styled Table</h3>
+<table style="border: 1px solid #ddd; width: 100%;">
+  <tr style="background-color: #f5f5f5;">
+    <th style="padding: 8px; text-align: left;">Product</th>
+    <th style="padding: 8px; text-align: right;">Price</th>
+    <th style="padding: 8px; text-align: center;">Stock</th>
+  </tr>
+  <tr>
+    <td style="padding: 8px;">Widget A</td>
+    <td style="padding: 8px; text-align: right;">$10.00</td>
+    <td style="padding: 8px; text-align: center;">In Stock</td>
+  </tr>
+  <tr style="background-color: #f9f9f9; color: #333;">
+    <td style="padding: 8px;">Widget B</td>
+    <td style="padding: 8px; text-align: right;">$15.00</td>
+    <td style="padding: 8px; text-align: center;">Low Stock</td>
+  </tr>
+  <tr>
+    <td style="padding: 8px;">Widget C</td>
+    <td style="padding: 8px; text-align: right;">$20.00</td>
+    <td style="padding: 8px; text-align: center;">Out of Stock</td>
+  </tr>
+</table>
+''';
+
+final class TableExample extends ExamplePage {
+  const TableExample({super.key, super.title = 'Table'});
+
+  @override
+  String get html => _html;
+}
diff --git a/examples/tagflow/lib/utils/examples.dart b/examples/tagflow/lib/utils/examples.dart
index dabb9d3..747e3c1 100644
--- a/examples/tagflow/lib/utils/examples.dart
+++ b/examples/tagflow/lib/utils/examples.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:tagflow_example/screens/article_example.dart';
 import 'package:tagflow_example/screens/code_example.dart';
 import 'package:tagflow_example/screens/image_example.dart';
+import 'package:tagflow_example/screens/table_example.dart';
 import 'package:tagflow_example/screens/typography_example.dart';
 import 'package:tagflow_example/widgets/example_page.dart';
 
@@ -49,13 +50,13 @@ final allExamples = <Example>[
     icon: Icons.article,
   ),
   // table example
-  // Example(
-  //   title: 'Table',
-  //   description: 'A demonstration of HTML table rendering',
-  //   path: '/table',
-  //   builder: (context) => const TableExample(),
-  //   icon: Icons.table_chart,
-  // ),
+  Example(
+    title: 'Table',
+    description: 'A demonstration of HTML table rendering',
+    path: '/table',
+    builder: (context) => const TableExample(),
+    icon: Icons.table_chart,
+  ),
   // // list example
   // Example(
   //   title: 'Lists',
diff --git a/melos.yaml b/melos.yaml
index cc91ad2..d4cbd62 100644
--- a/melos.yaml
+++ b/melos.yaml
@@ -84,9 +84,13 @@ scripts:
   coverage:
     run: melos exec -c 1 --fail-fast -- "flutter test --coverage"
     description: Run tests with coverage and generate coverage report
-    
+    packageFilters:
+      dirExists: test
+
   combine-coverage:
     run: |
       mkdir -p coverage
       lcov --add-tracefile packages/tagflow/coverage/lcov.info -o coverage/lcov.info
-    description: Combine coverage reports from all packages
\ No newline at end of file
+    description: Combine coverage reports from all packages
+    packageFilters:
+      dirExists: coverage
diff --git a/packages/tagflow/lib/src/converter/converter.dart b/packages/tagflow/lib/src/converter/converter.dart
index a18c357..cf8222a 100644
--- a/packages/tagflow/lib/src/converter/converter.dart
+++ b/packages/tagflow/lib/src/converter/converter.dart
@@ -1,11 +1,12 @@
-// lib/src/converter/converter.dart
+// ignore_for_file: lines_longer_than_80_chars
+
 import 'dart:developer';
 
 import 'package:flutter/widgets.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Base interface for element converters
-abstract class ElementConverter {
+abstract class ElementConverter<T extends TagflowNode> {
   /// Create a new element converter
   const ElementConverter();
 
@@ -19,7 +20,7 @@ abstract class ElementConverter {
   Set<String> get supportedTags;
 
   /// Whether this converter can handle the given element
-  bool canHandle(TagflowElement element) {
+  bool canHandle(TagflowNode element) {
     for (final selector in supportedTags) {
       if (_matchesSelector(element, selector)) {
         return true;
@@ -29,7 +30,7 @@ abstract class ElementConverter {
   }
 
   /// Check if element matches a selector
-  bool _matchesSelector(TagflowElement element, String selector) {
+  bool _matchesSelector(TagflowNode element, String selector) {
     // Handle negation
     if (selector.startsWith('!')) {
       log('Negation selector: $selector');
@@ -41,7 +42,7 @@ abstract class ElementConverter {
   }
 
   /// Match positive selectors (without negation)
-  bool _matchPositiveSelector(TagflowElement element, String selector) {
+  bool _matchPositiveSelector(TagflowNode element, String selector) {
     // Simple tag match
     if (!selector.contains(' ')) {
       return selector == element.tag;
@@ -85,18 +86,28 @@ abstract class ElementConverter {
 
   /// Convert the element to a widget
   Widget convert(
-    TagflowElement element,
+    T element,
     BuildContext context,
     TagflowConverter converter,
   );
 
   /// Get the computed style for an element
-  TagflowStyle resolveStyle(TagflowElement element, BuildContext context) {
+  TagflowStyle resolveStyle(TagflowNode element, BuildContext context) {
     return TagflowThemeProvider.of(context).resolveStyle(element);
   }
 
   @override
   String toString() => '$runtimeType(supportedTags: $supportedTags)';
+
+  /// Lookup the first parent of the given tag
+  TagflowNode? lookupParent(TagflowNode element, String tag) {
+    var parent = element.parent;
+    while (parent != null) {
+      if (parent.tag == tag) return parent;
+      parent = parent.parent;
+    }
+    return null;
+  }
 }
 
 /// Main converter that orchestrates the conversion process
@@ -133,15 +144,16 @@ class TagflowConverter {
       const ContainerConverter(),
       const ListConverter(),
       const ListItemConverter(),
+      const TableConverter(),
+      const TableCellConverter(),
     ]);
   }
 
   /// Convert a TagflowElement to a Widget
-  Widget convert(TagflowElement element, BuildContext context) {
+  Widget convert(TagflowNode element, BuildContext context) {
     // Try custom converters first
     for (final converter in _customConverters) {
       if (converter.canHandle(element)) {
-        log('Using custom converter: $converter');
         return converter.convert(element, context, this);
       }
     }
@@ -149,7 +161,6 @@ class TagflowConverter {
     // Then try built-in converters
     for (final converter in _builtInConverters) {
       if (converter.canHandle(element)) {
-        log('Using built-in converter: $converter');
         return converter.convert(element, context, this);
       }
     }
@@ -160,7 +171,7 @@ class TagflowConverter {
 
   /// Convert a list of elements to widgets
   List<Widget> convertChildren(
-    List<TagflowElement> elements,
+    List<TagflowNode> elements,
     BuildContext context,
   ) {
     return elements.map((e) => convert(e, context)).toList();
@@ -175,19 +186,20 @@ class DefaultConverter extends ElementConverter {
   Set<String> get supportedTags => const {};
 
   @override
-  bool canHandle(TagflowElement element) => true;
+  bool canHandle(TagflowNode element) => true;
 
   @override
   Widget convert(
-    TagflowElement element,
+    TagflowNode element,
     BuildContext context,
     TagflowConverter converter,
   ) {
     if (element.isTextNode) {
       final style = resolveStyle(element, context);
+
       return Text(
         element.textContent ?? '',
-        style: style.textStyle,
+        style: style.textStyleWithColor,
         textAlign: style.textAlign,
       );
     }
diff --git a/packages/tagflow/lib/src/converter/converters/blockquote_converter.dart b/packages/tagflow/lib/src/converter/converters/blockquote_converter.dart
index 2f2a3ee..cf6ce7a 100644
--- a/packages/tagflow/lib/src/converter/converters/blockquote_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/blockquote_converter.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// A converter for the `blockquote` tag.
-final class BlockquoteConverter extends ElementConverter {
+final class BlockquoteConverter extends ElementConverter<TagflowElement> {
   /// Create a new blockquote converter
   const BlockquoteConverter();
 
@@ -32,7 +32,7 @@ final class BlockquoteConverter extends ElementConverter {
   }
 }
 
-final class BlockquoteFooterConverter extends ElementConverter {
+final class BlockquoteFooterConverter extends ElementConverter<TagflowElement> {
   const BlockquoteFooterConverter();
 
   @override
diff --git a/packages/tagflow/lib/src/converter/converters/code_converter.dart b/packages/tagflow/lib/src/converter/converters/code_converter.dart
index 7f3f0ee..75771f6 100644
--- a/packages/tagflow/lib/src/converter/converters/code_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/code_converter.dart
@@ -6,7 +6,7 @@ final class CodeConverter extends TextConverter {
   const CodeConverter();
 
   @override
-  bool shouldForceWidgetSpan(TagflowElement element) {
+  bool shouldForceWidgetSpan(TagflowNode element) {
     return super.shouldForceWidgetSpan(element) ||
         ['code', 'pre'].contains(element.tag);
   }
diff --git a/packages/tagflow/lib/src/converter/converters/container_converter.dart b/packages/tagflow/lib/src/converter/converters/container_converter.dart
index 7344e7a..a0b3f8d 100644
--- a/packages/tagflow/lib/src/converter/converters/container_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/container_converter.dart
@@ -2,7 +2,7 @@ import 'package:flutter/widgets.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Converts container elements (div, section, article, etc.)
-class ContainerConverter extends ElementConverter {
+class ContainerConverter extends ElementConverter<TagflowElement> {
   const ContainerConverter();
 
   @override
diff --git a/packages/tagflow/lib/src/converter/converters/converters.dart b/packages/tagflow/lib/src/converter/converters/converters.dart
index c48f80e..a969b31 100644
--- a/packages/tagflow/lib/src/converter/converters/converters.dart
+++ b/packages/tagflow/lib/src/converter/converters/converters.dart
@@ -4,4 +4,5 @@ export 'container_converter.dart';
 export 'hr_converter.dart';
 export 'img_converter.dart';
 export 'list_converter.dart';
+export 'table_converter.dart';
 export 'text_converter.dart';
diff --git a/packages/tagflow/lib/src/converter/converters/hr_converter.dart b/packages/tagflow/lib/src/converter/converters/hr_converter.dart
index de90738..f37791e 100644
--- a/packages/tagflow/lib/src/converter/converters/hr_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/hr_converter.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Converter for horizontal rules
-final class HrConverter extends ElementConverter {
+final class HrConverter extends ElementConverter<TagflowElement> {
   /// Create a new horizontal rule converter
   const HrConverter();
 
@@ -22,7 +22,7 @@ final class HrConverter extends ElementConverter {
         width: double.infinity,
         border: Border(
           bottom: BorderSide(
-            color: style.textStyle?.color ?? Colors.grey,
+            color: style.textStyleWithColor?.color ?? Colors.grey,
             width: element.height ?? 1,
           ),
         ),
diff --git a/packages/tagflow/lib/src/converter/converters/img_converter.dart b/packages/tagflow/lib/src/converter/converters/img_converter.dart
index 1522048..f9b7d3e 100644
--- a/packages/tagflow/lib/src/converter/converters/img_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/img_converter.dart
@@ -2,14 +2,17 @@ import 'package:flutter/widgets.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Converter for img elements
-final class ImgConverter extends ElementConverter {
+final class ImgConverter extends ElementConverter<TagflowImgElement> {
   /// Create a new img converter
   const ImgConverter();
 
   @override
   Set<String> get supportedTags => {'img'};
 
-  String? _createSelectionText(TagflowElement element, BuildContext context) {
+  String? _createSelectionText(
+    TagflowImgElement element,
+    BuildContext context,
+  ) {
     final options = TagflowOptions.maybeOf(context);
     final behavior = options?.selectable.imageSelectionBehavior;
     final altText = element.alt;
@@ -44,7 +47,7 @@ final class ImgConverter extends ElementConverter {
 
   @override
   Widget convert(
-    TagflowElement element,
+    TagflowImgElement element,
     BuildContext context,
     TagflowConverter converter,
   ) {
diff --git a/packages/tagflow/lib/src/converter/converters/list_converter.dart b/packages/tagflow/lib/src/converter/converters/list_converter.dart
index 0617523..a8ca5cb 100644
--- a/packages/tagflow/lib/src/converter/converters/list_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/list_converter.dart
@@ -1,7 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:tagflow/tagflow.dart';
 
-final class ListConverter extends ElementConverter {
+final class ListConverter extends ElementConverter<TagflowElement> {
   const ListConverter();
 
   @override
@@ -37,10 +37,13 @@ final class ListItemConverter extends TextConverter {
   @override
   InlineSpan? getPrefix(TagflowElement element) {
     final isOrdered = element.parentTag == 'ol';
-    final index = element.parent?.children.indexOf(element) ?? 0;
     const noSpace = '\u00A0\u00A0';
-    return TextSpan(
-      text: isOrdered ? '${index + 1}.$noSpace' : '•$noSpace',
-    );
+    if (isOrdered) {
+      final index = element.parent?.children.indexOf(element) ?? 0;
+      return TextSpan(
+        text: '${index + 1}.$noSpace',
+      );
+    }
+    return const TextSpan(text: '•$noSpace');
   }
 }
diff --git a/packages/tagflow/lib/src/converter/converters/table_converter.dart b/packages/tagflow/lib/src/converter/converters/table_converter.dart
new file mode 100644
index 0000000..d35a535
--- /dev/null
+++ b/packages/tagflow/lib/src/converter/converters/table_converter.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:tagflow/tagflow.dart';
+
+final class TableConverter extends ElementConverter<TagflowTableElement> {
+  const TableConverter();
+
+  @override
+  Widget convert(
+    TagflowTableElement element,
+    BuildContext context,
+    TagflowConverter converter,
+  ) {
+    final style = resolveStyle(element, context);
+    return StyledContainer(
+      tag: element.tag,
+      style: style.copyWith(
+        border: Border.all(
+          width: 0,
+          style: BorderStyle.none,
+        ),
+      ),
+      child: Table(
+        border: TableBorder(
+          left: style.effectiveBorder.left,
+          right: style.effectiveBorder.right,
+          top: style.effectiveBorder.top,
+          bottom: style.effectiveBorder.bottom,
+          horizontalInside: style.effectiveBorder.bottom,
+          verticalInside: style.effectiveBorder.right,
+        ),
+        children: element.rows.map((e) {
+          final style = resolveStyle(e, context);
+          return TableRow(
+            decoration: style.toBoxDecoration(),
+            children: converter.convertChildren(e.children, context),
+          );
+        }).toList(),
+      ),
+    );
+  }
+
+  @override
+  Set<String> get supportedTags => {'table'};
+}
+
+final class TableCellConverter extends TextConverter {
+  const TableCellConverter();
+
+  @override
+  bool shouldForceWidgetSpan(TagflowNode element) {
+    return super.shouldForceWidgetSpan(element) ||
+        ['td', 'th'].contains(element.tag);
+  }
+
+  @override
+  Set<String> get supportedTags => super.supportedTags.union({
+        'tr',
+        'td',
+        'th',
+      });
+
+  @override
+  TextStyle? getTextStyle(
+    TagflowNode element,
+    TagflowStyle? resolvedStyle,
+    BuildContext context,
+  ) {
+    final parentTr = lookupParent(element, 'tr');
+    if (parentTr != null) {
+      final parentTrStyle = resolveStyle(parentTr, context);
+      return resolvedStyle?.textStyleWithColor
+          ?.merge(parentTrStyle.textStyleWithColor);
+    }
+    return resolvedStyle?.textStyleWithColor;
+  }
+}
diff --git a/packages/tagflow/lib/src/converter/converters/text_converter.dart b/packages/tagflow/lib/src/converter/converters/text_converter.dart
index 33fbebd..9433f14 100644
--- a/packages/tagflow/lib/src/converter/converters/text_converter.dart
+++ b/packages/tagflow/lib/src/converter/converters/text_converter.dart
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Converter for text elements
-class TextConverter extends ElementConverter {
+class TextConverter extends ElementConverter<TagflowElement> {
   /// Create a new text converter
   const TextConverter();
 
@@ -32,7 +32,7 @@ class TextConverter extends ElementConverter {
 
   Widget _wrapInContainerIfNeeded(
     Widget child,
-    TagflowElement element,
+    TagflowNode element,
     BuildContext context,
     TagflowStyle style,
   ) {
@@ -57,7 +57,6 @@ class TextConverter extends ElementConverter {
     final children = _convertChildren(element, context, converter);
     final prefix = getPrefix(element);
     final suffix = getSuffix(element);
-
     return _wrapInContainerIfNeeded(
       Text.rich(
         TextSpan(
@@ -71,6 +70,7 @@ class TextConverter extends ElementConverter {
           mouseCursor: _getMouseCursor(element, context),
         ),
         textScaler: _getTextScaler(style),
+        style: getTextStyle(element, style, context),
       ),
       element,
       context,
@@ -88,12 +88,12 @@ class TextConverter extends ElementConverter {
     return null;
   }
 
-  bool shouldForceWidgetSpan(TagflowElement element) {
+  bool shouldForceWidgetSpan(TagflowNode element) {
     return ['sub', 'sup', 'mark'].contains(element.tag);
   }
 
   List<InlineSpan> _convertChildren(
-    TagflowElement element,
+    TagflowNode element,
     BuildContext context,
     TagflowConverter converter,
   ) {
@@ -106,12 +106,14 @@ class TextConverter extends ElementConverter {
           text: child.textContent,
           recognizer: _getGestures(child, context),
           mouseCursor: _getMouseCursor(child, context),
+          style: getTextStyle(child, resolvedStyle, context),
         );
       } else {
         if (!canHandle(child) || shouldForceWidgetSpan(child)) {
           // create a widget span for unsupported elements
           return WidgetSpan(
             child: converter.convert(child, context),
+            style: getTextStyle(child, resolvedStyle, context),
             alignment: PlaceholderAlignment.middle,
           );
         }
@@ -119,7 +121,7 @@ class TextConverter extends ElementConverter {
         // create a text span for supported elements
         return TextSpan(
           children: _convertChildren(child, context, converter),
-          style: _getTextStyle(child, resolvedStyle),
+          style: getTextStyle(child, resolvedStyle, context),
           recognizer: _getGestures(child, context),
           mouseCursor: _getMouseCursor(child, context),
         );
@@ -128,7 +130,7 @@ class TextConverter extends ElementConverter {
   }
 
   MouseCursor? _getMouseCursor(
-    TagflowElement element,
+    TagflowNode element,
     BuildContext context,
   ) =>
       switch (element.parentTag) {
@@ -137,7 +139,7 @@ class TextConverter extends ElementConverter {
       };
 
   GestureRecognizer? _getGestures(
-    TagflowElement element,
+    TagflowNode element,
     BuildContext context,
   ) =>
       switch (element.parentTag) {
@@ -163,13 +165,14 @@ class TextConverter extends ElementConverter {
   }
 
   /// Get the text style for a given element
-  TextStyle? _getTextStyle(
-    TagflowElement element,
+  TextStyle? getTextStyle(
+    TagflowNode element,
     TagflowStyle? resolvedStyle,
+    BuildContext context,
   ) {
     if (element.isTextNode) {
       return null;
     }
-    return resolvedStyle?.textStyle;
+    return resolvedStyle?.textStyleWithColor;
   }
 }
diff --git a/packages/tagflow/lib/src/converter/styled_container.dart b/packages/tagflow/lib/src/converter/styled_container.dart
index 961976b..cf0a421 100644
--- a/packages/tagflow/lib/src/converter/styled_container.dart
+++ b/packages/tagflow/lib/src/converter/styled_container.dart
@@ -55,18 +55,7 @@ class StyledContainer extends StatelessWidget {
         maxHeight: style.maxHeight ?? double.infinity,
       ),
       alignment: style.alignment,
-      decoration: BoxDecoration(
-        color: style.backgroundColor,
-        borderRadius: style.borderRadius,
-        border: style.border ??
-            Border(
-              left: style.borderLeft ?? BorderSide.none,
-              right: style.borderRight ?? BorderSide.none,
-              top: style.borderTop ?? BorderSide.none,
-              bottom: style.borderBottom ?? BorderSide.none,
-            ),
-        boxShadow: style.boxShadow,
-      ),
+      decoration: style.toBoxDecoration(),
       clipBehavior: style.overflow,
       transform: style.transform,
       transformAlignment: style.transformAlignment,
@@ -75,7 +64,7 @@ class StyledContainer extends StatelessWidget {
         child: Opacity(
           opacity: style.opacity ?? 1.0,
           child: DefaultTextStyle.merge(
-            style: style.textStyle ?? const TextStyle(),
+            style: style.textStyleWithColor ?? const TextStyle(),
             textAlign: style.textAlign,
             child: style.aspectRatio != null
                 ? AspectRatio(
diff --git a/packages/tagflow/lib/src/core/models/element.dart b/packages/tagflow/lib/src/core/models/element.dart
index b29bede..2b25c38 100644
--- a/packages/tagflow/lib/src/core/models/element.dart
+++ b/packages/tagflow/lib/src/core/models/element.dart
@@ -1,21 +1,18 @@
 import 'dart:collection';
 
-import 'package:flutter/cupertino.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
 import 'package:tagflow/tagflow.dart';
 
 /// Represents an HTML element in the tagflow tree.
-class TagflowElement {
+class TagflowElement extends TagflowNode {
   /// Creates a new [TagflowElement] instance.
-  TagflowElement({
-    required this.tag,
-    this.textContent,
-    List<TagflowElement>? children,
-    LinkedHashMap<String, String>? attributes,
-    this.parent,
-  })  : _children = children ?? [],
-        _attributes = attributes ?? LinkedHashMap.from({});
+  const TagflowElement({
+    required super.tag,
+    super.textContent,
+    List<TagflowNode>? children,
+    Map<String, String>? attributes,
+    super.parent,
+  })  : _children = children ?? const [],
+        _attributes = attributes ?? const {};
 
   /// Factory constructor for text nodes
   factory TagflowElement.text(String content) {
@@ -26,161 +23,50 @@ class TagflowElement {
   }
 
   /// Factory constructor for empty elements
-  factory TagflowElement.empty() => TagflowElement(tag: '#empty');
-
-  /// The HTML tag name (e.g., 'div', 'p', 'h1')
-  final String tag;
-
-  /// Parent element
-  TagflowElement? parent;
-
-  /// Element's text content
-  final String? textContent;
+  factory TagflowElement.empty() => const TagflowElement(tag: '#empty');
 
   /// Element's attributes
-  final LinkedHashMap<String, String> _attributes;
+  final Map<String, String> _attributes;
 
   /// Internal children list
-  final List<TagflowElement> _children;
+  final List<TagflowNode> _children;
 
   /// Child elements (unmodifiable view)
-  List<TagflowElement> get children => List.unmodifiable(_children);
-
-  /// Returns the value of the attribute with the given name
-  String? operator [](String name) => _attributes[name];
-
-  /// Returns true if the element has the given attribute
-  bool hasAttribute(String name) => _attributes.containsKey(name);
-
-  /// Returns all attributes as an immutable map
-  Map<String, String> get attributes => Map.unmodifiable(_attributes);
-
-  /// Whether this element represents a text node
-  bool get isTextNode => tag == '#text' && textContent != null;
-
-  /// Whether this element represents a break element
-  bool get isBreak => tag == 'br';
-
-  /// Whether this element is an empty element
-  bool get isEmpty => tag == '#empty';
-
-  /// The tag name of the parent element
-  String get parentTag => parent?.tag ?? '';
+  @override
+  List<TagflowNode> get children => List.unmodifiable(_children);
 
-  /// Adds multiple child elements
-  void addAllChildren(Iterable<TagflowElement> children) {
-    for (final child in children) {
-      addChild(child);
-    }
+  /// Set child elements
+  @override
+  set children(List<TagflowNode> value) {
+    _children
+      ..clear()
+      ..addAll(value);
   }
 
-  /// Adds a child element and sets its parent
-  void addChild(TagflowElement child) {
-    _children.add(child);
-    child.parent = this;
-  }
+  @override
+  LinkedHashMap<String, String>? get attributes =>
+      LinkedHashMap.from(_attributes);
 
-  /// Sets the parent element and updates all children
-  void reparent([TagflowElement? newParent]) {
-    parent = newParent;
-    for (final child in children) {
-      child.reparent(this);
-    }
-  }
+  @override
+  String? operator [](String key) => _attributes[key];
 
+  /// Set an attribute value
   @override
-  String toString() {
-    return 'TagflowElement{tag: $tag, textContent: $textContent, '
-        'attributes: $_attributes, children: $children}';
+  void operator []=(String key, String value) {
+    _attributes[key] = value;
   }
-}
-
-/// Style-related extensions for TagflowElement
-extension TagflowElementStyle on TagflowElement {
-  /// Returns the inline style string
-  String? get style => _attributes['style'];
-
-  /// Returns parsed inline styles
-  Map<String, String>? get styles {
-    final styleStr = style;
-    if (styleStr == null || styleStr.isEmpty) return null;
 
-    return Map.fromEntries(
-      styleStr.split(';').map((declaration) {
-        final parts = declaration.split(':').map((s) => s.trim()).toList();
-        return parts.length == 2 ? MapEntry(parts[0], parts[1]) : null;
-      }).whereType<MapEntry<String, String>>(),
+  @override
+  TagflowNode reparent([TagflowNode? newParent]) {
+    return TagflowElement(
+      tag: tag,
+      textContent: textContent,
+      children: children.map((e) => e.reparent(this)).toList(),
+      parent: newParent,
+      attributes: attributes,
     );
   }
 
-  /// Returns class names as a list
-  List<String> get classList =>
-      _attributes['class']
-          ?.split(' ')
-          .map((s) => s.trim())
-          .where((s) => s.isNotEmpty)
-          .toList() ??
-      const [];
-
-  /// Returns the class attribute value
-  String get className => _attributes['class'] ?? '';
-
-  /// Sets the class attribute value
-  set className(String value) => _attributes['class'] = value;
-
-  /// Sets class names from a list
-  set classList(List<String> value) => _attributes['class'] = value.join(' ');
-}
-
-/// Media-related extensions for TagflowElement
-extension TagflowElementMedia on TagflowElement {
-  /// Returns true if this is an image element
-  bool get isImage => tag == 'img';
-
-  /// Returns the src attribute for media elements
-  String? get src => _attributes['src'];
-
-  /// Returns the alt text for media elements
-  String? get alt => _attributes['alt'];
-
-  /// Returns the object-fit style as BoxFit
-  BoxFit? get fit => styles?['object-fit'] != null
-      ? StyleParser.parseBoxFit(styles!['object-fit']!)
-      : null;
-}
-
-/// Link-related extensions for TagflowElement
-extension TagflowElementLink on TagflowElement {
-  /// Returns true if this is an anchor element
-  bool get isAnchor => tag == 'a';
-
-  /// Returns the href attribute
-  String? get href => _attributes['href'];
-
-  /// Returns the target attribute
-  String? get target => _attributes['target'];
-
-  /// Returns the parent's href if it exists
-  String? get parentHref => parent?.href;
-}
-
-/// Size-related extensions for TagflowElement
-extension TagflowElementSize on TagflowElement {
-  /// Returns the width as a double
-  double? get width {
-    final value = _attributes['width'] ?? styles?['width'];
-    return value != null ? StyleParser.parseSize(value) : null;
-  }
-
-  /// Returns the height as a double
-  double? get height {
-    final value = _attributes['height'] ?? styles?['height'];
-    return value != null ? StyleParser.parseSize(value) : null;
-  }
-
-  /// Returns the gap between flex items
-  double? get gap {
-    final value = styles?['gap'];
-    return value != null ? StyleParser.parseSize(value) : null;
-  }
+  @override
+  List<Object?> get props => [tag, textContent, children, attributes];
 }
diff --git a/packages/tagflow/lib/src/core/models/img_element.dart b/packages/tagflow/lib/src/core/models/img_element.dart
new file mode 100644
index 0000000..96df218
--- /dev/null
+++ b/packages/tagflow/lib/src/core/models/img_element.dart
@@ -0,0 +1,58 @@
+import 'dart:collection';
+
+import 'package:flutter/rendering.dart';
+import 'package:tagflow/tagflow.dart';
+
+class TagflowImgElement extends TagflowNode {
+  const TagflowImgElement({
+    super.tag = 'img',
+    Map<String, String>? attributes,
+  }) : _attributes = attributes ?? const {};
+
+  /// Element's attributes
+  final Map<String, String> _attributes;
+
+  @override
+  LinkedHashMap<String, String>? get attributes =>
+      LinkedHashMap.from(_attributes);
+
+  /// Returns the src attribute for media elements
+  String? get src => this['src'];
+
+  /// Returns the alt text for media elements
+  String? get alt => this['alt'];
+
+  /// Returns the object-fit style as BoxFit
+  BoxFit? get fit => styles?['object-fit'] != null
+      ? StyleParser.parseBoxFit(styles!['object-fit']!)
+      : null;
+
+  @override
+  void operator []=(String key, String value) {
+    _attributes[key] = value;
+  }
+
+  @override
+  String operator [](String key) {
+    return _attributes[key] ?? '';
+  }
+
+  @override
+  TagflowNode reparent([TagflowNode? newParent]) {
+    return TagflowImgElement(
+      tag: tag,
+      attributes: attributes,
+    );
+  }
+
+  @override
+  List<TagflowNode> get children => [];
+
+  @override
+  set children(List<TagflowNode> value) {
+    throw UnimplementedError('Img element does not have children');
+  }
+
+  @override
+  List<Object?> get props => [tag, attributes, src, alt, fit];
+}
diff --git a/packages/tagflow/lib/src/core/models/models.dart b/packages/tagflow/lib/src/core/models/models.dart
index cbc02b9..a45ab48 100644
--- a/packages/tagflow/lib/src/core/models/models.dart
+++ b/packages/tagflow/lib/src/core/models/models.dart
@@ -1,2 +1,5 @@
 export 'element.dart';
+export 'img_element.dart';
+export 'node.dart';
 export 'style.dart';
+export 'table_element.dart';
diff --git a/packages/tagflow/lib/src/core/models/node.dart b/packages/tagflow/lib/src/core/models/node.dart
new file mode 100644
index 0000000..81b7ad8
--- /dev/null
+++ b/packages/tagflow/lib/src/core/models/node.dart
@@ -0,0 +1,68 @@
+import 'dart:collection';
+
+import 'package:equatable/equatable.dart';
+
+abstract class TagflowNode extends Equatable {
+  const TagflowNode({
+    required this.tag,
+    this.textContent,
+    this.parent,
+    this.attributes,
+  });
+
+  /// The HTML tag name
+  final String tag;
+
+  /// Parent node
+  final TagflowNode? parent;
+
+  /// Children nodes
+  List<TagflowNode> get children;
+
+  /// Set children nodes
+  set children(List<TagflowNode> value);
+
+  /// Element's attributes
+  final LinkedHashMap<String, String>? attributes;
+
+  /// Element's text content
+  final String? textContent;
+
+  /// Whether this node represents a text node
+  bool get isTextNode => tag == '#text' && textContent != null;
+
+  /// Whether this node is an empty node
+  bool get isEmpty => tag == '#empty';
+
+  /// The tag name of the parent element
+  String get parentTag => parent?.tag ?? '';
+
+  /// Get an attribute value
+  String? operator [](String key);
+
+  /// Set an attribute value
+  void operator []=(String key, String value);
+
+  /// Get the style attribute
+  String? get style => this['style'];
+
+  /// Get the class attribute
+  String? get className => this['class'];
+
+  /// Get the list of classes
+  List<String> get classList =>
+      (className?.split(' ') ?? const []).where((s) => s.isNotEmpty).toList();
+
+  /// Set the class attribute
+  set classList(List<String> value) {
+    this['class'] = value.join(' ');
+  }
+
+  bool hasAttribute(String attribute) =>
+      attributes?.containsKey(attribute) ?? false;
+
+  @override
+  List<Object?> get props => [tag, children, textContent, attributes];
+
+  TagflowNode reparent([TagflowNode? newParent]);
+}
diff --git a/packages/tagflow/lib/src/core/models/table_element.dart b/packages/tagflow/lib/src/core/models/table_element.dart
new file mode 100644
index 0000000..d352e46
--- /dev/null
+++ b/packages/tagflow/lib/src/core/models/table_element.dart
@@ -0,0 +1,75 @@
+import 'package:tagflow/tagflow.dart';
+
+class TagflowTableElement extends TagflowNode {
+  const TagflowTableElement({
+    required super.tag,
+    required this.rowCount,
+    required this.columnCount,
+    required this.rows,
+    required this.spans,
+    Map<String, String>? attributes,
+    super.parent,
+  }) : _attributes = attributes ?? const {};
+
+  final int rowCount;
+  final int columnCount;
+  final List<TagflowNode> rows;
+  final Map<String, CellSpan> spans;
+
+  /// Element's attributes
+  final Map<String, String> _attributes;
+
+  void addRow(TagflowNode row) {
+    if (row.children.length != columnCount) {
+      throw Exception('Row length must match number of columns');
+    }
+    rows.add(row);
+  }
+
+  CellSpan? getSpan(int row, int column) => spans['$row:$column'];
+
+  void setSpan(int row, int column, {int rowSpan = 1, int colSpan = 1}) {
+    spans['$row:$column'] = CellSpan(rowSpan: rowSpan, colSpan: colSpan);
+  }
+
+  @override
+  String? operator [](String key) => _attributes[key];
+
+  @override
+  void operator []=(String key, String value) {
+    _attributes[key] = value;
+  }
+
+  @override
+  TagflowNode reparent([TagflowNode? newParent]) {
+    return TagflowTableElement(
+      tag: tag,
+      rowCount: rowCount,
+      columnCount: columnCount,
+      rows: rows.map((e) => e.reparent(this)).toList(),
+      spans: spans,
+      parent: newParent,
+      attributes: attributes,
+    );
+  }
+
+  @override
+  List<TagflowNode> get children => rows;
+
+  @override
+  set children(List<TagflowNode> value) {
+    rows
+      ..clear()
+      ..addAll(value);
+  }
+}
+
+class CellSpan {
+  const CellSpan({
+    required this.rowSpan,
+    required this.colSpan,
+  });
+
+  final int rowSpan;
+  final int colSpan;
+}
diff --git a/packages/tagflow/lib/src/core/parser/base_parser.dart b/packages/tagflow/lib/src/core/parser/base_parser.dart
new file mode 100644
index 0000000..3a21160
--- /dev/null
+++ b/packages/tagflow/lib/src/core/parser/base_parser.dart
@@ -0,0 +1,69 @@
+import 'package:html/dom.dart' as dom;
+import 'package:tagflow/tagflow.dart';
+
+abstract class NodeParser<T extends TagflowNode> {
+  const NodeParser();
+
+  T? tryParse(dom.Node node, TagflowParser parser);
+  bool canHandle(dom.Node node);
+
+  Map<String, String> parseAttributes(dom.Element element) {
+    final attributes = <String, String>{};
+
+    for (final attr in element.attributes.entries) {
+      final key = attr.key.toString();
+      final value = attr.value;
+      if (key == 'style') {
+        attributes[key] = _normalizeStyle(value);
+      } else if (key == 'class') {
+        attributes[key] = _normalizeClasses(value);
+      } else {
+        attributes[key] = value;
+      }
+    }
+
+    return attributes;
+  }
+
+  String normalizeWhitespace(String text) {
+    // Collapse spaces/tabs within each line
+    String replaceSpaces(String lines) {
+      return lines.replaceAll(RegExp(r'[ \t]+'), ' ');
+    }
+
+    // Preserve newlines but collapse multiple spaces between words
+    return text
+        .split('\n') // Split on newlines to preserve them
+        .map(replaceSpaces)
+        .join('\n'); // Rejoin with newlines
+  }
+
+  String _normalizeStyle(String style) {
+    return style
+        .split(';')
+        .map((s) => s.trim())
+        .where((s) => s.isNotEmpty)
+        .map((s) {
+          final parts = s.split(':').map((p) => p.trim()).toList();
+          return parts.length == 2 ? '${parts[0]}: ${parts[1]}' : null;
+        })
+        .where((s) => s != null)
+        .join('; ');
+  }
+
+  String _normalizeClasses(String classes) {
+    return classes
+        .split(' ')
+        .map((s) => s.trim())
+        .where((s) => s.isNotEmpty)
+        .join(' ');
+  }
+
+  List<TagflowNode> parseChildren(dom.Element element, TagflowParser parser) {
+    return element.nodes
+        .map(parser.parseNode)
+        .nonNulls
+        .where(parser.isValidNode)
+        .toList();
+  }
+}
diff --git a/packages/tagflow/lib/src/core/parser/element_parser.dart b/packages/tagflow/lib/src/core/parser/element_parser.dart
new file mode 100644
index 0000000..e152e18
--- /dev/null
+++ b/packages/tagflow/lib/src/core/parser/element_parser.dart
@@ -0,0 +1,34 @@
+import 'package:html/dom.dart' as dom;
+import 'package:tagflow/tagflow.dart';
+
+class ElementParser extends NodeParser<TagflowElement> {
+  const ElementParser();
+
+  @override
+  bool canHandle(dom.Node node) {
+    if (node is dom.Text) return true;
+    if (node is! dom.Element) return false;
+
+    final tag = node.localName?.toLowerCase();
+    // Exclude tags handled by specialized parsers
+    return tag != 'table' && tag != 'img';
+  }
+
+  @override
+  TagflowElement? tryParse(dom.Node node, TagflowParser parser) {
+    if (node is dom.Text) {
+      final text = normalizeWhitespace(node.text);
+      return text.isEmpty ? TagflowElement.empty() : TagflowElement.text(text);
+    }
+
+    if (node is dom.Element) {
+      return TagflowElement(
+        tag: node.localName?.toLowerCase() ?? 'div',
+        attributes: parseAttributes(node),
+        children: parseChildren(node, parser),
+      );
+    }
+
+    return null;
+  }
+}
diff --git a/packages/tagflow/lib/src/core/parser/img_parser.dart b/packages/tagflow/lib/src/core/parser/img_parser.dart
new file mode 100644
index 0000000..9b69dbe
--- /dev/null
+++ b/packages/tagflow/lib/src/core/parser/img_parser.dart
@@ -0,0 +1,23 @@
+import 'package:html/dom.dart' as dom;
+import 'package:tagflow/tagflow.dart';
+
+class ImgParser extends NodeParser<TagflowImgElement> {
+  const ImgParser();
+
+  @override
+  bool canHandle(dom.Node node) {
+    if (node is! dom.Element) return false;
+    return node.localName?.toLowerCase() == 'img';
+  }
+
+  @override
+  TagflowImgElement? tryParse(dom.Node node, TagflowParser parser) {
+    if (node is! dom.Element) return null;
+
+    return TagflowImgElement(
+      attributes: parseAttributes(node),
+      // src: node.attributes['src'] ?? '',
+      // alt: node.attributes['alt'] ?? '',
+    );
+  }
+}
diff --git a/packages/tagflow/lib/src/core/parser/parser.dart b/packages/tagflow/lib/src/core/parser/parser.dart
index f6f3d09..316b737 100644
--- a/packages/tagflow/lib/src/core/parser/parser.dart
+++ b/packages/tagflow/lib/src/core/parser/parser.dart
@@ -4,18 +4,25 @@ import 'dart:collection';
 
 import 'package:flutter/foundation.dart';
 import 'package:html/dom.dart' as dom;
-import 'package:html/dom.dart';
 import 'package:html/dom_parsing.dart';
 import 'package:html/parser.dart' as html;
-import 'package:tagflow/src/core/models/element.dart';
+import 'package:tagflow/tagflow.dart';
 
 /// Parses HTML string into TagflowElement
 class TagflowParser {
-  /// Parses HTML string into TagflowElement
-  TagflowElement parse(String htmlString) {
-    var element = TagflowElement.empty();
+  const TagflowParser({
+    List<NodeParser>? parsers,
+  }) : _parsers = parsers ??
+            const [
+              ElementParser(),
+              TableParser(),
+              ImgParser(),
+            ];
 
-    final document = html.parse(htmlString);
+  final List<NodeParser> _parsers;
+
+  TagflowNode parse(String input) {
+    final document = html.parse(input);
 
     if (kDebugMode) {
       _Visitor().visit(document);
@@ -27,18 +34,12 @@ class TagflowParser {
       throw const FormatException('Invalid HTML: no body element found');
     }
 
-    // Filter out empty nodes and normalize whitespace
-    final validNodes = body.nodes
-        .where((n) => n is dom.Element || (n is dom.Text && n.text.isNotEmpty))
-        .map(_convertNode)
-        .where(_isValidNode)
-        .toList();
+    final validNodes = parseNodes(body.nodes).where(isValidNode).toList();
 
-    // If there's exactly one valid node, return it directly
+    TagflowNode element;
     if (validNodes.length == 1) {
       element = validNodes.first;
     } else {
-      // Otherwise wrap all nodes in a container
       element = TagflowElement(
         tag: 'div',
         attributes: LinkedHashMap.from({
@@ -48,109 +49,32 @@ class TagflowParser {
       );
     }
 
-    element.reparent();
-
-    return element;
-  }
-
-  bool _isValidNode(TagflowElement element) {
-    if (element.isEmpty) return false;
-    if (element.isTextNode) {
-      return element.textContent?.trim().isNotEmpty ?? false;
-    }
-    return true;
+    return element.reparent();
   }
 
-  /// Converts DOM node to TagflowElement
-  TagflowElement _convertNode(dom.Node node) {
-    // Handle text nodes
-    if (node is dom.Text) {
-      final text = _normalizeWhitespace(node.text);
-      return text.isEmpty ? TagflowElement.empty() : TagflowElement.text(text);
-    }
-
-    // Handle element nodes
-    if (node is dom.Element) {
-      final tag = node.localName?.toLowerCase() ?? 'div';
-
-      // Convert attributes with proper type handling
-      final attributes = LinkedHashMap<String, String>.fromEntries(
-        node.attributes.entries.map((e) => MapEntry(e.key.toString(), e.value)),
-      );
-      _processAttributes(attributes, node);
-
-      // Convert child nodes and filter out empty ones
-      final children =
-          node.nodes.map(_convertNode).where(_isValidNode).toList();
-
-      return TagflowElement(
-        tag: tag,
-        children: children,
-        attributes: attributes,
-      );
-    }
-
-    return TagflowElement.empty();
+  List<TagflowNode> parseNodes(List<dom.Node> nodes) {
+    return nodes
+        .where((n) => n is dom.Element || (n is dom.Text && n.text.isNotEmpty))
+        .map(parseNode)
+        .nonNulls
+        .toList();
   }
 
-  /// Process and normalize attributes
-  void _processAttributes(
-    LinkedHashMap<String, String> attributes,
-    dom.Element node,
-  ) {
-    // Handle style attribute
-    if (attributes.containsKey('style')) {
-      attributes['style'] = _normalizeStyle(attributes['style']!);
-    }
-
-    // Handle class attribute
-    if (attributes.containsKey('class')) {
-      attributes['class'] = _normalizeClasses(attributes['class']!);
+  TagflowNode? parseNode(dom.Node node) {
+    for (final parser in _parsers) {
+      if (parser.canHandle(node)) {
+        return parser.tryParse(node, this);
+      }
     }
-
-    // Handle data attributes
-    attributes.addEntries(
-      node.attributes.entries
-          .where((e) => e.key.toString().startsWith('data-'))
-          .map((e) => MapEntry(e.key.toString(), e.value)),
-    );
+    return null;
   }
 
-  /// Normalize whitespace in text content
-  String _normalizeWhitespace(String text) {
-    // Collapse spaces/tabs within each line
-    String replaceSpaces(String lines) {
-      return lines.replaceAll(RegExp(r'[ \t]+'), ' ');
+  bool isValidNode(TagflowNode node) {
+    if (node.isEmpty) return false;
+    if (node.isTextNode) {
+      return node.textContent?.trim().isNotEmpty ?? false;
     }
-
-    // Preserve newlines but collapse multiple spaces between words
-    return text
-        .split('\n') // Split on newlines to preserve them
-        .map(replaceSpaces)
-        .join('\n'); // Rejoin with newlines
-  }
-
-  /// Normalize style declarations
-  String _normalizeStyle(String style) {
-    return style
-        .split(';')
-        .map((s) => s.trim())
-        .where((s) => s.isNotEmpty)
-        .map((s) {
-          final parts = s.split(':').map((p) => p.trim()).toList();
-          return parts.length == 2 ? '${parts[0]}: ${parts[1]}' : null;
-        })
-        .where((s) => s != null)
-        .join('; ');
-  }
-
-  /// Normalize class names
-  String _normalizeClasses(String classes) {
-    return classes
-        .split(' ')
-        .map((s) => s.trim())
-        .where((s) => s.isNotEmpty)
-        .join(' ');
+    return true;
   }
 }
 
@@ -162,14 +86,14 @@ class _Visitor extends TreeVisitor {
   }
 
   @override
-  void visitText(Text node) {
+  void visitText(dom.Text node) {
     if (node.data.trim().isNotEmpty) {
       log('$indent${node.data.trim()}');
     }
   }
 
   @override
-  void visitElement(Element node) {
+  void visitElement(dom.Element node) {
     if (isVoidElement(node.localName)) {
       log('$indent<${node.localName}/>');
     } else {
@@ -182,7 +106,7 @@ class _Visitor extends TreeVisitor {
   }
 
   @override
-  void visitChildren(Node node) {
+  void visitChildren(dom.Node node) {
     for (final child in node.nodes) {
       visit(child);
     }
diff --git a/packages/tagflow/lib/src/core/parser/parsers.dart b/packages/tagflow/lib/src/core/parser/parsers.dart
new file mode 100644
index 0000000..6245deb
--- /dev/null
+++ b/packages/tagflow/lib/src/core/parser/parsers.dart
@@ -0,0 +1,5 @@
+export 'base_parser.dart';
+export 'element_parser.dart';
+export 'img_parser.dart';
+export 'parser.dart';
+export 'table_parser.dart';
diff --git a/packages/tagflow/lib/src/core/parser/table_parser.dart b/packages/tagflow/lib/src/core/parser/table_parser.dart
new file mode 100644
index 0000000..dffe1af
--- /dev/null
+++ b/packages/tagflow/lib/src/core/parser/table_parser.dart
@@ -0,0 +1,146 @@
+import 'package:html/dom.dart' as dom;
+import 'package:tagflow/tagflow.dart';
+
+class TableParser extends NodeParser<TagflowTableElement> {
+  const TableParser();
+
+  static const _elementParser = ElementParser();
+
+  @override
+  bool canHandle(dom.Node node) {
+    if (node is! dom.Element) return false;
+    return node.localName?.toLowerCase() == 'table';
+  }
+
+  @override
+  TagflowTableElement? tryParse(dom.Node node, TagflowParser parser) {
+    if (node is! dom.Element) return null;
+
+    final structure = _analyzeStructure(node);
+    final table = TagflowTableElement(
+      tag: 'table',
+      rowCount: structure.rows,
+      columnCount: structure.columns,
+      rows: List.empty(growable: true),
+      spans: Map.from({}),
+      attributes: parseAttributes(node),
+    );
+
+    _populateCells(table, node, parser, structure);
+    return table;
+  }
+
+  _TableStructure _analyzeStructure(dom.Element table) {
+    var maxColumns = 0;
+    var totalRows = 0;
+
+    for (final row in table.querySelectorAll('tr')) {
+      totalRows++;
+      var columnsInRow = 0;
+
+      for (final cell in row.children) {
+        if (cell.localName?.toLowerCase() != 'td' &&
+            cell.localName?.toLowerCase() != 'th') {
+          continue;
+        }
+
+        final colspan = int.tryParse(cell.attributes['colspan'] ?? '1') ?? 1;
+        columnsInRow += colspan;
+      }
+
+      maxColumns = maxColumns < columnsInRow ? columnsInRow : maxColumns;
+    }
+
+    return _TableStructure(rows: totalRows, columns: maxColumns);
+  }
+
+  void _populateCells(
+    TagflowTableElement table,
+    dom.Element element,
+    TagflowParser parser,
+    _TableStructure structure,
+  ) {
+    var rowIndex = 0;
+    final occupied = List.generate(
+      structure.rows,
+      (_) => List.filled(structure.columns, false),
+    );
+
+    for (final rowElement in element.querySelectorAll('tr')) {
+      final cells = <TagflowNode>[];
+      var colIndex = 0;
+
+      // Skip already occupied cells (from previous rowspans)
+      while (colIndex < structure.columns && occupied[rowIndex][colIndex]) {
+        cells.add(TagflowElement.empty());
+        colIndex++;
+      }
+
+      for (final cell in rowElement.children) {
+        if (cell.localName?.toLowerCase() != 'td' &&
+            cell.localName?.toLowerCase() != 'th') {
+          continue;
+        }
+
+        // Skip occupied cells
+        while (colIndex < structure.columns && occupied[rowIndex][colIndex]) {
+          cells.add(TagflowElement.empty());
+          colIndex++;
+        }
+
+        final rowspan = int.tryParse(cell.attributes['rowspan'] ?? '1') ?? 1;
+        final colspan = int.tryParse(cell.attributes['colspan'] ?? '1') ?? 1;
+
+        // Create cell element
+        final cellElement =
+            _elementParser.tryParse(cell, parser) ?? TagflowElement.empty();
+        cells.add(cellElement);
+
+        // Mark spans
+        if (rowspan > 1 || colspan > 1) {
+          table.setSpan(
+            rowIndex,
+            colIndex,
+            rowSpan: rowspan,
+            colSpan: colspan,
+          );
+        }
+
+        // Mark occupied cells
+        for (var r = 0; r < rowspan; r++) {
+          for (var c = 0; c < colspan; c++) {
+            if (rowIndex + r < structure.rows &&
+                colIndex + c < structure.columns) {
+              occupied[rowIndex + r][colIndex + c] = true;
+            }
+          }
+        }
+
+        colIndex += colspan;
+      }
+
+      // Fill remaining columns with empty cells
+      while (cells.length < structure.columns) {
+        cells.add(TagflowElement.empty());
+      }
+
+      // Create row element and add it to table
+      final rowNode = (_elementParser.tryParse(rowElement, parser) ??
+          TagflowElement.empty())
+        ..children = cells;
+
+      table.addRow(rowNode);
+      rowIndex++;
+    }
+  }
+}
+
+class _TableStructure {
+  const _TableStructure({
+    required this.rows,
+    required this.columns,
+  });
+
+  final int rows;
+  final int columns;
+}
diff --git a/packages/tagflow/lib/src/core/utils/extensions.dart b/packages/tagflow/lib/src/core/utils/extensions.dart
new file mode 100644
index 0000000..0641611
--- /dev/null
+++ b/packages/tagflow/lib/src/core/utils/extensions.dart
@@ -0,0 +1,97 @@
+import 'package:flutter/widgets.dart';
+import 'package:tagflow/tagflow.dart';
+
+/// Style-related extensions for TagflowNode
+extension TagflowNodeStyle on TagflowNode {
+  /// Returns the inline style string
+  String? get style => attributes?['style'];
+
+  /// Returns parsed inline styles
+  Map<String, String>? get styles {
+    final styleStr = style;
+    if (styleStr == null || styleStr.isEmpty) return null;
+
+    return Map.fromEntries(
+      styleStr.split(';').map((declaration) {
+        final parts = declaration.split(':').map((s) => s.trim()).toList();
+        return parts.length == 2 ? MapEntry(parts[0], parts[1]) : null;
+      }).whereType<MapEntry<String, String>>(),
+    );
+  }
+
+  /// Returns class names as a list
+  List<String> get classList =>
+      attributes?['class']
+          ?.split(' ')
+          .map((s) => s.trim())
+          .where((s) => s.isNotEmpty)
+          .toList() ??
+      const [];
+
+  /// Returns the class attribute value
+  String get className => attributes?['class'] ?? '';
+
+  /// Sets the class attribute value
+  set className(String value) => attributes?['class'] = value;
+
+  /// Sets class names from a list
+  set classList(List<String> value) => attributes?['class'] = value.join(' ');
+}
+
+/// Link-related extensions for TagflowNode
+extension TagflowNodeLink on TagflowNode {
+  /// Returns true if this is an anchor element
+  bool get isAnchor => tag == 'a';
+
+  /// Returns the href attribute
+  String? get href => attributes?['href'];
+
+  /// Returns the target attribute
+  String? get target => attributes?['target'];
+
+  /// Returns the parent's href if it exists
+  String? get parentHref => parent?.href;
+}
+
+/// Size-related extensions for TagflowNode
+extension TagflowNodeSize on TagflowNode {
+  /// Returns the width as a double
+  double? get width {
+    final value = attributes?['width'] ?? styles?['width'];
+    return value != null ? StyleParser.parseSize(value) : null;
+  }
+
+  /// Returns the height as a double
+  double? get height {
+    final value = attributes?['height'] ?? styles?['height'];
+    return value != null ? StyleParser.parseSize(value) : null;
+  }
+
+  /// Returns the gap between flex items
+  double? get gap {
+    final value = styles?['gap'];
+    return value != null ? StyleParser.parseSize(value) : null;
+  }
+}
+
+extension StyleExtension on TagflowStyle {
+  Border get effectiveBorder =>
+      border ??
+      Border(
+        left: borderLeft ?? BorderSide.none,
+        right: borderRight ?? BorderSide.none,
+        top: borderTop ?? BorderSide.none,
+        bottom: borderBottom ?? BorderSide.none,
+      );
+
+  BoxDecoration toBoxDecoration() => BoxDecoration(
+        color: backgroundColor,
+        borderRadius: borderRadius,
+        border: effectiveBorder,
+        boxShadow: boxShadow,
+      );
+
+  TextStyle? get textStyleWithColor => textStyle == null && color != null
+      ? TextStyle(color: color)
+      : textStyle?.copyWith(color: color);
+}
diff --git a/packages/tagflow/lib/src/core/utils/utils.dart b/packages/tagflow/lib/src/core/utils/utils.dart
new file mode 100644
index 0000000..e123242
--- /dev/null
+++ b/packages/tagflow/lib/src/core/utils/utils.dart
@@ -0,0 +1 @@
+export 'extensions.dart';
diff --git a/packages/tagflow/lib/src/style/style.dart b/packages/tagflow/lib/src/style/style.dart
index 7ce6c8b..6825cfd 100644
--- a/packages/tagflow/lib/src/style/style.dart
+++ b/packages/tagflow/lib/src/style/style.dart
@@ -11,6 +11,7 @@ class TagflowStyle extends Equatable {
     this.padding,
     this.margin,
     this.backgroundColor,
+    this.color,
     this.borderRadius,
     this.border,
     this.borderLeft,
@@ -55,6 +56,9 @@ class TagflowStyle extends Equatable {
   /// Background color
   final Color? backgroundColor;
 
+  /// Text color
+  final Color? color;
+
   /// Border radius
   final BorderRadius? borderRadius;
 
@@ -142,6 +146,7 @@ class TagflowStyle extends Equatable {
     EdgeInsets? padding,
     EdgeInsets? margin,
     Color? backgroundColor,
+    Color? color,
     BorderRadius? borderRadius,
     Border? border,
     BorderSide? borderLeft,
@@ -176,6 +181,7 @@ class TagflowStyle extends Equatable {
       padding: padding ?? this.padding,
       margin: margin ?? this.margin,
       backgroundColor: backgroundColor ?? this.backgroundColor,
+      color: color ?? this.color,
       borderRadius: borderRadius ?? this.borderRadius,
       border: border ?? this.border,
       borderLeft: borderLeft ?? this.borderLeft,
@@ -217,6 +223,7 @@ class TagflowStyle extends Equatable {
       padding: other.padding ?? padding,
       margin: other.margin ?? margin,
       backgroundColor: other.backgroundColor ?? backgroundColor,
+      color: other.color ?? color,
       borderRadius: other.borderRadius ?? borderRadius,
       border: other.border ?? border,
       borderLeft: other.borderLeft ?? borderLeft,
@@ -254,6 +261,7 @@ class TagflowStyle extends Equatable {
         padding,
         margin,
         backgroundColor,
+        color,
         borderRadius,
         border,
         borderLeft,
diff --git a/packages/tagflow/lib/src/style/style_parser.dart b/packages/tagflow/lib/src/style/style_parser.dart
index 90785ee..ce659ab 100644
--- a/packages/tagflow/lib/src/style/style_parser.dart
+++ b/packages/tagflow/lib/src/style/style_parser.dart
@@ -333,6 +333,9 @@ class StyleParser {
       backgroundColor: styles['background-color'] != null
           ? parseColor(styles['background-color']!, theme?.namedColors)
           : null,
+      color: styles['color'] != null
+          ? parseColor(styles['color']!, theme?.namedColors)
+          : null,
       borderRadius: styles['border-radius'] != null
           ? parseBorderRadius(styles['border-radius']!)
           : null,
diff --git a/packages/tagflow/lib/src/style/theme.dart b/packages/tagflow/lib/src/style/theme.dart
index 6734573..8f268d4 100644
--- a/packages/tagflow/lib/src/style/theme.dart
+++ b/packages/tagflow/lib/src/style/theme.dart
@@ -95,6 +95,8 @@ class TagflowTheme extends Equatable {
     EdgeInsets? inlineCodePadding,
     EdgeInsets? inlineCodeMargin,
     double? borderWidth,
+    // Colors
+    Color? codeBackground,
   }) {
     final textTheme = theme.textTheme;
     final colorScheme = theme.colorScheme;
@@ -113,6 +115,7 @@ class TagflowTheme extends Equatable {
       vertical: baseFontSize * 0.125,
     );
     final defaultBorderWidth = baseFontSize * 0.25;
+    final defaultTableBorderWidth = baseFontSize * 0.125;
 
     return TagflowTheme._(
       defaultStyle: TagflowStyle(
@@ -154,14 +157,15 @@ class TagflowTheme extends Equatable {
               ),
           padding: blockPadding ?? defaultBlockPadding,
           margin: blockMargin ?? defaultBlockMargin,
-          backgroundColor: colorScheme.surfaceContainerHighest.withAlpha(10),
+          backgroundColor: codeBackground ??
+              colorScheme.surfaceContainerHighest.withAlpha(77),
         ),
         'blockquote': TagflowStyle(
           padding: blockPadding ?? defaultBlockPadding,
           margin: blockMargin ?? defaultBlockMargin,
-          backgroundColor: colorScheme.surfaceContainerHighest.withAlpha(10),
+          backgroundColor: colorScheme.surfaceContainerHighest.withAlpha(26),
           borderLeft: BorderSide(
-            color: colorScheme.primary.withAlpha(50),
+            color: colorScheme.primary.withAlpha(128),
             width: borderWidth ?? defaultBorderWidth,
           ),
         ),
@@ -184,13 +188,13 @@ class TagflowTheme extends Equatable {
         'table': TagflowStyle(
           margin: blockMargin ?? defaultBlockMargin,
           border: Border.all(
-            color: colorScheme.outline,
-            width: borderWidth ?? defaultBorderWidth,
+            color: colorScheme.outlineVariant,
+            width: borderWidth ?? defaultTableBorderWidth,
           ),
         ),
         'th': TagflowStyle(
           padding: tableCellPadding ?? defaultTableCellPadding,
-          backgroundColor: colorScheme.surfaceContainerHighest.withAlpha(10),
+          backgroundColor: colorScheme.surfaceContainerHighest,
           textStyle: textTheme.bodyMedium?.copyWith(
             fontWeight: FontWeight.bold,
           ),
@@ -212,10 +216,16 @@ class TagflowTheme extends Equatable {
               textTheme.bodyMedium?.copyWith(
                 fontFamily: 'monospace',
               ),
-          backgroundColor: colorScheme.surfaceContainerHighest.withAlpha(30),
+          backgroundColor: codeBackground ??
+              colorScheme.surfaceContainerHighest.withAlpha(77),
           padding: inlineCodePadding ?? defaultInlineCodePadding,
           margin: inlineCodeMargin ?? defaultInlineCodeMargin,
         ),
+        'pre code': const TagflowStyle(
+          backgroundColor: Colors.transparent,
+          padding: EdgeInsets.zero,
+          margin: EdgeInsets.zero,
+        ),
 
         // Add any additional styles
         if (additionalStyles != null) ...additionalStyles,
@@ -317,7 +327,7 @@ class TagflowTheme extends Equatable {
           backgroundColor: codeBackground,
           borderRadius: BorderRadius.circular(baseFontSize * 0.25),
           border: Border.all(
-            color: codeBackground?.withAlpha(50) ?? Colors.grey,
+            color: codeBackground?.withAlpha(128) ?? Colors.grey,
           ),
           textStyle: codeTextStyle,
           width: maxWidth ?? double.infinity,
@@ -365,7 +375,7 @@ class TagflowTheme extends Equatable {
   final Map<String, Color> namedColors;
 
   /// Get style for an element, merging all applicable styles
-  TagflowStyle resolveStyle(TagflowElement element) {
+  TagflowStyle resolveStyle(TagflowNode element) {
     var result = defaultStyle;
 
     // Add tag style
@@ -384,7 +394,7 @@ class TagflowTheme extends Equatable {
     }
 
     // Add class styles
-    final classes = element.attributes['class']?.split(' ') ?? [];
+    final classes = element.attributes?['class']?.split(' ') ?? [];
     for (final className in classes) {
       final classStyle = styles['.${className.trim()}'];
       if (classStyle != null) {
@@ -394,7 +404,7 @@ class TagflowTheme extends Equatable {
 
     // Add inline styles last
     final inlineStyle = StyleParser.parseInlineStyle(
-      element.attributes['style'] ?? '',
+      element.attributes?['style'] ?? '',
       this,
     );
     if (inlineStyle != null) {
@@ -479,7 +489,7 @@ class TagflowTheme extends Equatable {
           vertical: baseFontSize * 0.05,
         ),
         borderRadius: BorderRadius.circular(baseFontSize * 0.125),
-        backgroundColor: markColor.withAlpha(20),
+        backgroundColor: markColor.withAlpha(51),
       ),
       'sub': TagflowStyle(
         textScaleFactor: 0.65,
diff --git a/packages/tagflow/lib/src/tagflow_options.dart b/packages/tagflow/lib/src/tagflow_options.dart
index eafb3cb..19c9ea8 100644
--- a/packages/tagflow/lib/src/tagflow_options.dart
+++ b/packages/tagflow/lib/src/tagflow_options.dart
@@ -1,5 +1,7 @@
 // ignore_for_file: lines_longer_than_80_chars
 
+import 'dart:collection';
+
 import 'package:equatable/equatable.dart';
 import 'package:flutter/widgets.dart';
 import 'package:tagflow/tagflow.dart';
@@ -7,7 +9,7 @@ import 'package:tagflow/tagflow.dart';
 /// Callback for handling link taps
 typedef TagflowLinkTapCallback = void Function(
   String url,
-  Map<String, String> attributes,
+  LinkedHashMap<String, String>? attributes,
 );
 
 /// Behavior for selecting images
@@ -42,7 +44,7 @@ final class TagflowSelectableOptions extends Equatable {
   final TagflowImageSelectionBehavior imageSelectionBehavior;
 
   /// Custom behavior for selecting images
-  final String? Function(TagflowElement, BuildContext)?
+  final String? Function(TagflowImgElement, BuildContext)?
       imageSelectionBehaviorTextBuilder;
 
   @override
diff --git a/packages/tagflow/lib/src/tagflow_widget.dart b/packages/tagflow/lib/src/tagflow_widget.dart
index 94d491f..969d543 100644
--- a/packages/tagflow/lib/src/tagflow_widget.dart
+++ b/packages/tagflow/lib/src/tagflow_widget.dart
@@ -58,7 +58,7 @@ class Tagflow extends StatefulWidget {
 
 class _TagflowState extends State<Tagflow> {
   late final TagflowConverter _converter;
-  TagflowElement? _element;
+  TagflowNode? _element;
   Object? _error;
 
   @override
@@ -84,7 +84,7 @@ class _TagflowState extends State<Tagflow> {
 
   Future<void> _parseHtml() async {
     try {
-      final parser = TagflowParser();
+      const parser = TagflowParser();
       _element = await compute(parser.parse, widget.html);
       _error = null;
     } catch (e, stack) {
@@ -133,7 +133,7 @@ class _TagflowState extends State<Tagflow> {
       ..add(DiagnosticsProperty<TagflowTheme>('theme', widget.theme))
       ..add(IterableProperty<ElementConverter>('converters', widget.converters))
       ..add(DiagnosticsProperty<TagflowOptions>('options', widget.options))
-      ..add(DiagnosticsProperty<TagflowElement>('element', _element))
+      ..add(DiagnosticsProperty<TagflowNode>('element', _element))
       ..add(DiagnosticsProperty<Object>('error', _error));
   }
 }
diff --git a/packages/tagflow/lib/tagflow.dart b/packages/tagflow/lib/tagflow.dart
index 11512ef..e20cd60 100644
--- a/packages/tagflow/lib/tagflow.dart
+++ b/packages/tagflow/lib/tagflow.dart
@@ -3,6 +3,8 @@ export 'src/converter/converters/converters.dart';
 export 'src/converter/styled_container.dart';
 export 'src/core/core.dart';
 export 'src/core/models/models.dart';
+export 'src/core/parser/parsers.dart';
+export 'src/core/utils/utils.dart';
 export 'src/style/style.dart';
 export 'src/style/style_parser.dart';
 export 'src/style/theme.dart';
diff --git a/packages/tagflow/pubspec.yaml b/packages/tagflow/pubspec.yaml
index 6bea307..ad9a8e1 100644
--- a/packages/tagflow/pubspec.yaml
+++ b/packages/tagflow/pubspec.yaml
@@ -14,6 +14,7 @@ dependencies:
   flutter:
     sdk: flutter
   html: ^0.15.5
+  meta: ^1.15.0
 
 dev_dependencies:
   flutter_test:
diff --git a/packages/tagflow/test/src/converter/converters/list_converter_test.dart b/packages/tagflow/test/src/converter/converters/list_converter_test.dart
index a66b8ca..f1ff11e 100644
--- a/packages/tagflow/test/src/converter/converters/list_converter_test.dart
+++ b/packages/tagflow/test/src/converter/converters/list_converter_test.dart
@@ -10,7 +10,7 @@ void main() {
     });
 
     testWidgets('renders unordered list', (tester) async {
-      final element = TagflowElement(
+      const element = TagflowElement(
         tag: 'ul',
         children: [
           TagflowElement(tag: 'li', textContent: 'Item 1'),
diff --git a/packages/tagflow/test/src/converter/converters/table_converter_test.dart b/packages/tagflow/test/src/converter/converters/table_converter_test.dart
new file mode 100644
index 0000000..cc26866
--- /dev/null
+++ b/packages/tagflow/test/src/converter/converters/table_converter_test.dart
@@ -0,0 +1,131 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:tagflow/tagflow.dart';
+
+void main() {
+  group('TableConverter', () {
+    const converter = TableConverter();
+
+    test('supports table tag', () {
+      expect(converter.supportedTags, {'table'});
+    });
+
+    testWidgets('renders basic table structure', (tester) async {
+      const table = TagflowTableElement(
+        tag: 'table',
+        rowCount: 2,
+        columnCount: 2,
+        rows: [
+          TagflowElement(
+            tag: 'tr',
+            children: [
+              TagflowElement(tag: 'td', textContent: 'Cell 1'),
+              TagflowElement(tag: 'td', textContent: 'Cell 2'),
+            ],
+          ),
+          TagflowElement(
+            tag: 'tr',
+            children: [
+              TagflowElement(tag: 'td', textContent: 'Cell 3'),
+              TagflowElement(tag: 'td', textContent: 'Cell 4'),
+            ],
+          ),
+        ],
+        spans: {},
+      );
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: TagflowThemeProvider(
+              theme: const TagflowTheme.raw(
+                defaultStyle: TagflowStyle(),
+                styles: {},
+              ),
+              child: Builder(
+                builder: (context) {
+                  return converter.convert(table, context, TagflowConverter());
+                },
+              ),
+            ),
+          ),
+        ),
+      );
+
+      expect(find.byType(Table), findsOneWidget);
+      expect(find.text('Cell 1'), findsOneWidget);
+      expect(find.text('Cell 2'), findsOneWidget);
+      expect(find.text('Cell 3'), findsOneWidget);
+      expect(find.text('Cell 4'), findsOneWidget);
+    });
+
+    testWidgets('applies table styles correctly', (tester) async {
+      const table = TagflowTableElement(
+        tag: 'table',
+        rowCount: 1,
+        columnCount: 1,
+        rows: [
+          TagflowElement(
+            tag: 'tr',
+            children: [
+              TagflowElement(tag: 'td', textContent: 'Cell'),
+            ],
+          ),
+        ],
+        spans: {},
+        attributes: {
+          'style': 'border: 1px solid black; background-color: red',
+        },
+      );
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: TagflowThemeProvider(
+              theme: TagflowTheme.raw(
+                defaultStyle: const TagflowStyle(),
+                styles: {
+                  'table': TagflowStyle(
+                    border: Border.all(color: Colors.blue),
+                  ),
+                },
+              ),
+              child: Builder(
+                builder: (context) {
+                  return converter.convert(table, context, TagflowConverter());
+                },
+              ),
+            ),
+          ),
+        ),
+      );
+
+      final container = find.byType(Container).first;
+      final containerWidget = tester.widget<Container>(container);
+      expect(containerWidget.decoration, isNotNull);
+    });
+  });
+
+  group('TableCellConverter', () {
+    const converter = TableCellConverter();
+
+    test('supports td, th, and tr tags', () {
+      expect(converter.supportedTags, containsAll(['td', 'th', 'tr']));
+    });
+
+    test('forces widget span for td and th', () {
+      expect(
+        converter.shouldForceWidgetSpan(
+          const TagflowElement(tag: 'td'),
+        ),
+        true,
+      );
+      expect(
+        converter.shouldForceWidgetSpan(
+          const TagflowElement(tag: 'th'),
+        ),
+        true,
+      );
+    });
+  });
+}
diff --git a/packages/tagflow/test/src/core/models/element_test.dart b/packages/tagflow/test/src/core/models/element_test.dart
index 622cc1e..c1f9c1e 100644
--- a/packages/tagflow/test/src/core/models/element_test.dart
+++ b/packages/tagflow/test/src/core/models/element_test.dart
@@ -29,11 +29,10 @@ void main() {
     });
 
     test('manages parent-child relationships', () {
-      final parent = TagflowElement(tag: 'div');
-      final child = TagflowElement(tag: 'p');
-
-      parent.addChild(child);
-
+      final parent =
+          const TagflowElement(tag: 'div', children: [TagflowElement(tag: 'p')])
+              .reparent();
+      final child = parent.children.first;
       expect(child.parent, parent);
       expect(parent.children, [child]);
       expect(child.parentTag, 'div');
@@ -73,7 +72,7 @@ void main() {
           tag: 'a',
           attributes: LinkedHashMap.from({'href': 'https://example.com'}),
         );
-        final div = TagflowElement(tag: 'div');
+        const div = TagflowElement(tag: 'div');
 
         expect(link.isAnchor, true);
         expect(div.isAnchor, false);
@@ -86,8 +85,8 @@ void main() {
           tag: 'a',
           attributes: LinkedHashMap.from({'href': 'https://example.com'}),
         );
-        final child = TagflowElement(tag: 'span');
-        parent.addChild(child);
+
+        final child = const TagflowElement(tag: 'span').reparent(parent);
 
         expect(child.parentHref, 'https://example.com');
       });
diff --git a/packages/tagflow/test/src/core/parser/img_parser_test.dart b/packages/tagflow/test/src/core/parser/img_parser_test.dart
new file mode 100644
index 0000000..15b0d9c
--- /dev/null
+++ b/packages/tagflow/test/src/core/parser/img_parser_test.dart
@@ -0,0 +1,49 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:html/parser.dart' as html;
+import 'package:tagflow/tagflow.dart';
+
+void main() {
+  group('ImgParser', () {
+    const parser = ImgParser();
+
+    test('canHandle correctly identifies img elements', () {
+      final imgNode = html.parse('<img src="test.jpg">').body!.firstChild!;
+      final divNode = html.parse('<div></div>').body!.firstChild!;
+
+      expect(parser.canHandle(imgNode), true);
+      expect(parser.canHandle(divNode), false);
+    });
+
+    test('parses img attributes correctly', () {
+      final document = html.parse('''
+        <img 
+          src="test.jpg" 
+          alt="Test Image"
+          width="100"
+          height="100"
+          style="object-fit: cover"
+        >
+      ''');
+
+      final imgNode = document.body!.firstChild!;
+      final img = parser.tryParse(imgNode, const TagflowParser());
+
+      expect(img, isNotNull);
+      expect(img!['src'], 'test.jpg');
+      expect(img['alt'], 'Test Image');
+      expect(img['width'], '100');
+      expect(img['height'], '100');
+      expect(img.style, 'object-fit: cover');
+    });
+
+    test('handles missing attributes', () {
+      final document = html.parse('<img>');
+      final imgNode = document.body!.firstChild!;
+      final img = parser.tryParse(imgNode, const TagflowParser());
+
+      expect(img, isNotNull);
+      expect(img!['src'], isEmpty);
+      expect(img['alt'], isEmpty);
+    });
+  });
+}
diff --git a/packages/tagflow/test/src/core/parser/table_parser_test.dart b/packages/tagflow/test/src/core/parser/table_parser_test.dart
new file mode 100644
index 0000000..4f12f8f
--- /dev/null
+++ b/packages/tagflow/test/src/core/parser/table_parser_test.dart
@@ -0,0 +1,103 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:html/parser.dart' as html;
+import 'package:tagflow/tagflow.dart';
+
+void main() {
+  group('TableParser', () {
+    const parser = TableParser();
+
+    test('canHandle correctly identifies table elements', () {
+      final tableNode = html.parse('<table></table>').body!.firstChild!;
+      final divNode = html.parse('<div></div>').body!.firstChild!;
+
+      expect(parser.canHandle(tableNode), true);
+      expect(parser.canHandle(divNode), false);
+    });
+
+    test('parses basic table structure', () {
+      final document = html.parse('''
+        <table>
+          <tr>
+            <td>Cell 1</td>
+            <td>Cell 2</td>
+          </tr>
+          <tr>
+            <td>Cell 3</td>
+            <td>Cell 4</td>
+          </tr>
+        </table>
+      ''');
+
+      final tableNode = document.body!.firstChild!;
+      final table = parser.tryParse(tableNode, const TagflowParser());
+
+      expect(table, isNotNull);
+      expect(table!.rowCount, 2);
+      expect(table.columnCount, 2);
+      expect(table.rows.length, 2);
+      expect(table.rows[0].children.length, 2);
+      expect(table.rows[1].children.length, 2);
+    });
+
+    test('handles empty and invalid cells', () {
+      final document = html.parse('''
+        <table>
+          <tr>
+            <td></td>
+            <td>Valid Cell</td>
+          </tr>
+          <tr>
+            <td colspan="invalid">Cell</td>
+            <td rowspan="invalid">Cell</td>
+          </tr>
+        </table>
+      ''');
+
+      final tableNode = document.body!.firstChild!;
+      final table = parser.tryParse(tableNode, const TagflowParser());
+
+      expect(table, isNotNull);
+      expect(table!.rowCount, 2);
+      expect(table.columnCount, 2);
+      expect(table.rows[0].children[0].children, isEmpty);
+      expect(table.rows[0].children[1].children[0].textContent, 'Valid Cell');
+      expect(table.rows[1].children[0].children[0].textContent, 'Cell');
+      expect(table.rows[1].children[1].children[0].textContent, 'Cell');
+    });
+
+    test('handles nested content in cells', () {
+      final document = html.parse('''
+        <table>
+          <tr>
+            <td><strong>Bold Text</strong></td>
+            <td><p>Paragraph</p></td>
+          </tr>
+        </table>
+      ''');
+
+      final tableNode = document.body!.firstChild!;
+      final table = parser.tryParse(tableNode, const TagflowParser());
+
+      expect(table, isNotNull);
+      expect(table!.rows[0].children[0].children[0].tag, 'strong');
+      expect(table.rows[0].children[1].children[0].tag, 'p');
+    });
+
+    test('preserves table attributes', () {
+      final document = html.parse('''
+        <table class="styled" style="border: 1px solid black">
+          <tr>
+            <td>Cell</td>
+          </tr>
+        </table>
+      ''');
+
+      final tableNode = document.body!.firstChild!;
+      final table = parser.tryParse(tableNode, const TagflowParser());
+
+      expect(table, isNotNull);
+      expect(table!['class'], 'styled');
+      expect(table.style, 'border: 1px solid black');
+    });
+  });
+}
diff --git a/packages/tagflow/test/src/style/style_parser_test.dart b/packages/tagflow/test/src/style/style_parser_test.dart
index 36b3308..abd3679 100644
--- a/packages/tagflow/test/src/style/style_parser_test.dart
+++ b/packages/tagflow/test/src/style/style_parser_test.dart
@@ -93,7 +93,7 @@ void main() {
           ),
         );
 
-        expect(style?.textStyle?.color, const Color(0xFFFF0000));
+        expect(style?.textStyleWithColor?.color, const Color(0xFFFF0000));
         expect(style?.padding, const EdgeInsets.all(10));
         expect(style?.margin, const EdgeInsets.all(5));
       });
@@ -112,7 +112,7 @@ void main() {
         expect(StyleParser.parseInlineStyle(''), null);
         expect(StyleParser.parseInlineStyle('invalid'), null);
         expect(
-          StyleParser.parseInlineStyle('color:')?.textStyle?.color,
+          StyleParser.parseInlineStyle('color:')?.textStyleWithColor?.color,
           null,
         );
       });
diff --git a/packages/tagflow/test/src/style/theme_test.dart b/packages/tagflow/test/src/style/theme_test.dart
index 77ed523..e44e804 100644
--- a/packages/tagflow/test/src/style/theme_test.dart
+++ b/packages/tagflow/test/src/style/theme_test.dart
@@ -30,9 +30,8 @@ void main() {
         },
       );
 
-      final blockquote = TagflowElement(tag: 'blockquote');
-      final paragraph = TagflowElement(tag: 'p');
-      blockquote.addChild(paragraph);
+      const blockquote = TagflowElement(tag: 'blockquote');
+      final paragraph = const TagflowElement(tag: 'p').reparent(blockquote);
 
       final resolvedStyle = theme.resolveStyle(paragraph);
       expect(resolvedStyle.margin, EdgeInsets.zero);