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