跟著銷售學(xué)基礎(chǔ)—html的內(nèi)聯(lián)元素和塊元素

互聯(lián)網(wǎng)誕生web以來,web的理念一致被刷新,web1.0,web2.0,web3.0.

可html的基礎(chǔ)有沒有新的變化呢?

從html4.1到html5到底改變了什么?

這些概念,目前并不重要,就如同你選擇python2好呢? 還是python3呢?

最重要的是, 你有沒有堅(jiān)持下去,學(xué)好?

只讀經(jīng)典書, html+css 將師從head first html +css 第二版 來進(jìn)行學(xué)藝。

一、基礎(chǔ)

html如果簡(jiǎn)單看一會(huì)w3school, 也許你就馬上入門了,但是似乎離真正的入門還是會(huì)缺點(diǎn)什么?

老老實(shí)實(shí)的讀完一本書,在不斷的實(shí)踐,不斷的書寫這才是辦法呢。

html 是 一種排版的在線,并且是具備互動(dòng)的。你可以把html設(shè)計(jì)當(dāng)作做一個(gè)好吃好看的蛋糕。但是做蛋糕前,你得首先對(duì)于蛋糕的樣式進(jìn)行一個(gè)規(guī)劃。

也是我們html說的,如何排版。

排版是一種藝術(shù)。這里有人專門寫了這個(gè)(寫給大家看的設(shè)計(jì)書)

?二、切蛋糕

?如果你有了一個(gè)基本的切蛋糕的布局,現(xiàn)在需要的一些工具,我們把工具分為兩種,一種是蛋糕的材料,如奶油啊,櫻桃啊,另一種做蛋糕形狀布局的小刀,墜花啊。

html,裝飾蛋糕材料的叫做,內(nèi)聯(lián)元素。

做蛋糕形狀布局的,叫塊元素。

內(nèi)聯(lián)元素有:

<h1> </h1> ... ?<h6></h6>

<img>?

<q></q>

<a></a>

?塊元素有:

<p></p>

<div></div>

<blocksquare></blocksquare>

<ul></ul> <ol></ol>

<li></li>

<table> </table> <tr></tr> <td></td>

? ? 下面我們就來實(shí)踐中學(xué)習(xí)一些美麗的元素。


我們常常看到www.sina.com.cn/index.html#da

是其中一處<a id=“fog" >錨點(diǎn),也可以寫成www.sina.com.cn/#da

target =“_blank”用于打開新標(biāo)簽

web常用圖片格式,Jpg,png,gif

Jpg:一般用來圖片格式

PNG:一般圖形,支持透明背景

GIF,一般圖形,單一透明

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,269評(píng)論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評(píng)論 1 92
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HTML5...
    Programmer客棧閱讀 2,035評(píng)論 0 12
  • 欲望爬在馬背上, 一生咯噠作響。 問遍周邊的大小膀胱, 有的傷有的重傷。 我笑成樂章, 呵呵,有傷總比死了強(qiáng)。 陣...
    淺得塾心靈文畫閱讀 147評(píng)論 3 4
  • 最終決定將這次有驚無險(xiǎn)的短短三分鐘的故事記錄下來,是希望給自己一個(gè)警醒吧。當(dāng)然如果對(duì)其他父母也有一定的警鐘作用,那...
    家有兒女正瘋長(zhǎng)1234_A閱讀 223評(píng)論 0 0