t2780.sprite.png

<div>
Would I be able to just have them labeled instead of pictures? &nbsp;I needed female and male for gender (the form I sent)
</div>

<div>
So I have to have an image set to each of the fields, correct? &nbsp;It all depends on what image I have set them to? &nbsp;That's how I'm understanding it.
</div>

<div>
Thank you; however, I meant to &quot;hide&quot; the radio button. &nbsp;I was able to get the caption next to the buttons. &nbsp;Does it have to be an image in order to do this?
</div>

<div>
Use CSS from Julian Hansen to hide the button, namely: 

<pre><code class="code-1 nolinks" id="code-20-42360295-1">&lt;style&gt;
input[type=&quot;radio&quot;] {
 display: none;
}
&lt;/style&gt;
</code></pre>
see <a href="#a42355323" rel="ugc">#a42355323</a>
</div>

<div>
Thanks Olaf, 
 
I am just trying this solution. I am sure that it will work. I will write again after trying in case I get any problem. 
 
Regards 
Saxena
</div>

<div>
<blockquote>
Does it have to be an image in order to do this? 
</blockquote>
No it can be text but your original question was about if you could make it a picture instead of text so we seem to be going around in circles a bit. 
With reference to your opening question do you want to use pictures or not?
</div>

<div>
Hello Olaf, 
 
Following is my php. As you can see that I am using table so that I get the form in tabular format. Do you want me to add your code in place of &nbsp;&quot;.$_POST['grade'].&quot; ? 
Regards 
Saxena 
 
&lt;?php 
/** 
* Simple example script using PHPMailer with exceptions enabled 
* @package phpmailer 
* @version $Id$ 
*/ 
 
require 'class.phpmailer.php'; 
 
