如果你對html一無所知,還苦惱與html如何入門,筆者很建議你學習下這篇文章,可以讓你快速掌握html,如果你已經是html的高手,那麼也希望您給我以更好的建議。
概要HTML俗稱超文本標記語言,是Hyper TextMarkup Language的縮寫,是用於描述網頁文檔的一種標記語言。網頁文件本身只是一種文本文件,我們通過在文本文件中添加標記符號,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等),這些標記符號就是我們的html,我們學習html就是學習這些標記符號,今天我們主要來學習一些常見的html標記符號也稱為html元素、
標籤元素標籤介紹
html元素包括一個或一對標籤定義的包含範圍。而標籤就是由兩個字符串<和>號組成,標籤包括開始標籤<>和結束標籤</>。
html標籤元素有四種形式分別是:
空元素:<br>
帶有屬性的空元素:<hrfont=red>
帶有內容的元素:<titile>這是內容</titile>
帶有內容和屬性的元素:<fontcolor=red>這是內容</font>
這裡有一點要說的是在html文檔中,標籤和屬性的名字是和大小無關的。
html框架的必備基本元素<html></html>表示文檔的開始和文檔結束
<head></head>表示文檔頭部的開始和結束
<title></title>表示文檔標題的開始和結束
<body></body>表示文檔的正文的開始和結束
html註釋
格式是小於號(<),感嘆號(!)小於號和感嘆號間無空格,接下來是兩條短線(--),然後就是註釋內容,最後又是兩條短線(--)和大於號(>)。
如:<!--這是註釋內容-->
與段落控制相關的標籤<palign=#>
創建一個段落,屬性align表示段落的對齊方式,#可以是left、center、right、justify。
<br>
作用是換行
<hrcolor=#>
作用是插入一條水平線,屬性color用來表示顏色。
與文本顯示相關的標籤<center>…</center>
使文本居中顯示
<hnalign=#></hn>
作用是表示文檔的標題,n是從1-6的整數,一次為最大標題,6是最小標題,align為設置標題對齊方式,包括left、center、right
<fontsize=n color=#>...</font>
設置字體,size為字體大小,從1到7的整數,數字越大,字體越大。
<b>...</b>
使文本成為粗體。
<i>…</i>
使文本成為斜體
列表元素創建的標籤a.創建帶數字編號的列表:
<ol>...</ol>用start屬性,設置起始的序號。
<li>...</li>用value屬性,改變列表內的序號順序。
b.創建帶有項目符合的列表:
<ul>和<li>,他們標籤的type屬性指定符號的樣式:
disc,顯示為實心的圓圈;
square,顯示未實心的方塊。
circle,顯示未空心的圓圈
b.建立無符號的列表
<dl>與<dt>標籤創建無符號的列表
<dd>和<dt>,創建縮進的列表
表格元素的標籤表格在網頁佈局中的作用是至關重要的,表格是用<table>來定義的,
具體的定義為:<tableborder=n aligh=# bgcolor=rgb>
屬性border用於定義表格邊框的寬度,屬性align用於設定表格的對齊方式,可以是left、right、center。 bgcolor是顏色。
<caption>…</caption>用來定義表格的標題
<tr>...</tr>為表格添加新行
<th>…</th>用於定義表頭
<td>…</td>用於定義單元格
html交互式表單表單在網頁中主要負責數據採集功能,比如我們平常註冊信息、輸入信息可以與網頁進行交互的都是表單。
表單使用<form>...</form>元素創建,在兩者之間嵌入其它相關元素或者說是控件,就可以創建作為html文檔一部分的表單。
創建表單的基本語法如下:
<formmethod=get or post action=URL>….</form>
屬性method用於指定向服務器發送表單數據時所使用的HTTP方法,用get或者post皆可,提交的數據被附加到URL的末端,作為URL的一部分發送到服務器。
下面就是關於表單常用的一些元素:
<input>元素用於接收用戶輸入的信息,它是一個帶有屬性的空元素,用來創建表單中的控件語法是
<inputtype=type name=name size=sizevalue=value'>
屬性type用來指定要創建的控件的類型,屬性那麼用來指定控件的名稱,size用來指定表單中控件的初始寬度,屬性value指定控件的初始值。
關於type的類型可以參考下面張圖片:
列錶框元素允許用戶從一個下拉菜單中選擇一項或多項,列錶框由<select>元素創建,列錶框中的各個選項用<option>元素提供。
多行文本輸入控件
<textareaname=name rows=number of rows cols=number ofcolumns >…</textarea>
屬性rows用於指定文本框輸入控件可視區域顯示的文本行數,cols指定文本輸入控件可視區域顯示的寬度。
超鏈接標籤<ahref=URL>…</a>
屬性href用於指定鏈接的目標,目標地址有URL定位,在開始標籤<a></a>之間的文本將作為瀏覽器中顯示的鏈接文本。
嵌入圖像標籤<img src=URL width=n height=m>屬性src指定圖像資源的位置,屬性width和height用於指定圖片的尺寸,在這裡需要注意的是src應該盡量用相對路徑而不用絕對路徑。特殊字符元素
特殊字符包括字符引用和實體引用,下面我們將常用的進行總結
總結我們將這些用的最多的也是最基礎的一些標籤元素進行了總結,一旦掌握這些最基礎的,你就可以快速成為html初級人員,編寫一個簡單的html網頁是不成問題的,這也為以後的進一步學習打下基礎。