階段二 day——01 html

標簽

標簽語法

雙標簽:<開始標簽 屬性名=屬性值 屬性名2=屬性值2>內容</結束標簽>
單標簽: <標簽名 屬性=屬性值 屬性2=屬性值2>>或者<標簽名/>
<>----固定寫法
標簽名 -- 標簽名和前面的'<'、'/',或者和后面的'>'之間不能有空隙
名字必須寫 html提供的標簽(不是自己隨便命名的)
屬性 -- 屬性是由屬性名和屬性值組成,屬性名和屬性值之間用等號連接,多個屬性之間用空格隔開 屬性名一般不是自己命名,不同的標簽有不同的屬性
內容 -- 只有雙標簽才有,可以是任何東西(文本或者其他標簽)
常規標簽是由開始標簽和結束標簽兩個部分組成,單標簽沒有結束標簽。單標簽有哪些、雙標簽有哪些是固定的。

文本標簽

a.標題標簽

<h1>一級標簽</h1>
<h2>二級標簽</h2>
<h3>三級標簽</h3>
<h4>四級標簽</h4>
<h5>五級標簽</h5>
<h6>六級標簽</h6>

b.段落標簽

<p>內容</p>

c.字體標簽

<font>內容</font>

d. 強制換行和空格

<br/>--強制換行,單標簽
&emsp--代表一個空格
&nbsp--代表一個像素

e.文本效果標簽

<b></b>  <strong></strong>----加粗
<i></i>  <em></em> --- 傾斜

f.直線標簽

<hr/>---單標簽

2列表標簽

ol  -- 有序列表標簽
<ol>
      <li>一月</li>
      <li>二月</li>
      <li>三月</li>      
</ol>
效果:
1.一月
2.二月
3.三月
ul  -- 無序列表標簽
<ul>
      <li>中國</li>
      <li>日本</li>
      <li>俄羅斯</li>
</ul>
效果:
     語文
     數學
     英語
dl  -- 自定義標簽
<dl>
      <dt>文科</dt>
               <dd>歷史</dd>
          <dd>政治</dd>
          <dd>地理</dd>
      <dt>理科</dt>
               <dd>wuli</dd>
          <dd>huaxue</dd>
          <dd>shengwu</dd>
      <dt>綜合</dt>
               <dd>語文</dd>
          <dd>數學</dd>
          <dd>英語</dd>  
</dl>
效果:
文科
    歷史
    政治
    地理
理科
    wuli
    huaxue
    shengwu
綜合
    語文
    數學
    英語

圖片標簽

<img /> -- 單標簽
src --- 圖片地址
title -- 圖片說明
alt --- 圖片加載說明
<img src="圖片地址" title="圖片說明" alt="圖片加載失敗說明" />

超鏈接標簽

<a href="連接地址" target="加載方式">內容</a>
href屬性 -- 確定點擊超鏈接后跳轉的位置
                a.一個網頁地址 -- 跳轉到指定的網頁
                b.一個本地的html地址
                c.#    刷新網頁
                d.選擇器 -- 讓網頁滾動到指定位置
                
target -- 加載新頁面的方式
      _self -- 在當前頁面中加載新的頁面
          _blank -- 在新的窗口中加載新的頁面

<a href="https//www.baidu.com" target="_blank">百度一下</a>
        <a href="03圖片.html"><img src="img/t01eb2a96541358c67e.jpg" title="美女"/></a>
        <a href="#">刷新</a>
        <a href="#img1">回到圖片一</a>

表格標簽

1.border -- 設置邊框寬度,作用于table屬性
2.bordercolor--設置邊框顏色
3.cellspacing -- 設置單元格和單元格之間的間隙
4.cellpadding -- 單元格中的內容和單元格之間的間距
5.width -- 設置寬度
作為table屬性是作為整個表格的寬度,每一列的
寬度按比例分配
作為td屬性是設置所在列中的寬度
6.height --設置高度
作為table屬性,設置整個表格高度
作為tr屬性,設置每一行的高度
7.bgcolor--設置背景顏色
作為table屬性,設置整個表格的顏色
作為tr屬性,設置一行的背景顏色
作為td屬性,設置指定單元格背景顏色
8.align -- 設置對齊方式(left,right,center)
做為table屬性就是讓表格在父標簽中居中
作為tr屬性,讓一行中所有單元格居中
作為td屬性,讓指定單元格內容居中
tr -- 行
td -- 列
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

##細線表格

細線表格
首先將border設置為0
cellspacing大小設置為想要的寬度大小
設置整個表格的背景顏色為邊框顏色,保證每個單元格的顏色和背景顏色不一樣
<table width="600" height="400" cellspacing="1" bgcolor="black">
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
</table>

            
    






?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,619評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,155評論 3 425
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,635評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,539評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,255評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,646評論 1 326
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,655評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,838評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,399評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,146評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,338評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,893評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,565評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,983評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,257評論 1 292
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,059評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,296評論 2 376

推薦閱讀更多精彩內容

  • 瀏覽器與服務器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網頁內容渲染呈現給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,144評論 0 0
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,295評論 1 41
  • 概述 在網易云課堂學習李南江老師的《從零玩轉HTML5前端+跨平臺開發》時,所整理的筆記。筆記內容為根據個人需求所...
    墨荀閱讀 2,362評論 0 7
  • 瀏覽器請求數據過程 1.URL http://127.0.0.1/index.html(瀏覽器會自動添加80) h...
    菜鳥白澤閱讀 755評論 0 0
  • (注1:如果有問題歡迎留言探討,一起學習!轉載請注明出處,喜歡可以點個贊哦!)(注2:更多內容請查看我的目錄。) ...
    love丁酥酥閱讀 4,236評論 2 5