Showing posts with label #SFDC #Apex #VineetYadav #HTML. Show all posts
Showing posts with label #SFDC #Apex #VineetYadav #HTML. Show all posts

Saturday, 31 December 2022

HTML cheat sheet

 Here is a basic HTML cheat sheet to help you get started with writing HTML code:

<!-- This is an HTML comment -->

<!-- These are the basic tags that you will need to structure your content -->

<html> 

  <head> 

    <!-- The head element typically contains information about the page, such as the title and any meta tags -->

  </head> 

  <body> 

    <!-- The body element contains the actual content of the page -->

  </body> 

</html>


<!-- The main heading of the page is marked up with the h1 element -->

<h1>This is a main heading</h1>


<!-- Subheadings are marked up with h2, h3, h4, h5, and h6 elements -->

<h2>This is a subheading</h2>

<h3>This is a subheading</h3>

<h4>This is a subheading</h4>

<h5>This is a subheading</h5>

<h6>This is a subheading</h6>


<!-- Paragraphs are marked up with the p element -->

<p>This is a paragraph.</p>


<!-- Links are marked up with the a element -->

<a href="http://www.example.com">This is a link</a>


<!-- Images are marked up with the img element -->

<img src="image.jpg" alt="This is an image">


<!-- Lists are marked up with the ul (unordered) or ol (ordered) elements, and list items are marked up with the li element -->

<ul>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ul>


<ol>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ol>


<!-- Tables are marked up with the table element, and rows are marked up with the tr element. Cells are marked up with the td (table data) or th (table header) elements -->

<table>

  <tr>

    <th>Heading 1</th>

    <th>Heading 2</th>

  </tr>

  <tr>

    <td>Row 1, Cell 1</td>

    <td>Row 1, Cell 2</td>

  </tr>

  <tr>

    <td>Row 2, Cell 1</td>

    <td>Row 2, Cell 2</td>

  </tr>

</table>


<!-- Forms are marked up with the form element, and form fields are marked up with various input elements -->

<form>

  <label for="name">Name:</label><br>

  <input type="text" id="name" name="name"><br>

  <label for="email">Email:</label><br>

  <input type="email" id="email" name="email"><br>

  <input type="submit" value="Submit">

</form>