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:
<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 |