如何正確使用html代碼
如果你正在學習網頁製作,就一定會跟HTML打交道。雖然有很多編輯工具可以簡化操作,避開復雜的網頁代碼,但是想要成為一名真正的網頁設計師,學好HTML、看懂網頁代碼才是邁向成功的第一步。
HTML,中文譯為超文本標記語言。簡單理解為某些字句加上標誌的語言,從而實現預期的特定效果。網頁正是由這種HTML語言所編寫出來的。作為一套標記語言,基本上只要明白各種標記的用法就算學會了HTML。
HTML的語法格式分為嵌套與非嵌套兩類,嵌套格式為<標記>...</標記>,非嵌套只為<標記>。此外,根據標記的不同,有的標記附帶有屬性參數,則表示為<標記 屬性="參數值">,根據個人需要,可添加或去掉相應的屬性標記。
一、基本框架
如同人一樣,網頁也包括了“頭部”和“身體”,如圖就是標記符號。
<head>標記內包含着諸如網頁標題、語言編碼、網頁描述等基本信息,而平時我們真正見到的網頁內容均放在<body>標記內。現在先介紹一下<head>裏的基本信息。
網頁標題(標記格式為<title></title>)
創建網頁標題文字:<title>標題</title> //此處書寫的文字會顯示在IE的標題欄上。
網頁文檔信息(標記格式為<meta>)
描述網頁內容類型:<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> //該頁面為TXT文本或HTML格式,語言編碼方式為GB2312(即簡體中文)。
描述網頁的'關鍵字信息:<meta name="keywords" content="這裏是關鍵字">
對網頁的詳細描述:<meta name="description" content="這裏是對該網頁的介紹">
刷新網頁:<meta http-equiv="refresh" content="5;URL="> //5秒種後刷新,並鏈接到。
二、組成要素
無論網頁如何千變萬化,構成一個網頁內容的最基本要素大體只有五種,即文字、圖片、表格、超鏈接和表單控件,所以下面將圍繞着這五個要素逐一列舉介紹。
文字(標記格式為<font></font>)
指定文字字體:<font face="宋體">宋體文字</font>
指定文字大小:<font size="3">3號文字</font>
指定文字顏色:<font color="#FF0000">紅色文字</font> //網頁顏色採用16位編碼,因此#FF0000表現為紅色。大家可以查閲相關資料瞭解其他顏色的編碼。
圖片(標記格式為<img>)
<img src="images/pic.jpg" width="400" height="300" border="2" align="center">// src指定為路徑地址,width為寬度,height為高度,border為邊框大小,align為橫向位置。
表格(標記格式為<table><tr><td></td></tr></table>)
<table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此處添加文字或圖片等</td></tr></table>// width、height、border、align與以上的例子作用一樣,cellpadding為邊框與單元格的間距,cellspacing為單元格之間的間距,bgcolor為表格背景色。
以上所介紹的元素都是隻存在當前頁中,而網頁超鏈接的出現大大改變了人們的瀏覽習慣,可根據自己喜好,點擊到相關鏈接查看網頁信息。
超鏈接(標記格式為<a></a>)
<a href="" title="提示文字">鏈接文字或圖片</a> //href為被點擊後的鏈接頁,title為鼠標懸停在鏈接文字或圖片上後出現的提示文字。
表單控件(標記符號為<input>、<textarea></textarea>、<select></select>)
表單控件實現了人與網頁的交互,像大家常去的論壇、購物站點等都有它的“身影”。
文本框:<input type="text" value="這是文本框"> //value為該控件的值,以下每個表單控件均可設定,不設默認為空
密碼框:<input type="password">
單選框:<input type="radio">
複選框:<input type="check">
提交按鈕:<input type="submit">
重置按鈕:<input type="reset">
隱藏區域:<input type="hidden">
文本域:<textarea rows="6" cols="30"></textarea> //rows為行數,cols為寬度
列表框:<select><option>項目1<option>項目2<option>項目3</select>
-
ASP 時間函數及獲取服務器時間的寫法
一、常用的ASP時間函數1、now()獲取當前系統日期和時間,ASP輸出格式:<%=now()%>2、Year(now())獲取年份,ASP輸出格式:<%=year(now())%>3、Month(now())獲取當前月份,ASP輸出格式:<%=month(now())%>4、day(now())獲取當天數,ASP輸出格式:<%=day(now())%>5、hour(now())...
-
WAP的簡介
WAP協議被設計用來在無線客户端(比如移動電話)上展示因特網內容。您應當具備的基礎知識在繼續學習之前,您需要對下面的知識有基本的瞭解:WWW,HTML以及有關網頁構建的基礎知識JavaScriptXML如果您希望首先學習這些項目,請在我們的首頁訪問這些教程。什麼是WAP?無線產...
-
javascript包裝對象的用法
js對象是一種複合值:它是屬性或已命名值得集合。參考以下代碼:vars="helloworld";varlen=th;在該例子中,s是字符串,而字符串不是對象,但為何會有屬性呢?其實只要引用了字符串s的屬性,js就會將字符串通過調用newString(s)的方式轉換為對象,該對象繼承了字符串的方法,並被...
-
有關JavaScript中的prototype.bind()方法介紹
以前,你可能會直接設置self=this或者that=this等等,這樣做當然也能起作用,但是使用()會更好,看上去也更專業。下面舉個簡單的例子:複製代碼代碼如下:varmyObj={specialFunction:function(){},anotherSpecialFunction:function(){},getAsyncData:function(cb){cb();}...