<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: DeepAI</title>
    <description>The latest articles on DEV Community by DeepAI (@deepai).</description>
    <link>https://dev.to/deepai</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F569902%2F58bf4d63-d577-48c8-98e8-dd0506e1d2b2.jpg</url>
      <title>DEV Community: DeepAI</title>
      <link>https://dev.to/deepai</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/deepai"/>
    <language>en</language>
    <item>
      <title>How to create table in HTML ? [Explained with Eaxmple ]</title>
      <dc:creator>DeepAI</dc:creator>
      <pubDate>Sat, 12 Jun 2021 19:45:44 +0000</pubDate>
      <link>https://dev.to/deepai/how-to-create-table-in-html-explained-with-eaxmple-31pf</link>
      <guid>https://dev.to/deepai/how-to-create-table-in-html-explained-with-eaxmple-31pf</guid>
      <description>&lt;p&gt;Hey folks&lt;/p&gt;

&lt;p&gt;Are you looking for Guide to create table in HTML then this post is for you readers. I am going to guide or explain you how you can create awesome tables in HTML with example.&lt;/p&gt;

&lt;p&gt;Content &lt;br&gt;
► Tags We need&lt;br&gt;
► Example&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Read more&lt;/strong&gt;:&lt;a href="https://dev.to/deepai/how-i-made-responsive-footer-footer-using-html-and-css-3fci"&gt; Copyright responsive footer using HTML and CSS &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tags to create awesome HTML Table&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Without Tags we can't make tables and Tags are vital part of any kind of HTML project.&lt;br&gt;
Tag:&lt;br&gt;
&lt;span&gt;&amp;lt;table&amp;gt;&lt;/span&gt; This Tag Defines HTML Table.&lt;br&gt;
&lt;span&gt;&amp;lt;tr&amp;gt;&lt;/span&gt; This Tag Defines Each Table row.&lt;br&gt;
&lt;span&gt;&amp;lt;th&amp;gt;&lt;/span&gt; This Tag Defines header of table.&lt;br&gt;
&lt;span&gt;&amp;lt;td&amp;gt;&lt;/span&gt; This Tag Defines cell of table.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Read More&lt;/strong&gt; : &lt;a href="https://dev.to/deepai/how-i-added-block-element-to-paragraph-1n82"&gt;How I added block elements to paragraph ?&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For content check out my &lt;a href="https://social.msdn.microsoft.com/Profile/DeepAI"&gt; MSDN &lt;/a&gt; Profile and &lt;a href="https://ello.co/deepai"&gt; Ello&lt;/a&gt; also.&lt;br&gt;
&lt;strong&gt;Example&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/DeepAI20/embed/qBrJzbN?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;As you see above in codepen how I made HTML Table.we can also changes background colour of table, borders,each cell of HTML Table. We Just need to add colour code.&lt;br&gt;
Hope I added Some value in HTML Table project If you liked this post make sure visit my other profiles.&lt;br&gt;
T3N :&lt;a href="https://t3n.de/pioneers/profile/deepa-aai/"&gt;Open &lt;/a&gt;&lt;br&gt;
LinkTree : &lt;a href="https://linktr.ee/DeepAI"&gt; Open &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for Reading 🙏.&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Copyright Responsive footer using html and css?</title>
      <dc:creator>DeepAI</dc:creator>
      <pubDate>Wed, 03 Mar 2021 03:45:44 +0000</pubDate>
      <link>https://dev.to/deepai/how-i-made-responsive-footer-footer-using-html-and-css-3fci</link>
      <guid>https://dev.to/deepai/how-i-made-responsive-footer-footer-using-html-and-css-3fci</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction &lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In this post I am going to show you how I made footer using html and css. As you know footer is important section in web development and if footer looks 👌 well then our web development skills also improves.&lt;br&gt;
It really matters if you make good looking footers that is result of your web development skills.&lt;br&gt;
Read More:&lt;br&gt;
1) &lt;a href="https://dev.to/deepai/how-i-added-block-element-to-paragraph-1n82"&gt; How I added block element to paragraph? &lt;/a&gt;&lt;br&gt;
2)&lt;a href="https://dev.to/deepai/how-i-added-figure-caption-element-figcaption-1nc6"&gt; How I added figure caption element?&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So for that I am going to show you how you create good looking footer using html and css.&lt;br&gt;
Let's discuss what we can include in footer section &lt;br&gt;
1.In footer section we can add copyright information.&lt;/p&gt;

&lt;p&gt;2.In footer section we can contact information.&lt;/p&gt;

&lt;p&gt;3.In footer section we can add other pages links. &lt;/p&gt;

&lt;p&gt;4.We also include sitemap link.&lt;/p&gt;

&lt;p&gt;5.We can add subscriptions NEWSLETTER etc.&lt;/p&gt;

