# QRMarkupHTML — PHP-QRCode main Manual

# QRMarkupHTML

Class `QRMarkupHTML`: HTML output

This class is a cheap markup substitute for when SVG is not available or not an option (which was an issue before ca 2012). As a general rule: if you plan to display the QR Code in a web browser, you should be using the SVG output.

## Example

See: HTML example

Set the options:

    $options = new QROptions;

    $options->outputInterface = QRMarkupHTML::class;
    $options->cssClass        = 'qrcode';
    $options->moduleValues    = [
    	// finder
    	QRMatrix::M_FINDER_DARK    => '#A71111', // dark (true)
    	QRMatrix::M_FINDER_DOT     => '#A71111', // finder dot, dark (true)
    	QRMatrix::M_FINDER         => '#FFBFBF', // light (false)
    	// alignment
    	QRMatrix::M_ALIGNMENT_DARK => '#A70364',
    	QRMatrix::M_ALIGNMENT      => '#FFC9C9',
    ];

Output in a HTML document (via PHP):

    <?php

    $data = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
    $out  = (new QRCode($options))->render($data);

    header('Content-type: text/html');

    ?>
    <!DOCTYPE html>
    <html lang="none">
    <head>
    	<meta charset="UTF-8"/>
    	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    	<title>QRCode HTML Example</title>
    	<style>
    		div.qrcode{
    			margin: 1em;
    		}

    		/* rows */
    		div.qrcode > div {
    			height: 10px;
    		}

    		/* modules */
    		div.qrcode > div > span {
    			display: inline-block;
    			width: 10px;
    			height: 10px;
    		}
    	</style>
    </head>
    <body>
    <!-- php poutput -->
    <?php echo $out; ?>
    </body>
    </html>

## Additional methods

method | return | description
--- | --- | ---
(protected) `createMarkup(bool $saveToFile)` | `string` | Returns the fully parsed and rendered markup string for the given input
(protected) `getCssClass(int $M_TYPE = 0)` | `string` | Returns a string with all css classes for the current element

## Options that affect this module

property | type
--- | ---
`$cssClass` | `string`
`$eol` | `string`

### Options that have no effect

property | reason
--- | ---
`$bgColor` | via CSS
`$circleRadius` | N/A
`$connectPaths` | N/A
`$drawCircularModules` | N/A
`$drawLightModules` | N/A
`$excludeFromConnect` | N/A
`$imageTransparent` | N/A
`$keepAsSquare` | N/A
`$outputBase64` | N/A
`$returnResource` | N/A
`$scale` | via CSS