网站首页 > 文章精选 正文
现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带一个项目,写一行代码的时候,短板就开始暴露,所以对于这样的情况一定要避免。以下内容就是关于HTML的用法介绍,希望对大家的基础提升有所帮助。
首先是最常用的<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,后面跟上它的地址,地址可以是本地地址,也可以是网络地址,网络地址写法如下图:
而本地地址就涉及到一个知识点了:相对路径与绝对路径。相对路径:以自己本身A文件为参照物,相对而言B文件所在的路径。可能大家暂时没懂啥意思,我们接着慢慢看,../两个点加一个斜杠,代表着返回上一层(相当于父母),./一个点加上一个斜杠代表同一层(相当于兄弟姐妹),这样大家就好理解多了吧~
这里我在images文件夹中添加了一个图片,但是我此时正在写代码的文件是demo.wxml,我要引入它,就是要返回到上一级的demo文件夹,然后返回到上一级的pages文件夹,找到同一级的images文件夹下的tupian1.png,那么我就应该src="
../.././images/tupian1.png"。
而绝对路径就更好写了,直接用一个/表示绝对路径,我们直接src="/images/tupian1.png"就可以啦~
input标签
输入框,可以看到代码中的input标签中间并没有写任何文字,但是我们可以在左边随意输入,我们大家平时使用的登录账号,输入文字都是用这个实现的~
了解着HTML用法,提升自己的能力,是最好的成长。
- 上一篇: CSS视觉格式化模型,你真的了解么?
- 下一篇: HTML 面试全攻略(html+面试全攻略技巧)
猜你喜欢
- 2025-05-11 jquery选择器(jquery选择器有几种类型)
- 2025-05-11 解锁 C++ 新姿势:走进 21 世纪的 C++ 编程世界
- 2025-05-11 WPF基础之UI布局(wpf 表单布局)
- 2025-05-11 HTML/CSS 备忘录 - 15. CSS 媒体查询与其他
- 2025-05-11 网页布局技巧(网页布局教程)
- 2025-05-11 你要的CSS布局都在这里(css布局技巧)
- 2025-05-11 一文吃透 CSS Flex 布局(css3 flex布局)
- 2025-05-11 前端兼容性问题总结(前端兼容性问题总结分析)
- 2025-05-11 CSS中常用的几种定位方式(css中常用的几种定位方式有哪些)
- 2025-05-11 CSS 中各种居中你真的玩明白了么(css里面居中)
- 最近发表
-
- Vue3+Django4全新技术实战全栈项目|高清完结
- 工厂模式+策略模式消除 if else 实战
- 每天一个 Python 库:httpx异步请求,让接口测试飞起来
- 如何高效实现API接口的自动化测试?
- 前端工程化:从“手忙脚乱”到“从容协作”的进化记
- 使用C#创建服务端Web API(c#开发web服务器)
- SpringBoot之旅第四篇-web开发(springboot做web项目)
- 一文读懂SpringMVC(一文读懂新型政策性金融工具)
- Rust Web编程:第十二章 在 Rocket 中重新创建我们的应用程序
- Apache Druid 数据摄取——本地数据和kafka流式数据 一篇文章看懂
- 标签列表
-
- newcoder (56)
- 字符串的长度是指 (45)
- drawcontours()参数说明 (60)
- unsignedshortint (59)
- postman并发请求 (47)
- python列表删除 (50)
- 左程云什么水平 (56)
- 计算机网络的拓扑结构是指() (45)
- 编程题 (64)
- postgresql默认端口 (66)
- 数据库的概念模型独立于 (48)
- 产生系统死锁的原因可能是由于 (51)
- 数据库中只存放视图的 (62)
- 在vi中退出不保存的命令是 (53)
- 哪个命令可以将普通用户转换成超级用户 (49)
- noscript标签的作用 (48)
- 联合利华网申 (49)
- swagger和postman (46)
- 结构化程序设计主要强调 (53)
- 172.1 (57)
- apipostwebsocket (47)
- 唯品会后台 (61)
- 简历助手 (56)
- offshow (61)
- mysql数据库面试题 (57)