已完本玄幻小说排行榜,手机推荐排行榜

主頁 > 知識庫 > html入門教程 html標記符號快速掌握

html入門教程 html標記符號快速掌握

編外話
如果你對html一無所知，還苦惱與html如何入門，筆者很建議你學習下這篇文章，可以讓你快速掌握html，如果你已經(jīng)是html的高手，那么也希望您給我以更好的建議。

概要
HTML俗稱超文本標記語言，是Hyper TextMarkup Language的縮寫，是用于描述網(wǎng)頁文檔的一種標記語言。網(wǎng)頁文件本身只是一種文本文件，我們通過在文本文件中添加標記符號，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等），這些標記符號就是我們的html，我們學習html就是學習這些標記符號，今天我們主要來學習一些常見的html標記符號也稱為html元素、

標簽元素
標簽介紹
html元素包括一個或一對標簽定義的包含范圍。而標簽就是由兩個字符串“<”和“>”號組成，標簽包括開始標簽“<>”和結(jié)束標簽“</>”。
html標簽元素有四種形式分別是：
空元素：<br>
帶有屬性的空元素：<hrfont="red">
帶有內(nèi)容的元素：<titile>這是內(nèi)容</titile>
帶有內(nèi)容和屬性的元素:<fontcolor="red">這是內(nèi)容</font>
這里有一點要說的是在html文檔中，標簽和屬性的名字是和大小無關(guān)的。

html框架的必備基本元素
<html></html>表示文檔的開始和文檔結(jié)束
<head></head>表示文檔頭部的開始和結(jié)束
<title></title>表示文檔標題的開始和結(jié)束
<body></body>表示文檔的正文的開始和結(jié)束
html注釋
格式是小于號（<），感嘆號（!）小于號和感嘆號間無空格，接下來是兩條短線（--）,然后就是注釋內(nèi)容，最后又是兩條短線（--）和大于號（>）。
如：

與段落控制相關(guān)的標簽
<palign="#">
創(chuàng)建一個段落，屬性align表示段落的對齊方式，#可以是left、center、right、justify。
<br>
作用是換行
<hrcolor="#">
作用是插入一條水平線，屬性color用來表示顏色。

與文本顯示相關(guān)的標簽
<center>…</center>
使文本居中顯示
<hnalign="#"></hn>
作用是表示文檔的標題，n是從1-6的整數(shù)，一次為最大標題，6是最小標題，align為設(shè)置標題對齊方式，包括left、center、right
<fontsize=n color="#">...</font>
設(shè)置字體，size為字體大小，從1到7的整數(shù)，數(shù)字越大，字體越大。
<b>...</b>
使文本成為粗體。
<i>…</i>
使文本成為斜體

列表元素創(chuàng)建的標簽
a.創(chuàng)建帶數(shù)字編號的列表：
<ol>...</ol>用start屬性，設(shè)置起始的序號。
<li>...</li>用value屬性，改變列表內(nèi)的序號順序。
b.創(chuàng)建帶有項目符合的列表：
<ul>和<li>，他們標簽的type屬性指定符號的樣式：
disc，顯示為實心的圓圈；
square，顯示未實心的方塊。
circle，顯示未空心的圓圈
b.建立無符號的列表
<dl>與<dt>標簽創(chuàng)建無符號的列表
<dd>和<dt>，創(chuàng)建縮進的列表

表格元素的標簽
表格在網(wǎng)頁布局中的作用是至關(guān)重要的，表格是用<table>來定義的，
具體的定義為：<tableborder=n aligh="#" bgcolor="rgb">
屬性border用于定義表格邊框的寬度，屬性align用于設(shè)定表格的對齊方式，可以是left、right、center。bgcolor是顏色。
<caption>…</caption>用來定義表格的標題
<tr>...</tr>為表格添加新行
<th>…</th>用于定義表頭
<td>…</td>用于定義單元格

html交互式表單
表單在網(wǎng)頁中主要負責數(shù)據(jù)采集功能，比如我們平常注冊信息、輸入信息可以與網(wǎng)頁進行交互的都是表單。
表單使用<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的類型可以參考下面張圖片：

列表框元素
允許用戶從一個下拉菜單中選擇一項或多項，列表框由<select>元素創(chuàng)建，列表框中的各個選項用<option>元素提供。
多行文本輸入控件
<textareaname="name" rows="number of rows" cols="number ofcolumns" >…</textarea>
屬性rows用于指定文本框輸入控件可視區(qū)域顯示的文本行數(shù)，cols指定文本輸入控件可視區(qū)域顯示的寬度。

超鏈接標簽
<ahref="URL">…</a>
屬性href用于指定鏈接的目標，目標地址有URL定位，在開始標簽<a></a>之間的文本將作為瀏覽器中顯示的鏈接文本。

嵌入圖像標簽
<img src="URL" width=n height=m>屬性src指定圖像資源的位置，屬性width和height用于指定圖片的尺寸，在這里需要注意的是src應(yīng)該盡量用相對路徑而不用絕對路徑。
特殊字符元素
特殊字符包括字符引用和實體引用，下面我們將常用的進行總結(jié)

總結(jié)
我們將這些用的最多的也是最基礎(chǔ)的一些標簽元素進行了總結(jié)，一旦掌握這些最基礎(chǔ)的，你就可以快速成為html初級人員，編寫一個簡單的html網(wǎng)頁是不成問題的，這也為以后的進一步學習打下基礎(chǔ)。

標簽：青島哈密荊門懷化潮州昭通山南延邊

巨人網(wǎng)絡(luò)通訊聲明：本文標題《html入門教程 html標記符號快速掌握》，本文關(guān)鍵詞 html,入門教程,標記,符號,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

濮阳杆衣贸易有限公司

html入門教程 html標記符號快速掌握