主頁 > 知識庫 > html入門教程 html標(biāo)記符號快速掌握

html入門教程 html標(biāo)記符號快速掌握

熱門標(biāo)簽:AI外呼系統(tǒng) 價格 營口400電話申請 錦州企業(yè)外呼系統(tǒng) 水經(jīng)注萬能地圖標(biāo)注 青海保險智能外呼系統(tǒng)商家 禹州電話外呼系統(tǒng) 新鄉(xiāng)機器人外呼系統(tǒng) 梧州地圖標(biāo)注app 最簡單的百度地圖標(biāo)注店鋪
編外話
如果你對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>
這里有一點要說的是在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)建帶有項目符合的列表:
<ul>和<li>,他們標(biāo)簽的type屬性指定符號的樣式:
disc,顯示為實心的圓圈;
square,顯示未實心的方塊。
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的類型可以參考下面張圖片:
 
列表框元素
允許用戶從一個下拉菜單中選擇一項或多項,列表框由<select>元素創(chuà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)該盡量用相對路徑而不用絕對路徑。
特殊字符元素
特殊字符包括字符引用和實體引用,下面我們將常用的進(jìn)行總結(jié)
 

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

標(biāo)簽:青島 哈密 荊門 懷化 潮州 昭通 山南 延邊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《html入門教程 html標(biāo)記符號快速掌握》,本文關(guān)鍵詞  html,入門教程,標(biāo)記,符號,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html入門教程 html標(biāo)記符號快速掌握》相關(guān)的同類信息!
  • 本頁收集關(guān)于html入門教程 html標(biāo)記符號快速掌握的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章