HTML

Sklepmistr
HTML USAGES
- <!DOCTYPE html> //specifikace html pro prohlížeč
- <head> určuje styly, <body> je to co je on display, <title> je text v záložce
- headings jsou <h1> až <h6>
- paragraphs <p>
- links <a href="stranka">Text</a>
- images <img src="source/image.jpg" alt="alternative text" width="px" height="px">
- separator <hr>
- preformatted text <pre>
- comments <!-- Write your comments here -->
 
--elements: <br> //text new line
--attributes: img, src, alt, <p style="color:red">Text</p>, lang (en-US, ), title="Text" při podržení myši zobrazí text
 
TEXT colours:
Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors
Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment
- čili style="background-color:blue;"
 
TEXT formatting:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
 
FAVICO
<title>My page title</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
 
TABLES
<table> Defines a table
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
<caption> Defines a table caption
<colgroup> Specifies a group of one or more columns in a table for formatting
<col> Specifies column properties for each column within a <colgroup> element
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table
https://www.w3schools.com/html/html_tables.asp
 
LISTS
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list
https://www.w3schools.com/html/html_lists.asp
 
 
**********************
DOKUMENT V EDITORU
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> // ošetření velikosti stránky pro menší displeje
    <title>AVZDR - Agentura vojenského zdravotnictví</title> // Title na záložce
<link rel="icon" type="image/x-icon" href="images/logo.ico">// Ikona na záložce
<link rel="stylesheet" href="styles.css">// Link CSS
</head>
 
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
 
***********************
 
CSS
h1 {color:blue; font-size:12px;} // selector {property:value}