Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
雙標(biāo)簽:就是成對出現(xiàn)的,類似于這種 <html> </html>
單標(biāo)簽:就是可以單個使用的,類似于 <br> 換行標(biāo)簽 或 <hr>水平線標(biāo)簽。
標(biāo)簽的屬性是用來定義文字或字符的 顏色、寬高、粗細(xì)、大小、等,這個是標(biāo)簽屬性的作用。
1、每一個標(biāo)簽都有自己的屬性,單標(biāo)簽和雙標(biāo)簽都有。
2、一個標(biāo)簽可以有多個屬性。
3、每個屬性都有對應(yīng)的值,值要用單或雙引號引起來。
4、多個屬性之間使用空格隔開。
5、屬性沒有順序之分。
6、字體屬性值,必須是系統(tǒng)可以識別的字體,一般為系統(tǒng)自帶字體。
7、HTML5 中 font 屬性已經(jīng)棄用。
源代碼:↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--網(wǎng)頁抬頭-->
<title>中央氣象局</title>
</head>
<body>
<!--水平線的寬度是500像素,這個width就是標(biāo)簽屬性-->
<hr width="500">
<!--下面這個是多個標(biāo)簽屬性,多個屬性之間用空格隔開-->
<font color="red" face="黑體" size="7">標(biāo)簽屬性</font>
</body>
</html>
馨提示:細(xì)讀本文需要2分鐘,速讀僅需1分鐘。
作者|李娜
*本文為「Java聯(lián)盟」原創(chuàng)內(nèi)容,轉(zhuǎn)載無需授權(quán),請保留署名來源。
前言
上一節(jié)我們講到HTML是什么,一個網(wǎng)頁的基本架構(gòu)是怎么樣子。但是往往一個網(wǎng)頁有很多標(biāo)簽,分別代表不同的含義,當(dāng)然如果你不懂的話何談編輯呢?所以這一節(jié),開始講到HTML中的那些常見標(biāo)簽。
第二節(jié) HTML 中的常見標(biāo)簽
首先我們先來了解一下 HTML 標(biāo)簽的類型:
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽(HTML TAG)。
1
單標(biāo)簽與雙標(biāo)簽
單標(biāo)簽:單個標(biāo)簽標(biāo)記名稱
無屬性值: 如: br / (表示換行)
有屬性值: 如: hr width=80% / (表示水平線的寬占參照物的百分之八十)
雙標(biāo)簽:兩個標(biāo)簽,成對出現(xiàn)。
無屬性值: 標(biāo)記名稱.../標(biāo)記名稱
如: title.../title
有屬性值: 標(biāo)記名稱 屬性=屬性值.../標(biāo)記名稱
如:fontsize7.../font
注意:
標(biāo)簽的屬性與屬性之間以空格分隔,屬性不區(qū)分先后順序,且屬性不是必需要寫的。
然后我們來了解下標(biāo)題標(biāo)簽。
2
標(biāo)題標(biāo)簽
標(biāo)題標(biāo)簽:hx/hx
其中“x”是1~6的數(shù)字代表字體的大小
如下就是標(biāo)題標(biāo)簽
h1我是標(biāo)題1/h1
h2我是標(biāo)題2/h2
h3我是標(biāo)題3/h3
h4我是標(biāo)題4/h4
h5我是標(biāo)題5/h5
h6我是標(biāo)題6/h6
執(zhí)行實(shí)際效果圖如下:
一般一篇文章只會使用一個 h1 標(biāo)簽。
3
font標(biāo)簽
接下來是 font 標(biāo)簽,比如說font size='5' color='#ff33cc'
這是一個 font 標(biāo)簽/font
其中的 “ size “ 是字體的大小屬性這里把大小設(shè)置為 “ 5 ” ,“ color ” 是 font的顏色屬性,可以在 editplus 中選擇。
font size='5' color='#ff33cc'
效果展示:
4
段落,格式標(biāo)簽
p標(biāo)簽是一個定義段落標(biāo)簽
pp 元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規(guī)定。/p
功能 標(biāo)記
加粗 b文本/b
傾斜 i文本/i
加強(qiáng)語氣(加粗)strong文本/strong
加強(qiáng)語氣(傾斜)em文本/em
下劃線u文本/u
刪除線 del文本/del
上標(biāo) sup文本/sup
下標(biāo) sub文本/sub
換行br/
執(zhí)行效果圖如下:
5
超鏈接標(biāo)簽
這一節(jié)的最后介紹一下超鏈接標(biāo)簽
a標(biāo)簽:我們有時候跳轉(zhuǎn)頁面就是a標(biāo)簽實(shí)現(xiàn)的
ahref=http://www.baidu.com百度/a
這樣的話我們就可以跳轉(zhuǎn)到百度頁面了。
最后給大家看看本節(jié)所有的源代碼以及執(zhí)行效果圖
源代碼
執(zhí)行效果圖
好的這里給大家分享了常見的一些標(biāo)簽想要學(xué)習(xí)到更多的標(biāo)簽知識的小伙伴要記得關(guān)注我們的公眾號 我們會持續(xù)更新有關(guān)于HTML的文章的。
有疑問?有想法?請留言!
微信搜索關(guān)注 :java聯(lián)盟
么現(xiàn)在咱們
就進(jìn)入JavaE部分了~
HTML、CSS和JS又被稱為“前端三劍客”~雖然Java主要是做后臺服務(wù)端開發(fā)的,但是畢竟是要和前端合作,的多少要了解一下~~總之技多不壓身~多學(xué)一點(diǎn)東西總歸是好的~嗯~咱們開始今天的內(nèi)容吧~
HTML
什么是HTML?
HTML 全稱是 Hyper Text Markup Language:超文本標(biāo)記語言。超文本意味著功能比普通文本更加強(qiáng)大。標(biāo)記語言則是:使用一組標(biāo)簽對內(nèi)容進(jìn)行描述的一門語言(注意:它不是編程語言)
HTML的語法和規(guī)范
1)HTML文件都是以.html或者.htm結(jié)尾的。建議使用.html結(jié)尾。
2)HTML文件分為頭部分(<head></head>)和體部分(<body></body>)
3)HTML標(biāo)簽一般是由開始標(biāo)簽和結(jié)束標(biāo)簽組成。
(大部分是成對存在的,有個別標(biāo)簽是單著的~)
4)HTML標(biāo)簽不區(qū)分大小寫,建議使用小寫。
HTML相關(guān)標(biāo)簽學(xué)習(xí)
接下來就是重頭戲了,來一起看看HTML標(biāo)簽都有什么~
標(biāo)題標(biāo)簽<hn > </hn>
n的取值從1到6逐漸變小,獨(dú)占一行加粗加黑顯示,與其他行有一定的行間距
水平線標(biāo)簽 <hr />
里面有一些屬性象顏色(color)、大小(size)等等就不詳細(xì)介紹了,伙伴們自己去摸索一下哈~
段落標(biāo)簽<p></p>
字體標(biāo)簽<font></font>
換行標(biāo)簽<br/>
其中有些屬性:
size:指定內(nèi)容的大小
color:指定內(nèi)容的顏色
face:指定內(nèi)容的字體
加粗:<b></b>
斜體:<i></i>
下劃線:<u></u>
圖片標(biāo)簽
<img />
src:指的是圖片顯示的路徑(位置)
width:指定圖片的寬度,取值可以是像素值,也可以是百分比
height:指定圖片的高度,取值可以是像素值,也可以是百分比
alt:當(dāng)圖片無法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關(guān))
路徑分為兩種:
絕對路徑:
從盤符開始的到圖片位置的完整描述:
類似~C:\Program Files\Img.jpg
相對路徑:
①同一級:直接寫文件名稱或者./文件名稱
②上一級:../文件名稱
③下一級:寫上目錄名稱/文件名稱
列表標(biāo)簽
有序列表:
type:可以選擇數(shù)字、字母及阿拉伯?dāng)?shù)字作為前面的序號,
start: 從哪里開始計數(shù)
reversed: 表示顛倒順序
無序列表:
type:可以選擇前面的樣式實(shí)心圓、空心圓和方塊
超鏈接標(biāo)簽
<a href="" target=""></a>
href:指定跳轉(zhuǎn)的位置
target:指定跳轉(zhuǎn)頁面顯示的位置(取值:_self 、_blank)
表格標(biāo)簽
border:邊框的寬度
width:表格的寬
height:表格的高
align:元素的位置 居中、上、下、左、右
bgcolor:背景色
cellpadding:邊框與邊框間的距離
cellspacing:表格內(nèi)容到邊框的距離
跨行跨列操作
跨行:rowspan
跨列:colspan
今天先說這么多了
剩下的小伙伴們自己摸索吧~
拜拜~
我是萌新娜娜
立志做一個不翻車的老司機(jī)
學(xué)習(xí)Java的路上請多多指教
大家如果想要更深入了解java相關(guān)知識,私信我回復(fù):【Java】 即可知道你們想要知道的java相關(guān)問題
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。