一、轉義字符

由特殊字符包裹的文本 會當做標簽去解析

?對應不換行空格

?對應全角空格?em是字體排印學的計量單位，相當于當前指定的點數。其占據的寬度正好是1個中文寬度，而且基本上不受字體影響。

<對應<

>對應>

二、行內元素和塊級元素

1.塊級標簽

默認情況下，每一個塊級元素都是獨占一行的即元素的前后都會換行 都有 align 屬性，例如：

p標簽　　　　段落標簽

h1~6標簽　　 標題標簽

hr標簽　　　? 水平分割線標簽

div標簽　　　 塊級元素

2.行內標簽

不會換行可以和其他的標簽或文本在一行內顯示，例如下列標簽：

strong標簽或者b標簽都表示加粗標簽

em標簽或者i標簽都表示傾斜標簽

s標簽或者del標簽都表示刪除標簽

sup表示上標標簽

sub表示下標標簽

span被用來組合文檔中的行內元素。

注意事項(編程規則)

p標記不能嵌套塊級元素 w3c的規范

一個段落里面不能放另外一個文章

三、web瀏覽器

谷歌 GOOgle Chrome

火狐 fireFox

IE

歐朋 Opera

蘋果 Safari

四、超鏈接標簽

URL 統一資源定位符

三種表現：絕對路徑

解釋：從文件所在的最高級目錄下開始的完整路徑

1.1訪問互聯網上的資源

1.2訪問本機的資源

相對路徑

解釋：文件所在的位置開始查找 資源文件所在的位置經過的路徑

2.1當前文件和資源文在同目錄下 直接可以用名稱引用

2.2資源文件在當前目錄的子目錄中 先進入，再引用

2.3 資源文件在當前文件的父目錄中 先返回 再引用 ../ 返回上一級，多層返回上一級以此類推，例如：../../../../../

根相對路徑

在服務器上面使用的，只有服務器端才能用得到

表現/作為開始

例如/img/ben.jpg 在項目中先找到一個img的文件夾 再找ben的圖片

錨點：

作用： 在網頁中的任意位置添加記號 可由任意位置跳轉到該記號

使用：1.定義錨點

a標簽的 一個屬性 name

其他標簽里面用 id 屬性

2.在另外一個地方跳轉

五、跑馬燈標簽

作用：將文本在頁面上流動顯示(滾動播放)

用法： 內容

屬性：滾動速度 scrollamount，值越大，滾動速度越快 一般5-10比較適宜消息觀看

滾動方式 behavior，3個值 scroll-循環滾動 slide-只滾動一次 alternate-來回滾動 默認循環滾動

滾動方向 direction，滾動方向 direction 4個值 up down left right 默認從右向左

滾動循環 loop，默認值-1或infinite 表示無限循環滾動 loop="數值" 表示滾動相應的次數

滾動背景顏色 bgcolor

滾動空間 hspace-水平邊距 vspace-垂直邊距

滾動延遲 scrolldelay，值越大，滾動速度越慢，通常不設置

六、圖片標簽

作用：在頁面上 添加一張圖片

用法：

圖片的格式： jpg有損壓縮 png無損壓縮的圖片支持透明度 gif動圖

七、表格

1、表格的作用

按照一定的格式擺放數據

表格是由一些被稱為單元格的矩形框組成

按照從左到右，從上到下的順序排列到一起組成的。

2、創建表格

1.定義表格 table(定義一個完整表格范圍)

2.創建行 tr(行)

3.創建單元格td(單元格)

3、表格屬性

table屬性

border：邊框

cellpadding：單元格的內邊距(單元格邊框與內容之間的距離)

cellspacing：單元格的外邊距(單元格之間的距離)

width:寬度

height：高度

align：對齊方式(整個表格)

bgcolor 背景顏色(純色填充)

bordercolor 邊框顏色

background： 背景圖片

tr屬性(行)

tr是沒有寬高屬性的

align:水平對齊方式(內容)

valign:垂直對齊方式

td屬性(單元格)

width :每個單元格的寬度

height：每個單元格的高度

align:水平(單個單元格的內容)

valign:垂直

不規則表格的創建

1.跨行 rowspan屬性 縱向向下 包含自己

2.跨列 colspan屬性 橫向向右 包含自己

表格標題

語法：

注意：表格標題必須跟在 table后面 而且最多只能有一個。

本文來源于網絡：查看?>https://www.cnblogs.com/MDZZZ/p/11991616.html

總結

以上是生活随笔為你收集整理的html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。