html入門教程 html標(biāo)記符號快速掌握
發(fā)布時間:2013-08-12 10:19:12 作者:佚名
我要評論

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

列表框元素
允許用戶從一個下拉菜單中選擇一項(xiàng)或多項(xiàng),列表框由<select>元素創(chuàng)建,列表框中的各個選項(xiàng)用<option>元素提供。
多行文本輸入控件
<textareaname="name" rows="number of rows" cols="number ofcolumns" >…</textarea>
屬性rows用于指定文本框輸入控件可視區(qū)域顯示的文本行數(shù),cols指定文本輸入控件可視區(qū)域顯示的寬度。
超鏈接標(biāo)簽
<ahref="URL">…</a>
屬性href用于指定鏈接的目標(biāo),目標(biāo)地址有URL定位,在開始標(biāo)簽<a></a>之間的文本將作為瀏覽器中顯示的鏈接文本。
嵌入圖像標(biāo)簽
<img src="URL" width=n height=m>屬性src指定圖像資源的位置,屬性width和height用于指定圖片的尺寸,在這里需要注意的是src應(yīng)該盡量用相對路徑而不用絕對路徑。
特殊字符元素
特殊字符包括字符引用和實(shí)體引用,下面我們將常用的進(jìn)行總結(jié)

總結(jié)
我們將這些用的最多的也是最基礎(chǔ)的一些標(biāo)簽元素進(jìn)行了總結(jié),一旦掌握這些最基礎(chǔ)的,你就可以快速成為html初級人員,編寫一個簡單的html網(wǎng)頁是不成問題的,這也為以后的進(jìn)一步學(xué)習(xí)打下基礎(chǔ)。
相關(guān)文章
- 下面小編就為大家?guī)硪黄綡TML 元素】標(biāo)記文字詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-23
詳解HTML編程的標(biāo)記與文檔結(jié)構(gòu)
這篇文章主要介紹了詳解HTML編程的標(biāo)記與文檔結(jié)構(gòu),是HTML入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-01css 濾鏡效果主要對HTML標(biāo)記設(shè)置濾鏡效果
CSS樣式的filter(濾鏡效果)對HTML的一些標(biāo)記設(shè)置濾鏡效果,下面主要為大家介紹下IE4.0以上支持的濾鏡屬性表及一些常用濾鏡效果2014-09-06html body標(biāo)簽詳解與html常用的控制標(biāo)記
這篇文章主要介紹了html body標(biāo)簽詳解與html常用的控制標(biāo)記 ,需要的朋友可以參考下2014-04-16- HTML注釋,我們經(jīng)常要在一些代碼旁做一些HTML注釋,這樣做的好處很多,比如:方便查找,方便比對,方便項(xiàng)目組里的其它程序員了解你的代碼,而且可以方便以后你對自己代碼的理解與2013-12-08
- 眾所周知,HTML是互聯(lián)網(wǎng)有史以來最偉大的發(fā)明,HTML5的目的就是要根據(jù)目前互聯(lián)網(wǎng)的狀況對其進(jìn)行改進(jìn)2012-12-13
Html長文本超出標(biāo)記寬度后自動截取實(shí)現(xiàn)代碼
通過CSS去實(shí)現(xiàn)長文本自動截取功能,本人詳細(xì)整理了一番,需要了解的朋友可以參考下2012-12-05- 接下來將介紹meta標(biāo)記,meta標(biāo)記用于定義文件信息,對網(wǎng)頁文件進(jìn)行說明,便于搜索引擎查找2012-12-04
- 下面小編就為大家?guī)硪黄獪\談HTML中的標(biāo)記。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-22