Learning Inline HTML

  • (3 Pages)
  • +
  • 1
  • 2
  • 3

33 Replies - 1873 Views - Last Post: 17 June 2013 - 08:23 PM

#16 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 06 June 2013 - 04:59 PM

I don't see my last post...when I was learning html, it helped me to look at source codes from other websites that I liked. It helped me to learn about others coding and different advantages, codes I didn't know...

View Postandrewsw, on 06 June 2013 - 06:49 PM, said:

I don't understand your question (someone else might) but this page gives an introduction to the subject of html-emails if it is useful to you.



Good resource! I found that site yesterday or day before. I am not allowed to use a company, but they did have very good information, suggestions and other resources.

So what I meant was, when you get an email with a newsletter and you click on it and it takes you to an online newsletter the coding on the online newsletter and the coding behind the email would be different?

My next question is how does an email support the images? Do I post those on my main website account, the one supports my online portfolio? I don't understand how it's going to keep the images with the newsletter.
Was This Post Helpful? 0
  • +
  • -

#17 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 06 June 2013 - 05:06 PM

View Postandrewsw, on 06 June 2013 - 06:26 PM, said:

You don't test html-emails in browsers, you test them in email-clients: Gmail, Yahoo, Outlook.

If you want to include images then they need to be hosted at a web site:

<img src="http://somesite.com/images/mine.gif">

(bearing in mind that different clients may block images).

I would get it working without images first.


Very good advice without the images and I now understand everything a little better. I'll have to see if my gmail account it still open, I'll have to recreate a Yahoo account I think they closed my account...Thanks for being patient! I wasn't thinking along those lines and I good info on hosting the images, I have a couple of sites to work with and so appreciate the knowledge given!
Was This Post Helpful? 0
  • +
  • -

#18 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 06 June 2013 - 05:27 PM

okay, I'm going to have to go for a while. My family is opening up an art gallery/welding fab shop and all the big art shows are starting tomorrow. I have to finish logo's, business cards and post cards get those printed and get back on this. I did look at Campaign Monitor (website) and they had a free download template and the code looks like regular html to me but my confusion is it looked like it had embedded html? with .'s and # marks. So I'm questioning the code.
Was This Post Helpful? 0
  • +
  • -

#19 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,848
  • Joined: 30-April 10

Re: Learning Inline HTML

Posted 06 June 2013 - 08:48 PM

View Postcharyl, on 06 June 2013 - 11:34 PM, said:

when you click on an email it takes you to either a website or the advertisement, wouldn't a lot of the code already be on the page it goes to? Or is publishing the site from an email will have different code than the site and how it appears online? I know that might sound silly to you.


If I am reading this right, you are asking if the code in the email matches a site you would be directed to on click in an email.

The best way to explain this is, think of a simple html document with inline css as the email and the click takes you to a fully formed page. This page may have the same design but would be properly constructed as an entire html page including a head body and so on.

As mentioned the email version will need inline css instead of an external stylesheet, needs images hosted on a site, no javascript or clientside scripting and some other restrictions.

So the site that you would be directed to would not be a clone of the email or vise versa.
Was This Post Helpful? 1
  • +
  • -

#20 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 06:34 PM

Thank you for taking the time to explain, it is very helpful!
Was This Post Helpful? 0
  • +
  • -

#21 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 06:39 PM

Please tell me I'm overthinking this! Here is a very small portion of code that I believe would be inline css. From what I've read you cannot do div's?, classes? you must do it individually for everytime it changes? Is that correct? Also talk about eloquence and layout (organizing) what would this small clipit look like? I realize it's small at this point but I'm praying it should be less work and I'm not understanding.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Newsletter</title>
<meta charset="utf-8">
</head>
<body>


<p><span style="color: #646f9a; strong; font-size: 24px; font-family: 

Helvetica">Market Myths</span> </span>

<br><span style="color: #707764; font-weight:bold; font-size: 14px; ">Greg 

House,</span> <span style="color: #707764; font-size: 14px;">Fortune, senior 

editor at large</span></span></br></p>

</body>
</html>

Was This Post Helpful? 0
  • +
  • -

#22 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3360
  • View blog
  • Posts: 11,397
  • Joined: 12-December 12

Re: Learning Inline HTML

Posted 08 June 2013 - 06:55 PM

strong; shouldn't be in the middle of your style attribute.

You also have mis-matched span tags: each opening span tag should have a closing tag, and tags should not overlap.

As I recall, we have provided links to sites where you can test html-emails.

Added: I do not know whether this works with html-emails, but you could add an inline style to the body-tag which would be inherited by all child-elements. If this works it would reduce the number of inline style-rules that you would need.

This post has been edited by andrewsw: 08 June 2013 - 06:56 PM

Was This Post Helpful? 1
  • +
  • -

#23 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 06:57 PM

I am looking at some sites now, but they only give small clips of code, but I don't have all of them open yet, just inch worming along. thanks for the good eye on the overlapping span codes, I was questioning if I could do that, althoug it looks ok as an html, I know sometimes that is very deceitful. and did not realize I could not close 2 at a time. But, I'm not understanding how I would make two words bold text? could you show me? When I view the html online it does what it's suppose to?

This post has been edited by charyl: 08 June 2013 - 06:59 PM