&lt;p&gt;For more details check out my blog &lt;a href="https://marathistandard.com/"&gt;Marathi Standard&lt;/a&gt;  and also my &lt;a href="https://social.msdn.microsoft.com/profile/mas2100/"&gt; MSDN Profile&lt;/a&gt;&lt;br&gt;
Now Its time to create footer section using html and css.&lt;br&gt;
For that check out code provided through codepen project. &lt;br&gt;
Below 👇 Is How I made responsive footer using html and css.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/DeepAI20/embed/yLVEYwG?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;This is how I made footer section using html and css.&lt;/p&gt;

&lt;p&gt;Hoping you 🙏 like this project. &lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How I added block element to paragraph ?</title>
      <dc:creator>DeepAI</dc:creator>
      <pubDate>Tue, 23 Feb 2021 03:56:29 +0000</pubDate>
      <link>https://dev.to/deepai/how-i-added-block-element-to-paragraph-1n82</link>
      <guid>https://dev.to/deepai/how-i-added-block-element-to-paragraph-1n82</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If looking for how to add block element in paragraph then this post will definitely help you.&lt;br&gt;
In this post I am going show you how you can exactly add block element in your paragraph.&lt;/p&gt;

&lt;p&gt;If you want to check out ✔ my blog post &lt;a href="https://socialconsole.org/%20"&gt;click here &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As you can see below 👇 screenshot of my blog post that how looks block element in paragraph.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--o99HT-xU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/MU9wG4U0jRPiLilyhlt3qKLcfm2Wxy7AcIAPWjweltgcM2EgQPdOqRHE8ZUUpYqr2dh2vLsGjuaq2PNcjJFyme8VNnll4IXr-RXeQX4rGQo5g6aE--CS843hxJcisNcHclZdW4WPgw%3Dw2400" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--o99HT-xU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/MU9wG4U0jRPiLilyhlt3qKLcfm2Wxy7AcIAPWjweltgcM2EgQPdOqRHE8ZUUpYqr2dh2vLsGjuaq2PNcjJFyme8VNnll4IXr-RXeQX4rGQo5g6aE--CS843hxJcisNcHclZdW4WPgw%3Dw2400" width="609" height="236"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now Let’s move forward how you can exactly add block element in your paragraph of projects.&lt;br&gt;
Below 👇 is examples of heading block element.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/DeepAI20/embed/ExNbYqN?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Below 👇 examples of heading and paragraph block element. &lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/DeepAI20/embed/oNYoNBq?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;As you can see above codepen projects that will give you overview how block element looks like. Also i changes background color.&lt;br&gt;
&lt;strong&gt;Read more&lt;/strong&gt;:&lt;a href="https://dev.to/deepai/how-i-made-responsive-footer-footer-using-html-and-css-3fci"&gt; Copyright responsive footer using HTML and CSS &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hoping you understand this block element.&lt;br&gt;&lt;br&gt;
Thank You ☺ &lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How I added figure caption element &lt;figcaption&gt; ?</title>
      <dc:creator>DeepAI</dc:creator>
      <pubDate>Fri, 19 Feb 2021 07:57:41 +0000</pubDate>
      <link>https://dev.to/deepai/how-i-added-figure-caption-element-figcaption-1nc6</link>
      <guid>https://dev.to/deepai/how-i-added-figure-caption-element-figcaption-1nc6</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;br&gt;
In this post I going to show you how you can exactly use figure caption element in your projects.&lt;br&gt;
Figure caption tag will help users to understand easily about your images in html documents.&lt;br&gt;
Below 👇 i added codepen project that will give insights about figure caption element.&lt;/p&gt;

&lt;p&gt;After that if you want to add css in figure caption as i added.&lt;br&gt;
So see How I added css and it looks very well.&lt;br&gt;
I also run a &lt;a href="https://www.howto2.in/"&gt; how to &lt;/a&gt; website and figure caption element is help me to make my figure pretty or good looking 🤔 &lt;br&gt;
Below 👇 figcaption look pretty&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/DeepAI20/embed/wvoeNLv?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;If you want make good looking your figure and image in your documents you can use this figure caption element. &lt;/p&gt;

&lt;p&gt;Hoping you like this 🙏 &lt;/p&gt;

</description>
      <category>html</category>
      <category>firstpost</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Different Ways to write css.</title>
      <dc:creator>DeepAI</dc:creator>
      <pubDate>Mon, 01 Feb 2021 08:43:39 +0000</pubDate>
      <link>https://dev.to/deepai/different-ways-to-write-css-4lc3</link>
      <guid>https://dev.to/deepai/different-ways-to-write-css-4lc3</guid>
      <description>&lt;p&gt;If you know some about html and css you may be encountered one thing that is without css it seems like body without muscles.its too ugly that's why I especially love css.&lt;br&gt;
I run &lt;a href="https://www.howto2.in/"&gt;blog &lt;/a&gt; website and use css.&lt;br&gt;
There is three different ways to write or code css&lt;br&gt;
1) Inline css&lt;br&gt;
2) Internal css&lt;br&gt;
3) external css&lt;br&gt;
You can use these css different ways to style your html documents. &lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
    </item>
  </channel>
</rss>
