前情提要:
自备一个后缀文件格式为.html的txt文件之外,其文件内部需写有基本的html结构(微笑脸,先默打一遍算作是复习吧!!!)。
作为一个前端一定要膨胀!OK?
UI设计师的设计图要我们去实现,狗产品的修改意见需要征求我们的意见,后端千辛万苦返回的数据也由我们前端展示。让我改bug?请出示bug文档,改需求?请出新的需求文档,不接受口头叙述。谁是大爷你们这些人心里最好有点B数,不然劳资拍桌子就走,不伺候了
万丈高楼平地起基础一定要扎实,不然偷(zhuang)鸡(b)不成蚀把米,进入正题:
所有展示内容( 网页内容 )都写在body标签里(好气,竟然有人问我标签写在哪)
段落文字标签( 我们先走一段代码,看了效果更容易联想作用 ):
然后我来运行一下(右键,在浏览器中运行...)
em....,这个效果...,是文章标题的那种又大又粗(em...)的那种效果吧..。而且,h系列标签就到h6,字体越来越小,h6以后的标签都是没有效果的,和普通的网页内容一样啊....OJBK ,下一个
em...,f5刷新页面看一下效果
好的,很普通的文字效果,就是有的换行(div,p)有的不换行(span)有的有间距(p)嘛!下一个
em...,f5刷新页面看一下效果
li标签前面有个小黑点(ul中是可以写好多li标签的,你可是试一试会出现什么效果)..,然后让我们来点刺激的:
累死我了...,f5页面,走你
联想一下效果,好像在哪见过(自己想)...
图片标签 (惯例,先走代码):
我在演示页面外保存了一张图片(xiaokeai.jpg),然后在代码中这样写道
f5,看效果
完美,img的src属性=图片存储的路径...get,下一个
超链接标签(惯例走代码):
新建一个页面(demoNext.html),保存的路径和图片的一样
我们在新建的demoNext.html中写道(手打复习一下):
准备工作就绪,我们返回刚才的编辑页面:
我们定义a标签的href属性指向同级文件demoNext.html,Ctrl+S保存,打开页面,f5刷新
页面显示跳转,我们点击===》跳转
页面中的内容显示为demoNext.html,网页的url也变成文件的保存位置...
标签太多,就不一一展示了,附一篇网友总结的标签讲解,嘿嘿嘿..你们自己练,遛了遛了,下课...