H1 Header Tag, what is it?

**dee-u** · Aug 29th, 2005, 12:22 AM

Could somebody tell me what does H1 Header Tag is? I'll appreciate any example if you will provide one...

**oceanebelle** · Aug 29th, 2005, 12:52 AM

take a look at this one.

I'm no expert buy I made that one in notepad.

Code:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=SJIS" />
<meta http-equiv="content-language" content="ja" />
<meta http-equiv='Content-Script-Type' content='text/javascript'>
<meta http-equiv='Content-Style-Type' content='text/css'>
<title>ログイン画面</title>
<link rel="stylesheet" type="text/css" href="globalstyle.css" />
<script type="text/javascript">
<!--
function doEnd(){
	window.close();
}

function doLogin(){
	var shop = 		document.getElementById("selshop").value;
	var username = 	document.getElementById("txtusername").value;
	var password = 	document.getElementById("txtpassword").value;
	
	var setfocus, msg;
	
	if(shop == ""){
		setfocus = "selshop";
		msg = "店舗を選んでくださいませ。";
	} else if(username == ""){
		setfocus = "txtusername";
		msg = "ユーザー名を入力してくださいませ。";
	} else if(password == "") {
		setfocus = "txtpassword";
		msg = "パスワードを入力してくださいませ。";
	} else {
		window.location="main.html";
		return;
	}
	
	alert(msg);
	document.getElementById(setfocus).focus();
}
-->
</script>
</head>
<body>
<form name="frmLogin">
<br>
<center>
<div class="title"  >
※　仕入・返品調査一覧表システム　※
</div>
</center>
<br>
<br>
<center>
<div class="header" >
仕入・返品調査一覧表よこそう
</div>
</center>
<br>
<br>
<center>
<div class="outline" style="width:360px;
padding-top:15px;
padding-bottom:15px;
">
<table border="0px">
<colgroup>
<col width="100"></col>
<col width="200"></col>
</colgroup>
<tr>
<td  style="font-size: 14px;color: #990000;text-align: center;border: 1px solid #990000; background-color: #CCCC99">店舗</td>
<td  style="border: 1px solid #990000;">
<select id="selshop" style="height:17px;width: 200;border: 0px solid #990000; background-color:  #FFFFFF">
<option value="" selected>&nbsp;</option>
<option value="001">001&nbsp;店舗１</option>
<option value="002">002&nbsp;店舗２</option>
<option value="003">003&nbsp;店舗３</option>
</select></td></tr>
<tr>
<td  style="font-size: 14px;color: #990000;text-align: center;border: 1px solid #990000; background-color: #CCCC99">店員名</td>
<td  style="border: 1px solid #990000;">
<input type="text" id="txtusername" class="transparent" style="height:17px;width: 200;"></td></tr>
<tr>
<td  style="font-size: 14px;color: #990000;text-align: center;border: 1px solid #990000; background-color: #CCCC99">パスワード</td>
<td  style="border: 1px solid #990000;" >
<input type="password" id="txtpassword" class="transparent" style="height:17px;width: 200;"></td></tr>
</table>
<br>
<br>
<center>
<table>
<tr>
<td><input type="button" value="ログイン" class="loginbtn" onclick="doLogin()"></td>
<td><input type="button" value="終了" class="loginbtn" onclick="doEnd()"></td>
</tr>
</table>
</div>
</center>
<br>
<br>
</form>
</body>
</html>

I don't use much H1.. I just use styles for that.

**oceanebelle** · Aug 29th, 2005, 12:54 AM

Code:

<h1>Your text here, and it will just be fine. it will now form h1</h1>

basically it formats your text to have a certain font size.. and distinctive of a header.

**dee-u** · Aug 29th, 2005, 12:55 AM

Where is the H1 thing there?

**oceanebelle** · Aug 29th, 2005, 12:55 AM

sorry for the un indented code... as there were not generated by any generator... I find that it becomes a spaghetti code if I use one...

**oceanebelle** · Aug 29th, 2005, 12:57 AM

Originally Posted by dee-u

Where is the H1 thing there?

If I must

Code:

<html>

<h1>Your HEADER title here... whatever text</h1>

<p>some text... copy and paste this code somewehere and save it as html.. see what happens.</p>

</html>

**dee-u** · Aug 29th, 2005, 01:00 AM