try { 
$mail = new PHPMailer(true); //New instance, with exceptions enabled 
 
$to = &quot;emailAddrss@domain.com&quot;; 
$mail-&gt;AddAddress($to); 
$mail-&gt;From = $_POST['email']; 
$mail-&gt;FromName = $_POST['name']; 
$mail-&gt;Subject = &quot;Contact Form&quot;; 
 
$body = &quot;&lt;table&gt; 
&lt;tr&gt; 
&lt;th colspan='2'&gt;Contact Form&lt;/th&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;Full Name:&lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['name'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;E-Mail:&lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['email'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;Mobile:&lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['mobile_number'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;Age:&lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['age'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;City: &lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['city'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;Select Method: &lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['method'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;tr&gt; 
&lt;td style='font-weight:bold'&gt;Grade of Baldness: &lt;/td&gt; 
&lt;td&gt;&quot;.$_POST['grade'].&quot;&lt;/td&gt; 
&lt;/tr&gt; 
 
&lt;table&gt;&quot;; 
 
$body = preg_replace('/\\\\/','', $body); //Strip backslashes 
$mail-&gt;MsgHTML($body); 
 
$mail-&gt;IsSMTP(); // tell the class to use SMTP 
$mail-&gt;SMTPAuth = true; // enable SMTP authentication 
$mail-&gt;Port = 25; // set the SMTP server port 
//$mail-&gt;Host = &quot;saxena@aspirehairrestoration.com&quot;; // SMTP server 
//$mail-&gt;Username = &quot;name@domain.com&quot;; // SMTP server username 
//$mail-&gt;Password = &quot;password&quot;; // SMTP server password 
 
$mail-&gt;IsSendmail(); // tell the class to use Sendmail 
$mail-&gt;AddReplyTo(&quot;saxena@aspirehairrestoration.com&quot;); 
$mail-&gt;AltBody = &quot;To view the message, please use an HTML compatible email viewer!&quot;; // optional, comment out and test 
$mail-&gt;WordWrap = 80; // set word wrap 
&nbsp; 
 
$mail-&gt;IsHTML(true); // send as HTML 
$mail-&gt;Send(); 
echo 'Thank You. Your form has been submitted. Please check your mail for details.'; 
} catch (phpmailerException $e) { 
echo $e-&gt;errorMessage(); 
} 
 
 
?&gt;
</div>

<div>
Thanks Olaf, 
 
Sorry for the delayed reply as I was little engaged with Julian, who really has helped me a lot. I tried the solution you gave me initially but I am not getting the images. My html and php is as follows: 
 

<pre><code class="code-10 nolinks" id="code-20-42363476-1">&lt;form name=&quot;contactForm&quot; action=&quot;php/email_handler.php&quot; method=&quot;POST&quot;&gt;
 &lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;th&gt;Grade of Baldness*:&lt;/th&gt;
&lt;td&gt;&lt;input id=&quot;bald&quot; class=&quot;form-control&quot; name=&quot;grade&quot; required type=&quot;radio&quot; value=&quot;2&quot; required/&gt;2&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_2.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; value=&quot;3&quot; required type=&quot;radio&quot;/&gt;3&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_3.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required type=&quot;radio&quot; value=&quot;4&quot;/&gt;4&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_4.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot; value=&quot;5&quot;/&gt;5&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_5.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot;value=&quot;6&quot;/&gt;6&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_6.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot; value=&quot;7&quot;/&gt;7&lt;img 

src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_7.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
 &lt;input class=&quot;button&quot; type=&quot;submit&quot; value=&quot;Calculate&quot; /&gt;
&lt;/form&gt;
&lt;?php 
echo &quot;grade:&quot;;
switch (isset($_POST['grade']) ? $_POST['grade'] : 'none')
{
 case '2':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_2.png&quot;&gt;');
 break;
 case '3':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_3.png&quot;&gt;');
 break;
 case '4':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_4.png&quot;&gt;');
 break;
 case '5':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_5.png&quot;&gt;');
 break;
 case '6':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_6.png&quot;&gt;');
 break;
 case '7':
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_7.png&quot;&gt;');
}
?&gt;
</code></pre>
</div>

<div>
Can you explain what you expected the script in your last post to do.
</div>

<div>
Hi Julian, 
 
If you remember my other question, in my form I have given value for each radio button and an image to display in the form. When the form is submitted, the radio button value comes to me. What I want is that the radio button value as well as the image that is assigned to that value, both should come to me.
</div>

<div>
Having the code of both form and form evaluation is ok, but is it really that way? Is that code email_handler.php? 
 
In my phpfiddle I showed you can use a switch to specify the image source for every case. In case the values are 2-7, why don't you simply use this as part of the image file name as is? 
 
Your code actually works as is, when I put it into phpfiddle: <a href="http://phpfiddle.org/lite/code/5r47-mf6i" rel="ugc">http://phpfiddle.org/lite/code/5r47-mf6i</a> 
The only thing I changed is the form action set to &quot;#&quot;, which in short means the same script creating the form evaluates the form submit. 
 
So I assume you only have split code in HTML form and the email_handler.php. Of course, the code creating the mail has to be in the script called by the action of the form. 
 
Besides that, as said you can simplify creating the image src without switch here: 
 

<pre><code class="code-1 nolinks" id="code-20-42365032-1">if (isset($_POST['grade']))
{
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_&quot;.$_POST['grade'].&quot;.png&quot;&gt;');
}
</code></pre>
 
It's recommended to check the submitted value range is really within expected and allowed image numbers, as anyone wanting to hack the server simply would submit anything else but 2-7, eg javascript code. For that matter, while it is very verbose, the switch statement really checks the values are correct and displays no image for any other submitted value than &quot;2&quot; to &quot;7&quot;. So you can stay with it, too. 
 
Perhaps just look into access log on your server to see what is called by the form action if you start with action=&quot;php/... vs starting with action=&quot;/php/... vs starting with action=&quot;~/php/... or action=&quot;./php... 
 
If you want to be sure what script is called use an absolute URL, it just makes it harder to test with localhost. 
 
Bye, Olaf.
</div>

<div>
Thanks Olaf, 
 
I will try your simplified code and get back. 
 
Bye, Saxena
</div>

<div>
I recommend that you sanitize the POST variables as well (process and filter the inputs to make them safe) to prevent an XSS attack.
</div>

<div>
Can you please teach me how to sanitize and filter. I am learning php from experts like you people. 
 
Regards 
Saxena
</div>

<div>
Could we do that in a separate question? It really is aseparate topic and deserves an onw entry in EEs knowledgebase. 
 
If you now have solved the problem of adding the selected image to a mail body, could you please close the question? Or clarify what's still not working and missing aside of the sanitizing user input? 
 
Bye, Olaf.
</div>

<div>
Hello Olaf, 
 
Sorry for delayed reply as I had some deadlines to meet. I tried your simplified solution. Following is my php: 
 

<pre><code class="code-1 nolinks" id="code-20-42368692-1">&lt;td&gt;if (isset($_POST['grade']))
{
 echo('&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_&quot;.$_POST['grade'].&quot;.png&quot;&gt;');
}&lt;/td&gt;
</code></pre>
 
But after submitting the form I am getting the following error. 
( ! ) Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) in C:\wamp64\www\calculator_form\php\email_handler_1.php on line 67 
 
Line 67 is the one that I have written above. 
 
Regards 
Saxena
</div>

<div>
You mix HTML and PHP without using the &lt;?php and ?&gt; tags to mark what is PHP. Also look back to post ID <a href="https://www.experts-exchange.com/questions/29066554/How-to-use-image-as-value-for-radio-button.html?anchor=a42367934&notificationFollowed=200240456&anchorAnswerId=42362842#a42362842" rel="ugc">42362842</a> in the last code section of it, I changed my echo code to your already existing assignment code to $body. This requires no echo but string concatenation. 
 
The echo is just there to demonstrate the img tag rendered in the browser, you want it in your email, thus you want it in your $body variable. 
 
It's really just a small step to change from echo to string concatenation, it's like here: 
 

<pre><code class="code-1 nolinks" id="code-20-42368939-1">&lt;p&gt;&lt;?php echo $someexpression; ?&gt;&lt;/p&gt;
</code></pre>
vs 

<pre><code class="code-1 nolinks" id="code-20-42368939-2">&lt;?php
...
$paragraph= &quot;&lt;p&gt;&quot;.$someexpression.&quot;&lt;/p&gt;&quot;;
...
?&gt;
</code></pre>
And then at some point echo the $paragraph variable or use it as a parameter of eg the $mail-&gt;MsgHTML() setter. 
 
You're working on something I already did for you earlier. You've got to get a bit of understanding on how things relate, you're more like copy&amp;pasting things until they work. Any echo always just goes to the output arriving at a browser, to get that output into a variable you use dot (string concatenation) to other string parts to add it together and in the end assign that string to the $body variable used in the mail, instead of echoing it. So echo can't be part of the solution 1:1, can it? 
 
As you have a hard time making these observations and conclusions, you lack a serious skill to program anything, even if it's taught to you in baby steps. I'll try once more here: 
 
Yyou have something like this in your current mail generating code: 

<pre><code class="code-1 nolinks" id="code-20-42368939-3">$body = &quot;&lt;table&gt;
&lt;tr&gt;...
</code></pre>
 
This is where it all start, it goes on for many lines and ends in 
 

<pre><code class="code-1 nolinks" id="code-20-42368939-4">...&lt;table&gt;&quot;;
</code></pre>
 
All these lines in the editor are one line of PHP code, it's an assignment of a string value to $body via the = operator. You can't have an echo inside an assignment. 
 
You want the image (&lt;img&gt;) tag to go in there to become part of $body and get into the mail HTML body. 
 
What you have in there is lines like this: 

<pre><code class="code-1 nolinks" id="code-20-42368939-5">&lt;td&gt;&quot;.$_POST['age'].&quot;&lt;/td&gt;
</code></pre>
 
They just end up as a td (table data tag) containing some simple text or number, in the case of the age. 
Putting in this 

<pre><code class="code-1 nolinks" id="code-20-42368939-6">&lt;td&gt;&quot;.$_POST['grade'].&quot;&lt;/td&gt;
</code></pre>
You would just get the grade number in your mail. You want more this time, you want that grade number as just the last part of your image file name or URL, which in itself also is just the value of the src attribute of an image tag. 
 
So what you need there is, as I already gave back 4 days ago: 
 

<pre><code class="code-1 nolinks" id="code-20-42368939-7">&lt;td&gt;&lt;img src='/yourimagesdirectory/&quot;.$_POST['gender'].&quot;.jpg'&gt;&lt;/td&gt;
</code></pre>
And since you now posted your image URLs in your sample code, this more concretly is: 
 
 

<pre><code class="code-1 nolinks" id="code-20-42368939-8">&lt;td&gt;&lt;img src='http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_&quot;.$_POST['grade'].&quot;.png'&gt;&lt;/td&gt;
</code></pre>
 
Now if that still doesn't work, you most likely miss your HTML form having the necessary radio input tags named &quot;grade&quot; and so $_POST['grade'] is not set. 
 
Bye, Olaf.
</div>

<div>
The closing and starting double quotes should've been single quotes to encapsulate the string. 
 
Next, the PHP tag should be there if it is being mixed in with HTML. 
 
Optional syntax: 

<blockquote>
echo is not actually a function (it is a language construct), so you are not required to use parentheses with it.
</blockquote>
<a href="http://php.net/manual/en/function.echo.php" rel="ugc">http://php.net/manual/en/function.echo.php</a> 
 
 
Fixed code: 

<pre><code class="code-1 nolinks" id="code-20-42369465-1">&lt;td&gt;
&lt;?php 
if (isset($_POST['grade']))
{
 echo '&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_'.$_POST['grade'].'.png&quot;&gt;';
}
?&gt;
&lt;/td&gt;
</code></pre>
 
Don't forget to sanitize those inputs to avoid a XSS attack.
</div>

<div>
Hello Olaf, 
 
After suggestions from Julian, following is my final php. 
 

<pre><code class="code-10 nolinks" id="code-20-42370146-1">$mail-&gt;From = $from;
 $mail-&gt;FromName = 'Aspire';
 $mail-&gt;Subject = &quot;Cost Calculator Form&quot;;
 
 // WE EXTRACT THE FORM VARIABLES TO SAFE VERSIONS 
 $name = isset($_POST['name']) ? $_POST['name'] : '(no name specified)';
 $email = isset($_POST['email']) ? $_POST['email'] : false;
 $mobile = isset($_POST['mobile_number']) ? $_POST['mobile_number'] : '(no mobile specified)';
 $age = isset($_POST['age']) ? $_POST['age'] : '(no age specified)';
 $city = isset($_POST['city']) ? $_POST['city'] : '(no city specified)';
 $method = isset($_POST['method']) ? $_POST['method'] : '(no method specified)';
 $grade = isset($_POST['grade']) ? $_POST['grade'] : 0;

 // SET UP THE FORM USING HEREDOC
 $body = &lt;&lt;&lt; HTML
&lt;table&gt;
 &lt;tr&gt;
 &lt;th colspan='2'&gt;Contact Form&lt;/th&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;Full Name:&lt;/td&gt;
 &lt;td&gt;{$name}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;E-Mail:&lt;/td&gt;
 &lt;td&gt;{$email}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;Mobile:&lt;/td&gt;
 &lt;td&gt;{$mobile}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;Age:&lt;/td&gt;
 &lt;td&gt;{$age}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;City: &lt;/td&gt;
 &lt;td&gt;{$city}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;Select Method:&lt;/td&gt;
 &lt;td&gt;{$method}&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style='font-weight:bold'&gt;Grade of Baldness:&lt;/td&gt;
 &lt;td&gt;{$grade}&lt;/td&gt;
 &lt;/tr&gt;
&lt;table&gt;
HTML;
</code></pre>
 
And this is my html: 
 

<pre><code class="code-1 nolinks" id="code-20-42370146-2">&lt;tr&gt;
&lt;th&gt;Grade of Baldness*:&lt;/th&gt;
&lt;td&gt;&lt;input id=&quot;bald&quot; class=&quot;form-control&quot; name=&quot;grade&quot; required type=&quot;radio&quot; value=&quot;2&quot; required/&gt;2&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2011/09/grade_2.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; value=&quot;3&quot; required type=&quot;radio&quot;/&gt;3&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_3.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required type=&quot;radio&quot; value=&quot;4&quot;/&gt;4&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_4.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot; value=&quot;5&quot;/&gt;5&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_5.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot;value=&quot;6&quot;/&gt;6&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_6.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;td&gt;&lt;input class=&quot;form-control&quot; name=&quot;grade&quot; required=&quot;&quot; type=&quot;radio&quot; value=&quot;7&quot;/&gt;7&lt;img src=&quot;http://www.aspirehairrestoration.com/wp-content/uploads/2017/11/grade_7.png&quot; alt=&quot;no image&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>
 
I already tried the solution you have given above but received the error message I already posted yesterday. Please tell me what wrong I am doing. 
 
Regards 
Saxena
</div>

<div>
Did you really try my newest posted $body assignment? Not the echo variant. My post I referred to seems deleted, I don't know why. 
 
Stay with Julians HEREDOC solution, it's fine. 
 
Notice I made phpfiddle samples, which run on that site and I think you can't send mail from there (that would allow the site to be misused), so the option I had to demo how to put together an img tag string and to echo it, so the browser shows it. The only interesting part ever was after &quot;echo&quot;, the expression creating the img tag you need in your mail. 
 
Bye, Olaf.
</div>

<div>
The single quote comment made earlier by me wasn't a suggestion but rather a correction of Olaf's previous code that threw the error (missing single quotes).
</div>

<div>
The OP question was initially solved by Julian (working sample), Olaf, and Dave; then, auxiliary questions seemed to arise from the thread regarding security and syntax. In light of this, I propose this split.
</div>

<div>
<div class="content wysiwyg-content">
I have created a form in html and images with radio button. For example in gender=&gt;Male, instead of writing word Male, I have used a small male picture. I want this male picture to go in email when the user submits the form. I don't know if this can be done in php. Secondly I am a novice in php. 
 
Please help me and all the thanks in advance. 
 
Regards 
Saxena
</div>
</div>

I have created a form in html and images with radio button. For example in gender=>Male, instead of writing word Male, I have used a small male picture. I want this male picture to go in email when the user submits the form. I don't know if this can be done in php. Secondly I am a novice in php. 

Please help me and all the thanks in advance.

Regards
Saxena

How to use image as value for radio button

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Photo and imaging software is used to edit and compose raster images; Adobe Photoshop, which dominates the market, has its own topic. Common actions include cropping, slicing, retouching, color replacement, masking and erasing. Other programs include Apple Photo, Corel PaintShop Pro, GIMP, Serif PhotoPlus, Pixlr, PhotoScape, Picasa and IrfanView.

Images and Photos

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

A regular expression ("regex") is a sequence of characters that define a search pattern, mainly for use in pattern matching with strings, or string matching, i.e. "find and replace"-like operations. Regular expression processors are found in several search engines, search and replace dialogs of several word processors and text editors, and in the command lines of text processing utilities, such as sed and AWK. Many programming languages provide regular expression capabilities, some built-in, for example Perl, JavaScript, Ruby, AWK, and Tcl, and others via a standard library, for example .NET languages, Java, Python and C++ (since C++11). Most other languages offer regular expressions via a library.