Jump to content

Recommended Posts

Hi,

I recently codded a html im kinda new i need help by getting a better stylish nav bar or menu bar here is the coding.

Could you please tell me what to do or just copy my codding make it the same but have a menu or nav bar.

For any proposes this is my website - http://jackaust.cf/

i also have all the htmls like index about and more.

index.html

<html>
<head>
<title>Jackaust | Home </title>
</head>
<![if !IE]>
<link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" />
<![endif]>
<!-- This is needed for IE -->
<link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" />
<body bgcolor="#474747">
<body background ="IMG/test3.jpg">
<center>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="IMG/banner2.png">
</td>
</tr>
</table>
<table widgth="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<br>
<font face="Lucida Fax" size="15" color="#fff">
<body link="white" link="white">
<a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> |  <a href="downloads.html">Downloads</a> 
</font>
</td>
</tr>
</table>
<br>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<H1>
<font face="Arial" size="15" color="#fff">

<br>
<B><U>Welcome People To Jackaust Official Website!</B></U>
<br>
<br>
<H4>
<font face="Arial" size="4" color="#ffffff">

Welcome to my website it took ages to make through html finally its done!
</H1>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

 

about.html

<html>
<head>
<title>Jackaust | About </title>
</head>
<![if !IE]>
<link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" />
<![endif]>
<!-- This is needed for IE -->
<link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" />
<body bgcolor="#474747">
<body background ="IMG/test3.jpg">
<center>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="IMG/banner2.png">
</td>
</tr>
</table>
<table widgth="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<br>
<font face="Lucida Fax" size="15" color="#fff">
<a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> |  <a href="downloads.html">Downloads</a> 
</font>
</td>
</tr>
</table>
<br>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<H1>
<font face="Arial" size="15" color="#fff">

<br>
<B><U>About Me</B></U>
<br>
<br>
<H4>
<font face="Arial" size="4" color="#ffffff">

I'm Jackaust and I make YouTube videos and play alot of games!
</H1>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

videos.html

<html>
<head>
<title>Jackaust | Videos </title>
</head>
<![if !IE]>
<link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" />
<![endif]>
<!-- This is needed for IE -->
<link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" />
<body bgcolor="#474747">
<body background ="IMG/test3.jpg">
<center>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="IMG/banner2.png">
</td>
</tr>
</table>
<table widgth="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<br>
<font face="Lucida Fax" size="15" color="#fff">
<a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> |  <a href="downloads.html">Downloads</a> 
</font>
</td>
</tr>
</table>
<br>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<H1>
<font face="Arial" size="15" color="#fff">

<br>
<B><U>Videos</B></U>
<br>
<br>
<H4>
<font face="Arial" size="4" color="#ffffff">
 <li><a href="https://www.youtube.com/channel/UCMYDsxDPlFPEk7UKGhiKDiw"><img src="IMG/photo.jpg" alt=""><span style="position:relative;bottom:20px;"></span></a></li>
These are my some of my YouTube Videos
</H1>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

Downloads.html

<html>
<head>
<title>Jackaust | Home </title>
</head>
<![if !IE]>
<link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" />
<![endif]>
<!-- This is needed for IE -->
<link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" />
<body bgcolor="#474747">
<body background ="IMG/test3.jpg">
<center>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="IMG/banner2.png">
</td>
</tr>
</table>
<table widgth="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<br>
<font face="Lucida Fax" size="15" color="#fff">
<a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> |  <a href="downloads.html">Downloads</a> 
</font>
</td>
</tr>
</table>
<br>
<table width="1908" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<H1>
<font face="Arial" size="15" color="#fff">

<br>
<B><U>Here you can download items.</B></U>
<br>
<br>
<H4>
<font face="Arial" size="4" color="#ffffff">

Nouthing to download :(
</H1>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

 

 

Edited by Jackaust
Adding more stuff

Share this post


Link to post
Share on other sites

I suggest you read up on w3schools html tutorials, because your current code has

1) Multiple body tags, when there should be only one opening and closing body tags <body>...</body>

2) ALL links to css stylesheets include inline css styling, favicons links, meta tags are placed between <head>....</head>

3) The font, center elements, and attributes  align="center", background ="IMG/test3.jpg", bgcolor="#474747", are really old OLD school, and hardly used and deprecated in more modern HTML5 doctype

A typical html5 layout is

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0" />
        <title>Document Title</title>
        <script type="text/javascript">

        </script>
        <style type="text/css">

        </style>
    </head>
    <body>
		<div>TODO write content</div>
    </body>
</html>

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...