How to link html page together

How to link html page together

Learn how to link html pages together to build a complete website. So far we have learned how to create a link with the the html element (a)

<a href=”www.google.com”></a>,

Webpages initially are all html pages , there are save with the . html the home page is usually named index.html. To keep . html files names easy to read, we lowercase each word and place a hyphen between words.

Now let build a basic html webpages structures.

HomeAbout usServicesContact
website.navbar
Home page index.html
About us about.html
Services services.html
Contact contact.html
html pages structure

While coding , we place . html files in the same folder for example the we will call it webpage name. Then linking all this html files together.

<!Doctype html>
<html>
 <head>
    <meta charset="utf-8">
    <link href="styles.css" rel="stylesheet"> 
     <link href="https://fonts.googleapis.com/css2?family=Crete+Round&display=swap" rel="stylesheet">
     <title> FirstWebPage </title>
 </head>
  
  <body>
    <header>
     <div class="wrapper">
         
     <h1> Travel Agency <span class="orange">.</span></h1>
         
      <nav>
       <ul>
        <li> <a href="/index.html">Home</a></li>
        <li> <a href="/about.html">About</a></li>
        <li> <a href=" /services.html">services</a></li>
        <li> <a href=" /contact.html>Contact</a></li>
       </ul>
     </nav>    
    </div>
  </header>

18 thoughts on “How to link html page together

  1. Good post. I learn something new and challenging on websites
    I stumbleupon everyday. It’s always exciting to read through articles from other authors and use something from their web sites.

  2. Today, I went to the beach front with my kids.
    I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put
    the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is entirely off
    topic but I had to tell someone!

  3. With havin so much content and articles do you ever
    run into any issues of plagorism or copyright violation? My website has a lot of completely unique content I’ve either
    created myself or outsourced but it looks like a lot of it is popping it up
    all over the web without my authorization. Do you know any methods to help protect
    against content from being ripped off? I’d certainly appreciate it.

    1. hey !
      There are some methods to protect contents. Now it depends how you set up your website if you use wordpress there are some plugins that can handle it. But if you build your website from scratch you have to integrate some scripts to handle some securities issues. Now as Developper you need to search and google it to get use to it and know to implement it.

  4. I love your blog.. very nice colors & theme. Did you design this website yourself or did you hire
    someone to do it for you? Plz answer back as I’m looking to design my own blog and would like to
    find out where u got this from. appreciate it

    1. Hey ! I just check out your message now. I am a full stack web developper and mobile application But this website is build with wordpress. Do you know about wordpress ?

  5. First off I want to say excellent blog! I had a quick question that I’d like
    to ask if you do not mind. I was curious to know how you center yourself and clear your head prior to writing.
    I’ve had a tough time clearing my thoughts in getting my
    ideas out there. I truly do take pleasure in writing however it just seems like the first 10
    to 15 minutes are generally lost just trying to figure out how to begin. Any ideas or tips?
    Appreciate it!

  6. Do you mind if I quote a couple of your posts as long as I provide credit and sources back
    to your weblog? My blog site is in the very same niche as
    yours and my users would really benefit from a lot of the information you present here.
    Please let me know if this okay with you. Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *

Follow by Email
LinkedIn
LinkedIn
Share
Instagram
error: Content is protected !!