How to display post links and picture links with HTML

Links on a website can be interpreted as a link connecting one page to another. There are many benefits of links, ranging from beautifying the layout of the website to making the pages more productive because the content is more diverse. Then how do you create links using the HTML programming language?

How to do the link above isn’t hard either, here is the explanation

Create a post link

To create a post link, all you have to do is write a tag Article heading. For more details, we follow the steps below.

1. Open the XAMPP control panel and activate Apache and MySql.

2. Open a text editor such as Notepad ++ or Dreamweaver and enter the following script code. We create page1.php.

3. Save the script code above, press Ctrl + S, save it in the xampplite folder – htdocs – create a new folder (here I create a new folder called “inwepo”) – I save it with the file name “laman1.php”.

Laman 1	Cara Membuat Link dengan Bahasa Pemograman HTML 
Klik Disini

4. Open your text editor such as Notepad ++ or Dreamweaver again and enter the following script code. We create page2.php.

Laman 2	Hai, kamu sudah sampai di Halaman Lain 

5. Save the script code above, press Ctrl + S, save in the xampplite folder – htdocs – create a new folder (here I create a new folder with the name “inwepo”) – I save it with the file name “laman2.php”.

6. To see the results of the script code above, open your browser and enter http: //localhost/inwepo/laman1.php. a

Show before clicking

Display after a click

Creating image links

To create an image, you need to write . Oh yes, what you need to remember is to save your image files in the same folder in xampplite – htdocs (here my folder is called ‘inwepo’) because if you have a different folder your images will not be output. In the meantime, to see the image link, you need to write IMG SRC = “Filename.jpeg / png”>. For more details, we follow the steps below.

1. Open the XAMPP control panel and activate Apache and MySql.

2. Open a text editor such as Notepad ++ or Dreamweaver and enter the following script code. We create page_image_1.php.

Laman Gambar 1	klik gambar bunga matahari dibawah ini 

3. Save the script code above, press Ctrl + S, save it in the xampplite folder – htdocs – create a new folder (here I create a new folder called “inwepo”) – I save it with the file name “laman_image_1.php”.

4. Open your text editor such as Notepad ++ or Dreamweaver again and enter the following script code. We create page_image_2.php.

Laman Gambar 2	Hai, kamu sudah sampai di Halaman Lain 

5. Save the script code above, press Ctrl + S, save in the xampplite folder – htdocs – create a new folder (here I create a new folder called “inwepo”) – I save it with the file name “laman_image_2.php”.

6. To see the results of the script code above, you can open your browser and type in http: //localhost/inwepo/laman_image_1.php.

Show before clicking

Display after a click

Hence the explanation of the tutorial on the display of text links and image links in the HTML programming language. Much luck.






Leave a Reply

Your email address will not be published.