Code Snippets

HTML Snippets

Base Structure

HTML Document

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <!-- content -->
</body>
</html>

Meta Charset

<meta charset="UTF-8">

Link Favicon

<link rel="icon" href="favicon.ico" type="image/x-icon">

HTML Comment

<!-- This is a comment -->

HTML Styles

Inline Style

<p style="color: red;">Text</p>

Internal Style

<style>
    p { color: blue; }
</style>

External Style Link

<link rel="stylesheet" href="styles.css">

Class Attribute

<p class="highlight">Text</p>

HTML in PHP

Echo HTML

<?php echo '<p>Hello</p>'; ?>

PHP Variable in HTML

<p><?php echo $name; ?></p>

PHP Loop in HTML

<?php for($i=0; $i<3; $i++) { ?>
    <p>Item <?php echo $i; ?></p>
<?php } ?>

Conditional HTML

<?php if($loggedIn) { ?>
    <p>Welcome!</p>
<?php } ?>

HTML and Databases

Display Data

<table>
    <?php foreach ($data as $row) { ?>
    <tr><td><?php echo $row['field']; ?></td></tr>
    <?php } ?>
</table>

Dynamic List

<ul>
    <?php foreach ($items as $item) { ?>
    <li><?php echo $item; ?></li>
    <?php } ?>
</ul>

Table Headers

<table>
    <tr><th>ID</th><th>Name</th></tr>
    <?php foreach ($data as $row) { ?>
    <tr><td><?php echo $row['id']; ?></td><td><?php echo $row['name']; ?></td></tr>
    <?php } ?>
</table>

Form with DB Data

<form>
    <select>
    <?php foreach ($options as $opt) { ?>
    <option value="<?php echo $opt['id']; ?>"><?php echo $opt['name']; ?></option>
    <?php } ?>
    </select>
</form>

Back to categories