0% found this document useful (0 votes)
27 views3 pages

HTML

Mići cheat sheet

Uploaded by

sanjinvlasic69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views3 pages

HTML

Mići cheat sheet

Uploaded by

sanjinvlasic69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web pages

HTML describes the structure of a Web page

HTML consists of a series of elements

HTML elements tell the browser how to display the content

HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link",
etc.

Osnova: h1 - h6

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

<html> Img <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

<head> The <br> tag defines a line break

<title>Page Title</title> language <html lang="en"> en-US

</head> bonus info <p title="I'm a tooltip">This is a paragraph.</p>

<body> font size <h1 style="font-size:60px;">Heading


1</h1>

The <hr> element is used to separate content (or


/ define a change) in an HTML page

<h1>This is a Heading</h1> The HTML <pre> element defines preformatted text

<p>This is a paragraph.</p> pozadina <body style="background-


color:powderblue;">

<h1 style="color:blue;">This is a heading</h1>

</body> Font <h1 style="font-family:verdana;">This is a


heading</h1>

</html> <h1 style="font-size:300%;">This is a heading</h1>

<h1 style="text-align:center;">Centered
Heading</h1>

<b> - Bold text

•<strong> - Important text <a href="default.asp">


•<i> - Italic text (image insert)
•<em> - Emphasized text </a> <h2 id="C4">Chapter 4</h2>
•<mark> - Marked text <a href="#C4">Jump to Chapter 4</a>
•<small> - Smaller text <a href=”mailto:[email protected]”>
•<del> - Deleted text
•<ins> - Inserted text
•<sub> - Subscript text
•<sup> - Superscript text
• citat
<blockquote cite="http://www.worldwildlife.org/who/index.html">
•The HTML <q> tag defines a short quotation.
•<p>The <abbr title="World Health Organization">WHO</abbr> was
founded in 1948.</p> background-repeat: no-repeat;
The HTML <address> tag defines the contact information for the author/owner of a
document or an article. style="background-image: url

The HTML <cite> tag defines the title of a creative work

<bdo dir="rtl">This text will be written from right to left</bdo>

Promjena smjera (by-directional override)


<area shape="rect" coords="34,44,270,350”

<!-- Write your comments here --> rect, circle, poly, region

<h1 style="border:2px solid Tomato;">Hello World</h1>

<h1 style="background-color:rgb(255, 99, 71);">...</h1>


<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>


<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

<head> INTERNAL CSS


<style> The target attribute can have one of the following values:
body {background-color: powderblue;} _self - Default.
h1 {color: blue;} _blank - Opens the document in a new window or tab
p {color: red;} _parent - Opens the document in the parent frame
</style> _top - Opens the document in the full body of the window
</head> <button onclick="document.location='default.asp'">

<head> EXTERNAL CSS text-decoration: none; (postoji)


<link rel="stylesheet" href="styles.css">
</head> display: inline-block; <map> <area> usemap="#workmap"

padding: 30px; margin: 50px; style="float:right;

You might also like