【0基础学前端】1.2 段落文字图片超链接标签

前情提要：

        自备一个后缀文件格式为.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也变成文件的保存位置...

        标签太多，就不一一展示了，附一篇网友总结的标签讲解，嘿嘿嘿..你们自己练，遛了遛了，下课...