Jump to content

Jackaust

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
Link to comment
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>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...