刚开始学习,个人感觉学的还是挺顺手的。
昨天学了H5的常用标签,有div、a、p、table、td、tr、span、strong、ol、ul、li、input、h1--h6、form。大概就这些吧,用处最大的我认为是div、a、和input。div分块最方便明了,一个div里的就是一大块;a标签用以加链接,这个是必不可少的;input呢,输入框、按钮、文件预览等都可以通过这个标签来实现。
上面说到的这些标签,有块标签和行标签之分,最大区别是块标签独占一行,而行标签一般不换行的。具体区别见下:
块:
1、块属性标签独占一行
2、
块属性标签默认可以设置宽高
3、
块属性标签默认可以设置margin、padding
行:
1、
行属性标签默认内容撑开宽高
2、行
属性标签大部分行标签不可以设置宽高(input、img)
3、行
属性标签默认不能设置纵向margin
标签的就这么多吧,说下老师推荐的一个编辑器:sublime text2 不得不说这个编辑器真好用,特别是做html方面的简直神器啊!举个例子:在写带超链接的文字时,如果按一般的方法要一行行的敲,或者敲一行复制、粘贴,但在sublime text2里,只用一句代码就可以实现>>>写8个带超链接的文字模型
div>a{网站名$}*8 按 table 后就会有
<div>
<a href="">网站名1</a>
<a href="">网站名2</a>
<a href="">网站名3</a>
<a href="">网站名4</a>
<a href="">网站名5</a>
<a href="">网站名6</a>
<a href="">网站名7</a>
<a href="">网站名8</a>
</div>
<a href="">网站名1</a>
<a href="">网站名2</a>
<a href="">网站名3</a>
<a href="">网站名4</a>
<a href="">网站名5</a>
<a href="">网站名6</a>
<a href="">网站名7</a>
<a href="">网站名8</a>
</div>
感觉很神奇,我查了下才知道这是一种zen coding写法,不得不佩服发明这种写法的人。
大致就这么多了,下次在写。PS:第一次写,有点乱、、