歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> 簡單實用的HTML知識

簡單實用的HTML知識

日期:2017/3/1 10:13:07   编辑:Linux編程

一、HTML各種命令的代碼:
1、文本標簽(命令)
<pre></pre>         創建預格式化文本
<h1></h1>          創建最大的標題
<h6></h6>          創建最小的標題
<b></b>           創建黑體字
<i></i>           創建斜體字
<tt></tt>          創建打字機風格的字體
<cite></cite>        創建一個引用,通常是斜體
<em></em>          加重一個單詞(通常是斜體加黑體)
<strong></strong>      加重一個單詞(通常是斜體加黑體)
<font size=?></font>     設置字體大小,從 1 到 7
<font color=?></font>    設置字體的顏色,使用名字或十六進制值

2、圖形(命令)
<img src="name">       添加一個圖像
<img src="name" align=?>   排列對齊一個圖像:左中右或上中下
<img src="name" border=?>  設置圍繞一個圖像的邊框的大小
<hr>             加入一條水平線
<hr size=?>         設置水平線的大小(高度)
<hr width=?>         設置水平線的寬度(百分比或絕對像素點)
<hr noshade>         創建一個沒有陰影的水平線

3、鏈接(命令)
<a href="URL"></a>      創建一個超鏈接
<a href="mailto:EMAIL"></a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a>     創建一個位於文檔內部的靶位
<a href="#NAME"></a>     創建一個指向位於文檔內部靶位的鏈接

4、格式排版(命令)
<p>             創建一個新的段落
<p align=?>         將段落按左、 中、 右對齊
<br>             插入一個回車換行符
<blockquote></blockquote>  從兩邊縮進文本
<dl></dl>          創建一個定義列表
<dt>             放在每個定義術語詞之前
<dd>             放在每個定義之前
<ol></ol>          創建一個標有數字的列表
<li>             放在每個數字列表項之前,並加上一個數字
<ul></ul>          創建一個標有圓點的列表
<li>             放在每個圓點列表項之前,並加上一個圓點
<div align=?>        一個用來排版大塊HTML 段落的標簽,也用於格式化表

二、HTML基本語法

文件格式<html></html>(文件的開頭與結尾)
主題<title></title>(放在文件的開頭)
文頭區段<head></head>(描述文件的信息)
內文區段<body></body>(放此文件的內容)
標題<h?></h>(?=1~6,改變標題字的大小)
標題對齊<h align=right,left,center></h>
字加大<big></big>
字變小<small></small>
粗體字<b></b>
斜體字<i></i>
底線字<u></u>
上標字<sup></sup>
下標字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字體大小<basefont size>(取值范圍從1到7,默認值為3)
改變字體大小<font size=?></font>(?=1~7)
字體顏色<font color=#rrggbb></font>(RGB色碼)
指定字型<font face=?></font>(?=宋體,楷體等)
網址鏈結<a href="URL"></a>
設定錨點<a name="?"></a>(?以容易記為原則)
鏈結到錨點<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(錨點不同文件)
顯示圖形<img src="URL"></a>
圖形位置<img src="URL" align=top,bottom,middle,left,right>(分別為上、下、中、左、右的位置)
圖形取代文字<img src="URL"alt=?>(無法顯示圖形時用)
圖形尺寸<img src="URL" width=? height=?>(?以像素為單位)
連結圖形邊線<img src="URL"border=?>(?以像素為單位)
圖形四周留白<img src="URL"hspace=? vspace=?>(?以像素為單位)
段落<p></p>
斷行<br></br>
橫線<hr>
橫線厚度<hr size=?>(?以像素為單位)
橫線長度<hr width=?>(?以像素為單位)
橫線長度<hr width=?%>(?與頁寬相比較)
實橫線<hr noshade>(無立體效果)
背景圖案<body background=圖形文件名>(圖形文件格式為gif和jpg)
背景顏色<body bgcolor=#rrggbb>(RGB色碼)
背景文字顏色<body text=#rrggbb>(RGB色碼)
未鏈結點顏色<body link=#rrggbb>(RGB色碼)
已鏈結點顏色<body vlink=#rrggbb>(RGB色碼)
正在鏈結點顏色<body alink=#rrggbb(RGB色碼)

Copyright © Linux教程網 All Rights Reserved