That's it? I know about H1 but I was confused with H1 Header, does it mean just using H1 in the header? Darn, what is header by the way? Is it the title?

**dglienna** · Aug 29th, 2005, 01:00 AM

I don't think you just "typed' that into Notepad, but my point is that H1 is a formatting tag for a Heading. H1 is bigger than H2, which is bigger than H3.
Word has the same think. You can choose Normal, h3, h2, or h1 in the formatting dropdown. It's pre-defined.

**oceanebelle** · Aug 29th, 2005, 01:01 AM

Originally Posted by dglienna

I don't think you just "typed' that into Notepad, but my point is that H1 is a formatting tag for a Heading. H1 is bigger than H2, which is bigger than H3.
Word has the same think. You can choose Normal, h3, h2, or h1 in the formatting dropdown. It's pre-defined.

If you don't believe me then don't. ahahahaha!

**oceanebelle** · Aug 29th, 2005, 01:02 AM

Originally Posted by dee-u

That's it? I know about H1 but I was confused with H1 Header, does it mean just using H1 in the header? Darn, what is header by the way? Is it the title?

I hope dglienna clarified that for you

H --> heading... so H tags formats text in this tag into the approprite font, or style whatever.

**dee-u** · Aug 29th, 2005, 01:03 AM

Those H1, H2, H3 etc could be used in the body and not just the Header isnt it?

**dee-u** · Aug 29th, 2005, 01:04 AM

Originally Posted by oceanebelle

I hope dglienna clarified that for you

H --> heading... so H tags formats text in this tag into the approprite font, or style whatever.

If I remember it right there is a HEAD tag in HTML isnt it? I really think I need to review my HTML...

**dee-u** · Aug 29th, 2005, 01:09 AM

Darn, I think H1 Header Tag is using an H1 in the Head section of an HTML? Am I correct with this?

**oceanebelle** · Aug 29th, 2005, 01:15 AM

Originally Posted by dee-u

Those H1, H2, H3 etc could be used in the body and not just the Header isnt it?

I didn't even placeit in the HEAD tag if you look closely. I dunno the basics... but the right one should be

Code:

<html>
<head>
<title>A text that will shown on the form title of the browser.</title>
<script>
<!--some of your script here.. meta tags... links..etc... this is what the head if for.-->
</script>
</head>


<body>
This is the body. :) following the rules, an html should be formed like this.

<h1>Heading type 1</h1>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>
<h2>Heading type 2</h2>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>

<h3>Heading type 3</h3>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>

<h4>Heading type 4</h4>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>

<h5>Heading type 5</h5>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>

<h6>Up to type 6 only</h6>
<p>some text that is very long... a quick brown fox jujmps over the lazy dog by the rivet bgank.</p>
</body>
</html>

**oceanebelle** · Aug 29th, 2005, 01:18 AM

Originally Posted by dee-u

Those H1, H2, H3 etc could be used in the body and not just the Header isnt it?

You are confusing the terms.

better review html basics... I didn'T memorize them though just a basic understanding is fine

but if you'll see my sample you should be ok.

**dee-u** · Aug 29th, 2005, 01:23 AM

Originally Posted by oceanebelle

You are confusing the terms.

better review html basics... I didn'T memorize them though just a basic understanding is fine

but if you'll see my sample you should be ok.

I knew those things in my heart, but sadly I have had many broken hearts so I guess some pieces were lost already...

**oceanebelle** · Aug 29th, 2005, 01:38 AM

Originally Posted by dee-u

I knew those things in my heart, but sadly I have had many broken hearts so I guess some pieces were lost already...

fine... if you say so.

**CornedBee** · Aug 29th, 2005, 09:50 AM

The h1 tag marks up the most important header category of your page. For example:

Code:

<h1>The Life of Brian</h1>
<p>A novelization of the popular film.</p>
<h2>Prologue: The Three Unwise Men</h2>
<p>It was a dark and stormy night.</p>

The tags range from h1 to h5, with sinking importance.
Note that font size and weight and whatever are side effects, a visual representation of that importance, and easily overridden in style sheets. It's the importance that counts. Screen readers read it louder. Search engines give it higher relevance. HTML is about semantics, not presentation.

Thread: H1 Header Tag, what is it?

Thread Tools

Display

H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Re: H1 Header Tag, what is it?

Posting Permissions