Skip to content

Commit 892a4b1

Browse files
author
Matteo Menapace
committed
HTML tweaks
1 parent 00cd8f4 commit 892a4b1

File tree

5 files changed

+4655
-1
lines changed

5 files changed

+4655
-1
lines changed

README.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,8 @@ It's good practice to build the **HTML** first, and then make it _stylish_ with
6363

6464
Thimble created an HTML skeleton for us, containing the basic **building blocks**: `html`, `head` and `body` tags.
6565

66+
![](assets/HTML_doc_setup.jpg)
67+
6668
Every HTML document, at the bare bones, needs to have this structure
6769

6870
```html
@@ -112,13 +114,15 @@ We're dividing our page into sections.
112114
<body>
113115
<section>
114116
<div>
115-
<h1>Your name</h2>
117+
<h1>Your name</h1>
116118
<h2>Your specialties, eg: film maker</h2>
117119
</div>
118120
</section>
119121
...
120122
```
121123
124+
![](assets/headings.jpg)
125+
122126
These will be the most important pieces of information in your page (for search engines like Google).
123127

124128
#### Images
@@ -139,6 +143,8 @@ The **image** to upload could be your logo or your profile picture.
139143
...
140144
```
141145
146+
> Don't worry if the image is too big for now. You'll *style* it later!
147+
142148
#### Text
143149

144150
> In the second section we'll have **textual content**, so let's write something in there.
@@ -171,6 +177,8 @@ For instance:
171177
</section>
172178
```
173179

180+
![](assets/links_inside_paragraphs.jpg)
181+
174182
#### Contact details
175183

176184
> Add your **contact details** to the last section.

assets/HTML_doc_setup.jpg

78 KB
Loading

assets/headings.jpg

49.4 KB
Loading

0 commit comments

Comments
 (0)