Could somebody tell me what does H1 Header Tag is? I'll appreciate any example if you will provide one...
Printable View
Could somebody tell me what does H1 Header Tag is? I'll appreciate any example if you will provide one...
take a look at this one. :(
I'm no expert buy I made that one in notepad.
I don't use much H1.. I just use styles for that. :(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> </option>
<option value="001">001 店舗１</option>
<option value="002">002 店舗２</option>
<option value="003">003 店舗３</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>
basically it formats your text to have a certain font size.. and distinctive of a header.Code:<h1>Your text here, and it will just be fine. it will now form h1</h1>
Where is the H1 thing there?
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... :(
If I mustQuote:
Originally Posted by dee-u
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>
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 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.
Quote:
Originally Posted by dglienna
If you don't believe me then don't. ahahahaha! ;)
I hope dglienna clarified that for you :)Quote:
Originally Posted by dee-u
H --> heading... so H tags formats text in this tag into the approprite font, or style whatever. ;)
Those H1, H2, H3 etc could be used in the body and not just the Header isnt it?
If I remember it right there is a HEAD tag in HTML isnt it? I really think I need to review my HTML... :(Quote:
Originally Posted by oceanebelle
Darn, I think H1 Header Tag is using an H1 in the Head section of an HTML? Am I correct with this? :confused:
Quote:
Originally Posted by dee-u
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>
Quote:
Originally Posted by dee-u
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... ;)Quote:
Originally Posted by oceanebelle
fine... if you say so. :oQuote:
Originally Posted by dee-u
The h1 tag marks up the most important header category of your page. For example:
The tags range from h1 to h5, with sinking importance.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>
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.