html 圖片行內劇中,HTML入門(轉義字符、行內樣式和塊級元素、定位、錨點、跑馬燈標簽、圖片標簽、表格標簽的講解)...

一、轉義字符

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

?對應不換行空格

?對應全角空格?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,值越大,滾動速度越慢,通常不設置

六、圖片標簽

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

用法: %E6%8F%90%E5%8F%96%E5%9B%BE%E7%89%87%E7%9A%84%E5%9C%B0%E5%9D%80

圖片的格式: 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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/529931.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/529931.shtml
英文地址,請注明出處:http://en.pswp.cn/news/529931.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html scale方法的作用,HTML Canvas scale() 方法

實例繪制矩形&#xff0c;放大到 200%&#xff0c;然后再次繪制矩形&#xff1a;YourbrowserdoesnotsupporttheHTML5canvastag.JavaScript&#xff1a;var cdocument.getElementById("myCanvas");var ctxc.getContext("2d");ctx.strokeRect(5,5,25,15);ctx…

html屏幕輸出筆記本,筆記本怎樣外接顯示器 筆記本外接顯示器方法【詳解】

摘要&#xff1a;筆記本電腦怎樣外接顯示器?一些用戶用慣了大屏臺式電腦的朋友&#xff0c;改用筆記本玩游戲&#xff0c;看電影等開始會很不習慣&#xff0c;由于筆記本的屏幕與鍵盤相比臺式機要小上一大截。如果身邊有顯示器或者液晶電視的話&#xff0c;不妨動手體驗下筆記…

江陵中學2021高考成績查詢,2021高考序幕拉開 荊州38080名考生赴考

十年寒窗磨一劍&#xff0c;只待今朝問鼎時&#xff0c;6月7日上午&#xff0c;2021年全國高考正式拉開序幕&#xff0c;荊州3.8萬余名考生迎來人生大考。上午8點&#xff0c;在湖北省沙市中學考點周圍&#xff0c;不少身著紅色送考服的班主任們正在給考生們發放準考證&#xf…

html怎么播放下一首,javascript – HTML5音頻播放列表 – 第一個結束后如何播放第二個音頻文件?...

這是一個JSLinted,不引人注目的Javascript示例,演示如何處理和使用結束的mediaevent.在您的特定情況下,您將觸發在您的結束事件處理程序中播放第二個音頻文件.單擊播放列表中的項目開始播放.一個音頻結束后,下一個音頻開始.標記&#xff1a;(注意,有意避免< li>元素之間的…

排球制作html,MAYA打造排球建模教程

這篇教程向悠悠之家的朋友們介紹用MAYA打造排球模型的過程&#xff0c;制作很簡單&#xff0c;希望對剛學習MAYA建模的朋友們有所幫助&#xff0c;我們先看看最終的效果圖&#xff1a;你們一定學過很多創建一個球的技巧&#xff0c;但在這個入門教學里面&#xff0c;我們將要學…

北大計算機系統結構學碩,轉自包云剛,希望的原野?最近幾個月參加了計算所、北大、上海交大多位計算機系統結構碩士與博士的答辯,說幾點體會:?①?高水平國際論文越來越多。簡單...?-?雪球...

來源&#xff1a;雪球App&#xff0c;作者&#xff1a; 逍遙劍99&#xff0c;(https://xueqiu.com/1732900127/153778925)最近幾個月參加了計算所、北大、上海交大多位計算機系統結構碩士與博士的答辯&#xff0c;說幾點體會&#xff1a;① 高水平國際論文越來越多。簡單統計了…

計算機主機箱前后都有什么,目前四種熱門的主機機箱設計都有哪些優缺點?

在DIY里面機箱算是最沒技術含量的產品之一&#xff0c;不過它卻是與DIYer接觸時間最長的東西。氣味大師每天都會按下機箱開機鍵&#xff0c;也會空余時間瞄上幾眼。機箱確實是對DIY影響最大的產品之一&#xff0c;今天我來盤點一下2018年見過的幾個主流機箱設計方案。說是機箱設…

微型計算機硬盤接口主要分為,北京交通大學微機原理與接口技術_期末復習題_圖文...

北京交通大學微機原理與接口技術_期末復習題_圖文更新時間&#xff1a;2017/1/26 18:34:00 瀏覽量&#xff1a;1285 手機版“微機原理與接口技術”2008年期末考試復習題1. 微機系統的硬件由哪幾部分組成&#xff1f;答&#xff1a;三部分&#xff1a;微型計算機(微處理器&…

計算機自然語言的中國科學家,中科院教授王斌加入小米 任自然語言處理首席科學家...

王斌新浪科技訊 8月28日上午消息&#xff0c;小米新經濟研究中心發布微信文章稱&#xff0c;中國科學院信息工程研究所研究員、博士生導師王斌已于8月20日正式加入小米集團&#xff0c;任AI實驗室自然語言處理(Natural Language Processing&#xff0c;NLP)首席科學家&#xff…

