分享

技术提升必学的HTML用法

 码农9527 2021-05-31

   现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带一个项目,写一行代码的时候,短板就开始暴露,所以对于这样的情况一定要避免。以下内容就是关于HTML的用法介绍,希望对大家的基础提升有所帮助。

web

    首先是最常用的<view>标签与<text>标签

    <view>标签也就是盒子模型,在它的里面可以放其他所有标签,<text>标签里面可以写文字,但是我们也可以直接在<view>标签里面写文字。

<view>标签是单独占一行,但是<text>标签却在一行中有两个。

    这里就不得不提到一个知识点:行内元素与块级元素。首先,HTML的排版是从上而下进行的,块级元素:不管它的内容有没有达到一整行,它都是会占据一整行,行内元素:不会单独占一行,只会占自己应占的长度,可以在一行中共存。

    块级元素:div,p,form,ul,li,ol,dl,form,table

    行内元素:span,strong,em,br,img,input,label,select,textarea

    <image>标签

    也就是图片,我们需要在标签中写上src,后面跟上它的地址,地址可以是本地地址,也可以是网络地址,网络地址写法如下图:

web

    而本地地址就涉及到一个知识点了:相对路径与绝对路径。相对路径:以自己本身A文件为参照物,相对而言B文件所在的路径。可能大家暂时没懂啥意思,我们接着慢慢看,../两个点加一个斜杠,代表着返回上一层(相当于父母),./一个点加上一个斜杠代表同一层(相当于兄弟姐妹),这样大家就好理解多了吧~

web

    这里我在images文件夹中添加了一个图片,但是我此时正在写代码的文件是demo.wxml,我要引入它,就是要返回到上一级的demo文件夹,然后返回到上一级的pages文件夹,找到同一级的images文件夹下的tupian1.png,那么我就应该src="../.././images/tupian1.png"。

    而绝对路径就更好写了,直接用一个/表示绝对路径,我们直接src="/images/tupian1.png"就可以啦~

web

    input标签

    输入框,可以看到代码中的input标签中间并没有写任何文字,但是我们可以在左边随意输入,我们大家平时使用的登录账号,输入文字都是用这个实现的~

    了解着HTML用法,提升自己的能力,是最好的成长。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多