HTML Email Template Tutorial - Start to Finish with HTML & CSS

Поделиться
HTML-код
  • Опубликовано: 23 дек 2024

Комментарии • 46

  • @w3newbie
    @w3newbie  11 месяцев назад

    Hey guys, I've just released my completely new and updated "HTML Email Mastery Course" for 2024 with the latest HTML Email concepts. I'm excited to release it, this is the best course I've ever made. Check it out here:
    ➢ w3newbie.com/email-course/ (coupon link for Udemy)

  • @w3newbie
    @w3newbie  3 года назад +4

    I'm excited to release a new video! Hopefully soon I'll be able to release new Bootstrap 5 videos and courses... once they have a stable release out (without beta, but for now I'll be doing a few HTML email videos. :)

    • @Asia_Bangladesh
      @Asia_Bangladesh 3 года назад

      Hello iam 14 yers old and iam pro app devloper

    • @viralworld955
      @viralworld955 3 года назад

      Sir no bootstrap please just go with the flow and upload more videos on html, css and Javascript.

  • @jmjakaria9172
    @jmjakaria9172 3 года назад +1

    I love your channel.
    I downloaded all email template related videos, and learn.
    I prefer your channel 😉.

  • @n.n.1279
    @n.n.1279 3 года назад +1

    Fantastic job! Thank you so much!
    In my tests I saw that Gmail doesn't like in the header so you have to write the styles inline.

    • @w3newbie
      @w3newbie  3 года назад

      Thanks for watching! Please see the end of the tutorial where we use and inliner tool.

    • @n.n.1279
      @n.n.1279 3 года назад

      @@w3newbie Dear Drew! I am sorry, I forgot to mention that other Email systems like Yahoo and my private Email server (using Thunderbird) use the section correctly. For me Gmail was the only one that did not do so.
      By the way I just subscribed to your Udemy course :-)

  • @agrayce
    @agrayce Год назад

    at 30:51 it says when we change the to

  • @tisferry8205
    @tisferry8205 3 года назад +3

    I love your tutorials!

  • @viralworld955
    @viralworld955 3 года назад +1

    Sir, i really love you! You are just amazing.

  • @w3newbie
    @w3newbie  3 года назад +2

    Hey guys, do to the success of some of the HTML Email videos on this channel, I have also made a new channel that will only be HTML Email and Email Marketing content. If you wish to check it out and subscriber, here is a link :) ruclips.net/channel/UCZWoe3ezD_dZTZgQnDyBgFQ

  • @adrian3355w
    @adrian3355w 3 года назад +1

    This is so awesome. I bought your Udemy course, thanks for teaching

  • @mounir101
    @mounir101 3 года назад +2

    Thank you so much for this awesome work, it's a very helpful video.

    • @w3newbie
      @w3newbie  3 года назад +1

      Glad it was helpful! Thanks for watching.

  • @alexenzo09
    @alexenzo09 Год назад

    Does this work in Outlook?

  • @juliabrouwer1284
    @juliabrouwer1284 3 года назад +1

    Hi, I don't know if you will see this or answer but can you clarify why did you use the XHTML 1.0 transitional? I just graduated and I was not taught about this at all.

    • @w3newbie
      @w3newbie  3 года назад

      This is the recommended doctype by most ESPs and Litmus/Email on Acid still though in website development we use HTML5. Here is an article I posted on it: responsivehtmlemail.com/html-email-doctype/

  • @tonytony-fc6gq
    @tonytony-fc6gq 3 года назад +3

    Thank you very much, I already have your udemy course it helped alot, finishing up my portfolio for html email jobs, is there a reason you dont use divs ??

    • @w3newbie
      @w3newbie  3 года назад +3

      Hi Tony, thanks for taking the email course! For best compatibility among email clients tables are still the best option with conditional statements for Outlook as you saw in the course. For some recent clients divs may be acceptable but you need to design with the worse compatibility in mind (Outlook 2007 for example).

    • @viralworld955
      @viralworld955 3 года назад

      Hi, are you working?

  • @how_much_you_can_find_out
    @how_much_you_can_find_out 2 года назад

    Please what tester did you use

    • @w3newbie
      @w3newbie  2 года назад

      Hello, it's late in the video and called Litmus Putsmail.

  • @how_much_you_can_find_out
    @how_much_you_can_find_out 2 года назад +2

    Am stuck at
    .two-columns last

    • @w3newbie
      @w3newbie  2 года назад

      Sorry not enough info to help with this, as long as the code is the same as the video it will work.

    • @agrayce
      @agrayce Год назад

      seems like this section " two-columns.last" should be the proper class title. example: it's hard to see in his example because his "." is in purple and is typing on darkmode background.

  • @nktmrie
    @nktmrie Год назад

    Is this type of coding also applicaple to Dreamweaver?

  • @mounicasykam2427
    @mounicasykam2427 3 года назад

    Hi, I an building an HTMlL email template and have couple of rendering issues in Outlook and Gmail, Can you please help me to resolve those issues.

  • @slence7974
    @slence7974 3 года назад +1

    What is the name of the extension you used ?

    • @w3newbie
      @w3newbie  3 года назад

      This is Live Server in VS Code. I have a lesson on it and links to the extensions here: w3newbie.com/resources/

    • @slence7974
      @slence7974 3 года назад

      @@w3newbie ok thanks for the quick response.

    • @vaniad555
      @vaniad555 3 года назад

      mdb publishes and hosts your html template for free, live server to deployment.

  • @alithenu
    @alithenu 3 года назад

    Can we use bootstrap for email template?

  • @keziakurien
    @keziakurien 3 года назад

    Hi can we use this with out look

  • @arfanwahlah2098
    @arfanwahlah2098 3 года назад

    Hi, It's a great video but I have a question that why do you use some styles inline and some embedded? Can't we use all styles embedded styled? If not then why is it so?

  • @jamshidkarimov1021
    @jamshidkarimov1021 3 года назад

    we can't use even h1-h6 tags? you've used p tag instead of heading tags

  • @MdMasudRana21
    @MdMasudRana21 2 года назад +1

    Sir, Please make some video about HTML email signature

  • @sadiqali3593
    @sadiqali3593 2 года назад

    Thank you so much.

  • @metathought
    @metathought 3 года назад

    it will not work on Outlook.

    • @w3newbie
      @w3newbie  3 года назад

      Correct, that requires (mso) conditional statements as mentioned in the lesson. I've covered this is the course referenced though.

    • @metathought
      @metathought 3 года назад

      @@w3newbie I already bought course. I can't see the result

  • @viralworld955
    @viralworld955 3 года назад

    Can some rich person buy me this course, I am a student I love learning but unfortunately I am poor so I don't have access to such premium courses 😢

    • @vaniad555
      @vaniad555 3 года назад

      ruclips.net/video/sSNnixkKqcA/видео.html