Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
85 views

HTML Quick Reference

The document provides examples of common HTML elements for structuring and styling web pages, including the basic page template, headings, paragraphs, line breaks, horizontal rules, forms, iframes, images, links, lists, tables, divs, styles, articles, footers, main content sections, and scripts. It demonstrates how to use elements like <h1-6>, <p>, <br>, <hr>, <form>, <iframe>, <img>, <a>, <ul>, <table>, <div>, <style>, <article>, <footer>, <main>, and <script>.

Uploaded by

edohaso
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
85 views

HTML Quick Reference

The document provides examples of common HTML elements for structuring and styling web pages, including the basic page template, headings, paragraphs, line breaks, horizontal rules, forms, iframes, images, links, lists, tables, divs, styles, articles, footers, main content sections, and scripts. It demonstrates how to use elements like <h1-6>, <p>, <br>, <hr>, <form>, <iframe>, <img>, <a>, <ul>, <table>, <div>, <style>, <article>, <footer>, <main>, and <script>.

Uploaded by

edohaso
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Basic HTML template

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width = device-width, initial-scale = 1.0">

<meta http-equiv="X-UA-Compatible" content = "ie=edge">

<title> Keat </title>

</head>

<body>

</body>

</html>

H tags

<h1>This is heading 1</h1>


<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

P tag

<p>This is some text in a paragraph.</p>

Br tag

<p>To force<br> line breaks<br> in a text,<br> use the


br<br> element.</p>

Hr tag

<p>HTML is the standard markup language for creating Web pages. HTML
describes the structure of a Web page, and consists of a series of
elements. HTML elements tell the browser how to display the
content.</p>

<hr> - meaning horizontal rule

Form

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

Forms can contain one of the following elements:

 <input>
 <textarea>
 <button>
 <select>
 <option>
 <optgroup>
 <fieldset>
 <label>
 <output>

Iframe

<iframe src="https://www.w3schools.com" title="W3Schools Free Online


Web Tutorials"></iframe>

Img

<img src="img_girl.jpg" alt="Girl in a
jacket" width="500" height="600">

A hrefs, links

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

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

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/python/">Python</a>
</nav>

<ul>

<li></li>

</ul>

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

<div>

</div>

<style>

</style>

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>

<main>
  <h1>Most Popular Browsers</h1>
  <p>Chrome, Firefox, and Edge are the most used browsers today.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in
2008. Chrome is the world's most popular web browser today!</p>
  </article>
</main>

<script>

</script>

You might also like