整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html開發筆記08- 字體樣式與顏色(標簽的屬性)

          、標簽的分類:雙標簽和單標簽

          雙標簽:就是成對出現的,類似于這種 <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相關問題


          主站蜘蛛池模板: 久久久久人妻一区精品色| 国产精品va一区二区三区| 综合无码一区二区三区| 国产不卡视频一区二区三区| 久久精品中文字幕一区| 夜夜添无码试看一区二区三区| 国产一区二区电影在线观看| 精品国产一区二区三区色欲| 无码喷水一区二区浪潮AV| 精品福利一区二区三区| 少妇激情av一区二区| 精品久久综合一区二区| 成人乱码一区二区三区av| 蜜桃无码AV一区二区| 国产一区二区三区樱花动漫| 亚洲韩国精品无码一区二区三区 | 国产精品一级香蕉一区| 亚洲日韩一区二区一无码| 免费一区二区三区四区五区| 国产日韩一区二区三区在线观看| 国产精品福利一区二区久久| 国产aⅴ一区二区| 日本免费一区二区三区四区五六区| 午夜视频一区二区| 亚洲一区二区三区四区在线观看 | 无码人妻一区二区三区av| 国产日韩AV免费无码一区二区三区 | 日本一区精品久久久久影院| 亚洲熟女综合色一区二区三区| 久久无码一区二区三区少妇| 97se色综合一区二区二区| 熟女性饥渴一区二区三区| 午夜爽爽性刺激一区二区视频| 一区二区三区视频在线| 无码精品人妻一区二区三区免费| 亚洲国产福利精品一区二区| 久久亚洲中文字幕精品一区| 日本精品3d动漫一区二区| 2022年亚洲午夜一区二区福利| 成人区精品人妻一区二区不卡| 在线免费视频一区|