-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBasics.html
103 lines (93 loc) · 5.58 KB
/
Basics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basics of HTML</title>
<link rel="stylesheet" href="Files/CSS/General.css">
<link rel="stylesheet" href="Files/CSS/Basics.css">
</head>
<body>
<a href="MainPage.html">
<button type="button" class="Home-Button" !importent>Home</button>
</a>
<p class="Headings">
<span style="color: red;"><head></span>
<span class="DIY-br"></span>
</p>
<p class="Standart-Text">
The <span style="color: #964b00;"><head></span> element is a container for metadata (data about data) and is placed between the <span style="color: #964b00;"><html></span> tag and the <span style="color: #964b00;"><body></span> tag.
Metadata is data about the HTML document. Metadata is not displayed.
Metadata typically define the document title, character set, styles, scripts, and other meta information.
The following elements can go inside the <span style="color: #964b00;"><head></span> element:
<ul>
<li><a href="Files/Misc/WorkInProgress.html"><title></a> (required in every HTML document)</li>
<li><a href="Files/Misc/WorkInProgress.html"><style></a></li>
<li><a href="Files/Misc/WorkInProgress.html"><base></a></li>
<li><a href="Files/Misc/WorkInProgress.html"><link></a></li>
<li><a href="Files/Misc/WorkInProgress.html"><meta></a></li>
<li><a href="Files/Misc/WorkInProgress.html"><script></a></li>
<li><a href="Files/Misc/WorkInProgress.html"><noscript></a></li>
</ul>
</p>
<p class="Headings">
<span style="color: red;"><img src></span>
<span class="DIY-br"></span>
</p>
<p class="Standart-Text">
The required src attribute specifies the URL of the image.
There are two ways to specify the URL in the src attribute:<br>
<strong>1. Absolute URL</strong> - Links to an external image that is hosted on another website. Example: <span style="color: purple;">src</span><span style="color: green;">="https://www.w3schools.com/images/img_girl.jpg"</span>.<br>
<strong>2. Relative URL</strong> - Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash,
it will be relative to the current page. Example: <span style="color: purple;">src</span><span style="color: green;">="img_girl.jpg"</span>. If the URL begins with a slash, it will be relative to the domain. Example: <span style="color: purple;">src</span><span style="color: green;">="/images/img_girl.jpg"</span>.
</p>
<div class="Code-Example">
<code>
<pre>
<<span style="color: #964b00;">img</span> <span style="color: purple;">src</span>="https://tpucdn.com/gpu-specs/images/b/4724-front.jpg" <span style="color: purple;">alt</span>="Girl in a jacket" <span style="color: purple;">width</span>="500" <span style="color: purple;">height</span>="600">
</pre>
</code>
</div>
<p class="Headings">
<span style="color: red;"><hr></span>
<span class="DIY-br"></span>
</p>
<p class="Standart-Text">
The <span style="color: #964b00;"><hr></span> tag defines a thematic break in an HTML page (e.g. a shift of topic).
The <span style="color: #964b00;"><hr></span> element is most often displayed as a horizontal rule that is used to separate content (or define a change) in an HTML page.
</p>
<div class="Code-Example">
<code>
<pre>
<span style="color: #964b00;"><html></span>
<span style="color: #964b00;"><body></span>
<span style="color: #964b00;"><h1></span>
The Main Languages of the Web
<span style="color: #964b00;"></h1></span>
<span style="color: #964b00;"><p></span>
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.
<span style="color: #964b00;"></p></span>
<span style="color: #964b00;"><hr></span>
<span style="color: #964b00;"><p></span>
CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other
media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.
<span style="color: #964b00;"></p></span>
<span style="color: #964b00;"><hr></span>
<span style="color: #964b00;"><p></span>
JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and
attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.
<span style="color: #964b00;"></p></span>
<span style="color: #964b00;"></body></span>
<span style="color: #964b00;"></html></span>
</pre>
</code>
</div>
<div style="display: block;">
<a href="Files/Misc/ExampleSite2.html" style="display: inline-block;">
<button type="button">Click to run the site!</button>
</a>
</div>
</body>
</html>