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