HTML5

主要知識點:圖像 ? 鏈接 ?表格

? ? ? ? 今天是學(xué)習(xí)HTM的第六天,但是今天要記錄的知識點是兩天前的,因為偷了一下懶,所以欠下了好幾天的債。

一,圖像:

? ? ?圖像的格式包括:JPG ?png gif

? ? ?圖像元素(標(biāo)簽):<img>

? ? ?語法:<img src="圖像地址"> ?src:是指圖像的來源,img標(biāo)簽不是閉合標(biāo)簽

示例如下

1,背景圖像<body background="/123.jpg">gif 和jip文件均可以作用于HTML背景,如果圖像小于頁面,圖像會進行重復(fù)

2,排列圖片:未設(shè)置對其方式的圖像<img src="../123.j[g">

? ? ? ? ? ? ? ? ? 設(shè)置對其方式為bottom的圖像<img src="../123.jpg" align="bottom">

? ? ? ? ? ? ? ? ? 設(shè)置對其方式為middle圖像<img src="../123.jpg" align="middle">

? ? ? ? ? ? ? ? ? 設(shè)置對其方式為top圖像<img src="123.jpg" align="top">

圖像的屬相align相關(guān)的值還有center ?right left 。還可以設(shè)置圖像的寬weight ?高hight,對于weight和hight的屬性值可以放大或縮小圖像的值。

3,將圖像作為連接來使用:<a href="鏈接地址"><img border=0 src="123.jpg"></a>


二,鏈接:

鏈接有很多種形式,可以鏈接文字,圖像 ,瀏覽器地址,郵箱,另一個HTML文件, 錨點等多種形式,

鏈接文字:<a href="地址">文字</a>

鏈接圖像:<a href="圖像地址+文件名"></a>

錨點:<a name="錨點名稱">

在鏈接時,要找對絕對地址和相對地址(從里往外找時 ?../,從外往里找時 ? 文件名/運行文件)

三,表格

1,表格元素

table :創(chuàng)建表格

caption:表頭

tr :創(chuàng)建表格的行開始

td:創(chuàng)建表格的列開始

2,寫作方式一:

<table>

<capition></caption>

? ? <tr>

<td></td>

? ? ? </tr>

寫法二:

<table>

<caption></caption>

<thead></theaf>

<tbody></tbody>

<tfoot></tfoot>

<table>

3,表格屬性 caption

1,style:(可以設(shè)置 ? 字體顏色,字體大小,), ? ? ?2,align(設(shè)置對其方式)

table屬性

1,border:設(shè)置邊框? 2,align(設(shè)置對其方式? center right left)? 3,style(可以設(shè)置? 字體顏色,字體大?。?4,cellpadding(單元格內(nèi)容與邊框之間的空白) ?5,cellspacing(增加單元格之間的距離 ) ? 6,gbcolor(表格背景顏色),

4,表格相關(guān)復(fù)雜操作

colspan:列合并

rowspan:行合并

valign: 內(nèi)容遲滯排列方式(middle居中 ? bottom下對齊 ? top上對齊 ?baseline與基線對齊)

align:(center right left)


接下來看一個示例:



代碼:


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請聲明 原文鏈接 關(guān)注公眾號獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納,這里只是一個提...
    前端進階之旅閱讀 9,221評論 22 225
  • 一. CSS 代碼縮寫,占用更少的帶寬 盒模型代碼簡寫:再說盒模型時外邊框(margin),內(nèi)邊框(padding...
    A_sura閱讀 667評論 0 6
  • CSS可以分為4部分 1. CSS樣式 1. 文字屬性 格式:非連寫---> font-family:設(shè)置文字的字...
    白的嚇人閱讀 803評論 0 0
  • 在CSS屬性中,字體和大小,子元素可以繼承父元素,但顏色不能 CSS核心屬性 一.CSS屬性組成和作用 1.每個c...
    迷茫o閱讀 365評論 0 0
  • 高爾基曾經(jīng)說過:“書籍是人類進步的階梯?!睍軒Ыo我們許多重要的好處。 書,是我們智慧的源泉。假如你不讀書,你的精...
    AnnyQiu閱讀 24,731評論 0 3

友情鏈接更多精彩內(nèi)容