Was This Post Helpful? 0
  • +
  • -

#24 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3360
  • View blog
  • Posts: 11,397
  • Joined: 12-December 12

Re: Learning Inline HTML

Posted 08 June 2013 - 07:05 PM

Quote

did not realize I could not close 2 at a time.

You can close two at a time, but only if they are correctly nested:

<span>Here we go <span>again</span></span>

It is slightly unusual to see nested spans, but it is not wrong.

I would assume that the b-tag is allowed in html-emails to make text bold. Otherwise, you would use the font-weight css-property.
Was This Post Helpful? 1
  • +
  • -

#25 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 07:09 PM

What about this? for the bold? Don't know if I'm trying to hard?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Newsletter</title>
<meta charset="utf-8">
</head>
<body>


<p><b><span style="color: #646f9a; font-size: 24px; font-family: 

Helvetica">Market Myths</span></b>

<br><span style="color: #707764; font-weight:bold; font-size: 14px; ">Greg 

House,</span> <span style="color: #707764; font-size: 14px;">Fortune, senior 

editor at large</span></br></p>


<p><span style="color: #707764; font-weight:bold; font-size: 16px; ">What have we 

learned from the crash?</span><span style="color: #707764; font-size: 14px;"> 

Nothing lasts forever. Even bear markets. And one of the key indicators of this 

year's Fortune 500 - the companies' stock market value - is absolutely shouting. 

It's telling us that nothing is forever, and that people, businesses, and 

governments can no longer depend on rising financial markets to bail them 

out.</span></br></p><span style="color: #646f9a; font-size: 16px;">
MORE MYTHS <b>SHATTERED</b>

</body>
</html>


Was This Post Helpful? 0
  • +
  • -

#26 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3360
  • View blog
  • Posts: 11,397
  • Joined: 12-December 12

Re: Learning Inline HTML

Posted 08 June 2013 - 07:29 PM

BR tags do not have a closing tag.

Rather than using BR tags in the way that you are, use P tags and apply an inline style if you want a bigger gap between them.

You have a SPAN directly inside a B tag. Instead of doing this just add an inline style-rule (to the SPAN) using font-weight. (You would use B tags for a few words within a span, or other element, not for the entire span.)

I think you should take some time out to study the basics of HTML and CSS. There are probably tutorials here @DIC.

htmldog

This post has been edited by andrewsw: 08 June 2013 - 07:32 PM

Was This Post Helpful? 1
  • +
  • -

#27 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 08:01 PM

Good advice. I'll go there now, thanks for the input, I always learn a great deal here.
Was This Post Helpful? 0
  • +
  • -

#28 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 08:08 PM

Here's another question that probably seems so very simple to you guys, I have actually never tried to email an html that's suppose to pop up in an email? Do I add some kind of web kit? and how do I actually load that into my email to email it to myself? Or how would I google/bing for reference? you are actually teaching terminology as well as helping with research and develop.
Was This Post Helpful? 0
  • +
  • -

#29 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3360
  • View blog
  • Posts: 11,397
  • Joined: 12-December 12

Re: Learning Inline HTML

Posted 08 June 2013 - 08:48 PM

View Postcharyl, on 09 June 2013 - 03:08 AM, said:

Here's another question that probably seems so very simple to you guys, I have actually never tried to email an html that's suppose to pop up in an email? Do I add some kind of web kit? and how do I actually load that into my email to email it to myself? Or how would I google/bing for reference? you are actually teaching terminology as well as helping with research and develop.

I don't understand the questions you are asking here. Just, please, explain in plain English what you want to do.

However, you keep leaping ahead. You need to create, test and send a simple html-email before you can do anything else.

This post has been edited by andrewsw: 08 June 2013 - 08:50 PM

Was This Post Helpful? 1
  • +
  • -

#30 charyl  Icon User is offline

  • D.I.C Regular

Reputation: 4
  • View blog
  • Posts: 324
  • Joined: 29-June 11

Re: Learning Inline HTML

Posted 08 June 2013 - 09:46 PM

View Postandrewsw, on 08 June 2013 - 10:48 PM, said:

View Postcharyl, on 09 June 2013 - 03:08 AM, said:

Here's another question that probably seems so very simple to you guys, I have actually never tried to email an html that's suppose to pop up in an email? Do I add some kind of web kit? and how do I actually load that into my email to email it to myself? Or how would I google/bing for reference? you are actually teaching terminology as well as helping with research and develop.

I don't understand the questions you are asking here. Just, please, explain in plain English what you want to do.

However, you keep leaping ahead. You need to create, test and send a simple html-email before you can do anything else.



Thank you so much This site has always been a blessing! knowledge from others has been the greatest for not just myself but so many others, so thank you!

My question is, I tried to upload the small amount of code to my email to see what I could see, experiment..I realized I didn't know what to do. I uploaded the html that I had created, but it didn't show as a newsletter yet. Like when you open your email and there it is in the main content...how do I find information or what words would I use? when you open an email you see this advertisement with color and words and you pass your cursor over it and it connects to an online html. What is this called? You open your email and there it is? Hope that's not too confusing, funny the things you just take for granted and not realize the work, knowledge and sacrifices involved.
Was This Post Helpful? 0
  • +
  • -

  • (3 Pages)
  • +
  • 1
  • 2
  • 3