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

2024-08-26 00:12:05

字體：大中小

來源：轉載

供稿：網友

編外話
如果你對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="size"value="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應該盡量用相對路徑而不用絕對路徑。
特殊字符元素
特殊字符包括字符引用和實體引用，下面我們將常用的進行總結