Send html newsletter with css [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
how to create a html newsletter
if i have a page
<html>
<body>
<h1 style="color: red; background:yellow">hello world</h1>
</body>
</html>
how can I send this by email? If i paste on my email, it only show text with all tag.
I mean sending the newsletter, like others company's newsletter

Do you means sending emails in html.
If it is right,I hope here is what you want
<!DOCTYPE html>
<html>
<body>
<p>
This is an email link:
<a href="mailto:someone#example.com?Subject=Hello%20again" target="_top">
Send Mail</a>
</p>
<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
</p>
</body>
</html>
Or Do you want to send html page in email.
you can find at https://support.google.com/mail/answer/6584?hl=en
if you are using gmail.

If you mean manual copy/paste directly into rich-text email - don't copy/paste HTML source. View the content in browser (where colors and backgrounds actually show) and copy/paste that rendered content.

Related

How do I change a text after clicking an image in html? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 days ago.
Improve this question
Code I think
the door + text
the door changes into a open door after clicking it but is there a way for the 'woah' to change into for example 'text2' after clicking the closed door??
I'm new to html so I don't know much
someone told me to use document.getElementById but didn't give me any more information and I do not know where to put in the id
You can achieve what you want with basic Javascript, but if you don't know it yet, consider finding some good tutorial to get started.
The code you're looking for is something like
<!doctype html>
<html>
<head>
<title>Update Image and Text</title>
<!-- Define your function here -->
<script>
function updateImageAndText() {
//Update image url
document.getElementById("image").src = "https://via.placeholder.com/150/FFFF00/000000?text=open+door";
//Update paragraph text
document.getElementById("text").innerText = "New text";
}
</script>
</head>
<body>
<img id="image" src="https://via.placeholder.com/150/FFFF00/000000?text=closed+door" onclick="updateImageAndText()" />
<!-- Call your function here -->
<p id="text">Initial Text</p>
</body>
</html>

Why is my image not popping up using the code <img> using HTML? [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed last month.
Improve this question
The code was just a practice for my html study and the image is not popping up like i want it to i want to know why.
<!DOCTYPE html>
<body>
<p>
<h1> This is ur mom texting </h1>
<p>hello human of the world this is your mom and i disapoprove of you all</p>
this the link
<p>
<img src="f7e55d6f07a6f29a827017134ccc6321.jpg" alt=https://www.google.com width"100" height"100" >
</p>
</body>
Use this instead
<img src="f7e55d6f07a6f29a827017134ccc6321.jpg" alt="https://www.google.com" width="100" height="100" >
Yhe syntax of an attribute is as follows
attributeName="value"
Note the " and the =
src must lead to an image, not just the name of the image
you have to give the link to the image depending on where the HTML file is located
So I supposed that your image is in the same place as the HTML file

Purpose of the <head> and <body> tags [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to know what is the purpose of head and body tag.
Like when i use <title> tag in <body> section ,i got the same thing and when i use <p> tag in <head> section ,that i got the same thing which i used to get in <body> section,So what is concept to define a body or head section.
Or It is only understanding that this kind of tag will use in body section and these tag will be used in head section.
It will be better if you can provide me concept document too for this.
As per the MDN on <head>:
The HTML <head> element represents a collection of metadata about the
document, including links to or definitions of scripts and style
sheets.
What this is basically saying is that everything that goes in the <head> tag is not seen by the user (basically), but is used to include relevant information and dynamic content that is processed by the browser.
About the <body> tag:
The HTML <body> element represents the content of an HTML document.
There is only one <body> element in a document.
This means that everything that the user sees on the page goes in the <body> tag (basically), and that there is only one.
Do some research yourself, and see what else you can find!
The head tag is basically used to bring in necessary CSS and JS as well as define some meta information about the page. Items in the body tag are generally what is actually rendered.
There is a lot more to it, but that is the difference in its most basic form. You don't want to be using the title tag in the body. Any sort of semantic piece that is used to render the page should be in the body.

Why isn't this Facebook Plugin working? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
JSFIDDLE: http://jsfiddle.net/t9h6W/
<body style="margin:0 0 0 0;background-color: #f4f4f4;">
<div>
The JSFiddle has all the code.
</div>
</body
Everything seems to be fine, I don't understand why the Facebook Social Plugin isn't working? More-so, how would i reposition the social plug in inside the login form that I have present on the page? No Idea why it isn't working :/
It says,
Invalid App Id: Must be a number or numeric string representing the application id.
Open your browser console and you will see Javascript error.
To reposition the FB login button, you can place the code inside a div and control the div to position the box.
ie., put the fb embed code inside a div like this,
<div class="fb-login">
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>
</div>
Now you can apply style to 'fb-login' class to position the fb button.

How do I set text color? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
Title explains it all, please note I would just Google this but for some reason my computer is having a hard time connecting to the internet at the moment, so I had to write this on my phone with really awful web formatting.
EDIT: On a real computer now, to clarify I needed to set the text color of a string in an HTML document, preferably through CSS. Just something simple, like this:
<!DOCTYPE html>
<body>
The word <whatever styling here...>RED<end styling...> should be red!
</body>
I wasn't able to try much at the time I posted this, since my computer was having internet trouble, so I didn't really know what to do.
Try this
<span style="color: yourColor">your text</span>
<p style="color:red;">pizza</p>
in html
p{
color:red;
}
like that in css
for an inline style
<p style="color: blue"> text here </p>
if you want css with classes / ids ect..
put this in css file or in a script tag on your page:
.textColor
{
color: blue;
}
then add the class to the element
<p class="textColor"> text here </p>
<p class="attention"></p> in your html
.attention{
color:red;
}
in your css file, eg. my_styles.css which you include in the HEAD of your html, e.g.
<head>
<link rel="stylesheet" type="text/css" href="my_styles.css">
</head>
The above is if attention will appear more than once.
If it will never appear more than once you can use an id instead of a class, e.g.
<p id="attention"></p> in your html and
#attention{
color:red;
}
in your css file
You can use this
<font color='red' >your text here</font>
By this you can set the desired color for us text . You can also use the hexadecimal format here .