互聯(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,一般圖形,單一透明