.NET迴歸 HTML----超文字標記語言 (HTML)(暫時無圖)

來源:互聯網
上載者:User

標籤:微軟雅黑   target   背景顏色   上下   htm   動畫特效   add   添加   空行   

HTML用來做網頁,檔案拓展名改為html可以形成網頁

超文字標記語言 (HTML)==超越了文字的範疇,除了文字還可以有圖片、視頻、音頻、動畫特效等其它內容,由標記符號<>組成的一門電腦程式設計語言

HTML的格式:

注釋:<!--注釋內容-->  ctrl+k+c 快速鍵

<HTML> 開始標記

<title>標題名稱</title>  瀏覽器最上面那個標籤

<head> 

網頁渲染,特效

</head>

<body>

網頁展示內容

</body>

</HTML>結束標記

文本設計:

文字加粗:<b>文字</b>

文字傾斜:<i>文字</i>

文字底線:<u>文字</u>

對字型進行修改:

<font face=“字型” color=“顏色” size=“大小”>要添加的文字</font>

color可以是顏色的英文字母,也可已在http://tool.oschina.net/commons?type=3裡面找色號

       字型可以直接打上字型的名字  就像黑體,微軟雅黑之類的直接打上

空格:&nbsp;                 ( 一個&nbsp;代表一個空格)

換行:<br/>

段落:<p>段落內容</p>         (墮落預設上下各空一行,空行高度為最小字型大小,兩個段部之間也是空一行,段落完成後自動空一行,並且換行)

加粗:<strong></strong>        (強調換行,其實就是換行)

插入圖片:

放置圖片<img src="圖片路徑">   --圖片最好和HTML檔案放在一個同一個檔案夾,方便操作   ../  向上一層

設定圖片寬度:width="數字"       --如果寫為100%,就是在頁面橫向平鋪

設定圖片高度:height="數字"      --如果寫為100%,就是在頁面縱向平鋪

設定圖片標題:title="哈哈哈"       --對圖片進行注釋,滑鼠放到圖片上,會有文字提示

插入表格:

<table>  --表格

     <tr>  -- 行

           <td>/<td>  --列

     </tr>  --每個<tr></tr>算一行,裡面可以有很多列。

</table>

表格中的屬性:

border=""                      表格邊線

width=""                        寬度

height=""                       高度

cellspacing=""                 儲存格與儲存格之間的距離

cellpadding=""                內容到邊框的距離

bgcoler=""                      背景顏色

background="圖片路徑"     背景圖片

align=""                          水平對齊         center,left

valign=""                        垂直對齊       center,left

屬性要寫在對應的<>內(不是</>)寫在table裡就是修改整個表的屬性,tr就是此行,td就是此行此列(針對哪個儲存格)

在</tittle>和</head>之間輸入:

<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
</style>

 修改表格與頁面之間的間距

超連結

<a href="http://www.baidu.com" target="_black">圖片/文字</a>

                    這裡寫連結的地址        這是代表在新的頁面開啟

  

 

.NET迴歸 HTML----超文字標記語言 (HTML)(暫時無圖)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.