1.列表(对相同类型的数据进行合理的展示)
列表分为有序、无序和自定义列表。
a、无序列表(ul):
2024年10月19日
网页布局对网站的外观特别重要,布得好,留得住用户,增收流量;布不好,用户逃之夭夭,还顺道骂两句。大多数Web系统会借用杂志或报纸那样排版,至于为什么这样,我不说,你也懂的,就是产品经理吵架吵不过程序员时,常说的:用户教育成本低。
在HTML中,如果是数据集(像excel那种)的布局,常用<table>标签,如果是内容块(网站板块)的布局,则常用<div>标签。
2024年10月19日
今天,小编为大家展示一下,用纯table搭建页面结构,实现QQ登陆页(为初学者作参考,页面结构搭建方式很多,这种基本上就只初学table才会用的)
小编的素材
上代码截图:
有兴趣的同学可以去试试吧。
更多基础练习案例,私信小编回复“html”获得。
2024年10月19日
本内容是《Web前端开发之Javascript视频》的课件,请配合大师哥《Javascript》视频课程学习。
为了方便构建表格,HTML DOM为表格专门创建了HTMLTableElement 接口;其继承自HTMLElement接口;
该接口提供了专门的属性和方法来处理表格的布局与呈现;
HTMLTableElement接口属性:
2024年10月19日
实例
一个简单的 HTML 表格,包含两列两行:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
2024年10月19日
上篇文章介绍了div标签的作用,我们这篇文章主要来看下过气表格标签table的语法与使用。
在div没有出现之前,table曾是做网页的中坚力量。记得在开始学网页的时候,div是神马,我不造呀!做网页还用div吗,就只用table就可以了,各种表格嵌套加嵌套,一个网页就拼凑出来了。但table写的布局页面做维护就比较令人头痛欲裂了。因为table是一层一层嵌套,标签量冗余过多。所以修改起来就是动一发而牵全身。维护起来格外麻烦,往往是拆东墙补西墙。所以它后来就慢慢被div所替代。但是在数据列表上还是用table形式来写比较的合理,所以现在table多用于网站后台的表格数据处理中。
2024年10月19日
我们继续往下讲述,关于a标签的跳转,我们用到的是href属性,href里面对应的就是我们需要跳转的地址,可以是本地文件的跳转,也可以是网络地址的跳转,这个很简单了,就不过多做赘述了。
大家有没有发现,在上述的例子中,我们点击a标签后,跳转的页面都是在当前窗口打开的,在实际的开发中,如果说在新的窗口打开呢?那么我就需要a标签的另一个属性“target”,target这个属性,可以使得我们选择在当前页面或者新窗口进行打开,默认不写或者target=“_self”,是当前窗口,target=“_blank”,是在新的窗口打开。
2024年10月19日
说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。
先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。
接下来的行文内容大概会按照这个顺序进行,内容十分基础,可选择性跳到相应内容处阅读。
嗯,色彩关键字很好理解。它表示一个具体的颜色值,且它不区分大小写。譬如这样 color:red
的 red 即是一个色彩关键字。
2024年10月19日
哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!
志同道合的小伙伴跟我一起学习交流哦!
图片是有诸多优点的,但是缺点很明显,比如图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”,因为图片放大和缩小会失真。我们后面会学习移动端响应式,很多情况下希望我们的图标是可以缩放的。此时,一个非常重要的技术出现了,额不是出现了,是以前就有,是被从新"宠幸"啦。。。这就是字体图标( iconfont)
2024年10月19日
1.什么是CSS?