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 www.日韩视频,亚洲精品一区二区三区不卡,国产一区二区中文字幕

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

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

          、標(biāo)簽的分類:雙標(biāo)簽和單標(biāo)簽

          雙標(biāo)簽:就是成對出現(xiàn)的,類似于這種 <html> </html>

          單標(biāo)簽:就是可以單個使用的,類似于 <br> 換行標(biāo)簽 或 <hr>水平線標(biāo)簽。

          二、標(biāo)簽屬性的作用:

          標(biāo)簽的屬性是用來定義文字或字符的 顏色、寬高、粗細(xì)、大小、等,這個是標(biāo)簽屬性的作用。


          三、標(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)問題


          主站蜘蛛池模板: 精品少妇人妻AV一区二区三区 | 国产成人高清亚洲一区91| 日本一道高清一区二区三区| 日本一区二区三区精品国产| 精品无码av一区二区三区| 国产一区二区精品久久凹凸 | 国产精品免费一区二区三区 | 亚洲视频在线一区二区| 偷拍激情视频一区二区三区| 亚洲一区二区三区四区在线观看| 精品免费久久久久国产一区| 国产人妖视频一区二区破除| 男人的天堂av亚洲一区2区| 久久伊人精品一区二区三区| 少妇激情av一区二区| 亚洲国产精品自在线一区二区| 久久se精品一区精品二区国产 | 在线成人一区二区| 麻豆AV一区二区三区久久| 亚洲AV美女一区二区三区| 亚洲韩国精品无码一区二区三区| 久久免费视频一区| 国产亚洲无线码一区二区| 激情综合一区二区三区| 久久久91精品国产一区二区| 一区二区三区国产精品| 精品一区二区三区在线播放视频| 99精品国产一区二区三区不卡| 麻豆aⅴ精品无码一区二区| 亚洲一区中文字幕| 欧美日韩综合一区二区三区| 日韩伦理一区二区| 国产成人精品无人区一区 | 国产精品视频免费一区二区三区| 国产成人高清亚洲一区久久| 国产激情一区二区三区 | 日韩电影一区二区三区| 久久久国产精品亚洲一区 | 伊人久久大香线蕉av一区| 少妇激情AV一区二区三区| 国产香蕉一区二区三区在线视频|