HTML basic tips

Basic html codes:

Check W3 schools HTML basics

https://www.w3schools.com/html/html_basic.asp

Basic codes:

<b>bold </b>

<i>italics</i>

<h1>Header 1 (Top header - only one on page) </h1>

<h2>Header 2 (Subheader - more on one page) </h2>

<p> Paragraph 1 with more words </p>

End of row <br>

End of row alternative </br>

 

URL link:

This is a basic link

<a href="https://www.21wiki.com">This is a basic link </a>

Open link on new tab or window

<a href="https://www.21wiki.com/" target="_blank">Open link on new tab or window</a>

Open nofollow link on new tab or window

<a href="https://www.21wiki.com/" target="_blank" rel="nofollow">Open nofollow link on new tab or window</a>

Picture:

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

 

Addresses and filepaths

picture.jpg - mean search same folder

images/pic.jpg - go deeper to subfolder

/images/pic.jpg - go to root folder

../images/pic.jpg - go one level up folder

Path Description
<img src="picture.jpg"> The "picture.jpg" file is located in the same folder as the current page
<img src="images/picture.jpg"> The "picture.jpg" file is located in the images folder in the current folder
<img src="/images/picture.jpg"> The "picture.jpg" file is located in the images folder at the root of the current web
<img src="../picture.jpg"> The "picture.jpg" file is located in the folder one level up from the current folder

Usefull links

  • Back to Page List Menu