HTML Cheat Sheet - koglak/SWE573 GitHub Wiki

HTML TAGS

Tag Content
<head></head> Contains metdata for web page
<body></body> Body
<title></title> Always inside the head
<h1></h1> Heading
<span></span> Contains short piece of text
<p></p> Paragraph
<div></div> block
<a href=""></a> link
<img src="/../" > Image
<strong></strong> Bold text
<em></em> Italic text
<br> Adds Space
<hr/> Adds Line
<u1><li>..</li></u1> Unordered List
<o1><li>..</li></o1> Ordered List
<audio autoplay controls> <source src="" type=""/> </audio> Audio
<video width="" height="" control> <source src="" type=""/> </video> Video
<table> <tbody> <tr> <th> </th> </tr> </tbody> </table> Table
<form action="" method="POST"></form> Form
<input type="" name="" id=""> Input
<label for=""></label> Label
<input type="radio" name="" value="no"> Radio Button
<select><option value=""></option></select> Option Box
<datalist><option value=""></option></datalist> Datalist
<textarea name="" rows="" cols=""></textarea> Textarea
<input type="submit" value="no"> Submit Button
<header></header> Header
<nav></nav> Navigator
<footer></footer> Footer
<main></main> Main
<article></article> Article
<section></section> Section
<aside></aside> Mark additional information
<figure></figure> Put img tag
<figcaption></figcAption> Describe media
<embed></embed> Media content into a page - audio, video, gif

CSS PROPERTIES

Code Meaning
color:blue Sets the text color
color: rgba(255, 99, 71, 0) Sets the text color
color: #ff6347 Sets the text color
background-color: red Sets the background color of an element
opacity:0.3 Sets the opacity of color
background-image: url("paper.gif") Sets the background image for an element
background-repeat: repeat-x Sets how a background image will be repeated
background-position: right top Sets the starting position of a background image
background-attachment: fixed he background image should scroll or be fixed
background: #ffffff url("img_tree.png") no-repeat right top all settings

There are many others: CSS Properties

⚠️ **GitHub.com Fallback** ⚠️