Skip to content

Instantly share code, notes, and snippets.

@imralpharvin
Last active September 13, 2020 20:10
Show Gist options
  • Save imralpharvin/aa780a8a73e8869d2f7ad0d6454d9f2c to your computer and use it in GitHub Desktop.
Save imralpharvin/aa780a8a73e8869d2f7ad0d6454d9f2c to your computer and use it in GitHub Desktop.
HTML Notes

HTML

Terminology to know

  • Elements
  • Tags
  • Attributes

Declaration

<!DOCTYPE html>
  • instruction to the web browser about what version of HTML the page is written in.
  • In this case, it is HTML5

HTML

  • Series of elements
  • Represented by tags
<html>
  • element is the root element of an HTML page

head

<head>
  • element contains meta information about the document

title

<title>
  • element specifies a title for the document

body

<body>
  • element contains the visible page content

heading 1

<h1>
  • element defines a large heading

paragraph

<p>
  • element defines a paragraph

Headings

  • H1 to h6

HTML links

<a href="https://www.w3schools.com">This is a link</a>

Images

Buttons

Lists

Line break

<br>

Comment

<!-- This is a comment →

Div block

<div>
  • block -level element

span inline

<span>

Inline element

metadata

<meta>

Contains metadata

Image

<img src="img_chania.jpg" alt="Flowers in Chania">

Scale to device

<meta name="viewport" content="width=device-width, initial-scale=1">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment