html中怎么把文字写在同一排,html怎么两排文字变一排

首页 > 实用技巧 > 作者:YD1662023-04-28 18:02:58

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

html中怎么把文字写在同一排,html怎么两排文字变一排(1)

首先是最常用的<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,后面跟上它的地址,地址可以是本地地址,也可以是网络地址,网络地址写法如下图:

html中怎么把文字写在同一排,html怎么两排文字变一排(2)

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

html中怎么把文字写在同一排,html怎么两排文字变一排(3)

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

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

html中怎么把文字写在同一排,html怎么两排文字变一排(4)

input标签

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

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

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.