springcloud 相同服務名_淺談分布式與微服務

分布式和微服務是什么關系&#xff1f;簡單來說&#xff0c;分布式和微服務的概念比較相似&#xff0c;分布式屬于微服務。但是分布式和微服務在架構、作用和粒度上有所區別。因此&#xff0c;兩者的關系是既相互聯系又相互區別。本文主要帶大家認識分布式和微服務&#xff0c;…

html div 子元素 過多 卡頓,CSS不定高元素transition動畫的解決方案

CSS不定高元素transition動畫的解決方案類別&#xff1a; 技術CSS時間&#xff1a;2019-07-27 23:41:35字數&#xff1a;3297版權所有&#xff0c;未經允許&#xff0c;請勿轉載&#xff0c;謝謝合作~### 前言CSS中transition可以方便的實現我們的過渡動畫效果&#xff0c;但并…

bat 變量 文件內容第一行_VBA基礎入門(38)FSO生成bat文件后執行的實例

1.首先&#xff0c;我們回顧下FSO是什么&#xff1f;文件系統對象FSO的英文全稱是File System Object &#xff0c;這種對象模型提出了有別于傳統的文件操作語句處理文件和文件夾的方法。通過采用object.method這種在面向對象編程中廣泛使用的語法&#xff0c;將一系列操作文件…

HTML5廢除元素,HTML5 與 HTML4 的區別(2) - 新增的元素和廢除的元素

新增的結構元素在 HTML5 中&#xff0c;新增了以下與結構相關的元素&#xff1a;section元素section 元素表示頁面中的一個內容區塊&#xff0c;比如章節、頁眉、頁腳或頁面中的其他部分。它可以與h1、h2、h3、h4、h5、h6等元素結合起來使用&#xff0c;標識文檔結構。HTML5 中…

ps怎么更改背景圖層大小_PhotoShop處理圖層的一些技巧方法、PS圖層處理教程

一、了解圖層以及為什么它們如此有用。1.在“圖層”面板中查看和選擇圖層2.層包含組成分層文件的圖像&#xff0c;文本或對象。它們使您可以在一層上移動&#xff0c;編輯和使用內容&#xff0c;而不會影響其他層上的內容。3.圖層在“ 圖層”面板中按堆棧排列&#xff0c;該面板…

zabbix計算型監控項函數last_zabbix 自定義key類型之計算(Calculated items)-阿里云開發者社區...

計算類型的key定義主要是根據已定義過的key值來計算的。例如創建一個計算linux服務器內存實際使用大小的監控項(計算方法為&#xff1a;vm.memory.size[total]-vm.memory.size[cached]-vm.memory.size[free])&#xff0c;方法如下&#xff1a;1、在模板中或是主機中選擇監控項-…

使用計算機畫畫需要什么軟件,專業電腦繪畫用的是什么工具?

滿意答案srCDG3SL62013.11.13采納率&#xff1a;57% 等級&#xff1a;12已幫助&#xff1a;11125人電腦硬件配置(CPU,內存&#xff0c;顯卡等)越高&#xff0c;繪制大圖時&#xff0c;軟件不會卡。就會畫的很流暢。特別是Painter&#xff0c;模擬自然畫筆越真實&#xff0c;…

中如何移動物體在畫面中的位置_組合柜擺在客廳中什么位置最旺運?客廳中,財位是如何確定的?...

組合柜擺在客廳中什么位置最旺運&#xff1f;組合柜在風水中的重要性不如沙發&#xff0c;但要注意的宜忌事項也有很多。風水上講高者為山&#xff0c;低者為水&#xff0c;有高有低&#xff0c;有山有水&#xff0c;才符合風水原理。在客廳中&#xff0c;低的沙發是水&#xf…

計算機概論在線閱讀,計算器概論 or 計算機概論

計算機硬件的五大單元輸入單元、輸出單元、CPU內部控制單元、算數邏輯單元、主存儲器。中央處理器 CPU Central Processing UnitCPU 的種類精簡指令集 Reduced Instruction Set Computing, RISCSun SPARCIBM Power Architecture復雜指令集 Complex Instruction Set Comp…

螺旋天線有方向性嗎_螺旋天線方向圖

luoxuan13度.zip.zip我畫的二臂螺旋天線同軸電纜饋電&#xff0c;得到的方向圖是酒杯形狀的&#xff0c;而不是半球行的&#xff0c;修改了好多次參數都是這樣&#xff0c;這可如何是好&#xff0c;我的模型有問題么&#xff1f;還是哪里出了問題&#xff0c;請幫忙。怎么沒人幫…

jquery ajax html編碼,jQuery AJAX字符編碼

我目前正在編碼一個法語網站。有一個時間表頁面&#xff0c;可以使用側面的鏈接加載另一天的時間表。這是我用來執行此操作的JS&#xff1a;function load(y) {$.get(y,function(d) {$("#replace").html(d);mod();});}function mod() {$("#dates a").click…