web前端:技术提升必学的HTML用法
现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带一个项目,写一行代码的时候,短板就开始暴露,所以对于这样的情况一定要避免。以下内容就是关于HTML的用法介绍,希望对大家的基础提升有所帮助。
web
首先是最常用的标签与标签
标签也就是盒子模型,在它的里面可以放其他所有标签,标签里面可以写文字,但是我们也可以直接在标签里面写文字。
标签是单独占一行,但是标签却在一行中有两个。
这里就不得不提到一个知识点:行内元素与块级元素。首先,HTML的排版是从上而下进行的,块级元素:不管它的内容有没有达到一整行,它都是会占据一整行,行内元素:不会单独占一行,只会占自己应占的长度,可以在一行中共存。
块级元素:div,p,form,ul,li,ol,dl,form,table
行内元素:span,strong,em,br,img,input,label,select,textarea
标签
也就是图片,我们需要在标签中写上src,后面跟上它的地址,地址可以是本地地址,也可以是网络地址,网络地址写法如下图:
web
而本地地址就涉及到一个知识点了:相对路径与绝对路径。相对路径:以自己本身A文件为参照物,相对而言B文件所在的路径。可能大家暂时没懂啥意思,我们接着慢慢看,…/两个点加一个斜杠,代表着返回上一层(相当于父母),./一个点加上一个斜杠代表同一层(相当于兄弟姐妹),这样大家就好理解多了吧~
web
这里我在images文件夹中添加了一个图片,但是我此时正在写代码的文件是demo.wxml,我要引入它,就是要返回到上一级的demo文件夹,然后返回到上一级的pages文件夹,找到同一级的images文件夹下的tupian1.png,那么我就应该src="…/…/./images/tupian1.png"。
而绝对路径就更好写了,直接用一个/表示绝对路径,我们直接src="/images/tupian1.png"就可以啦~
web
input标签
输入框,可以看到代码中的input标签中间并没有写任何文字,但是我们可以在左边随意输入,我们大家平时使用的登录账号,输入文字都是用这个实现的~
免费领取学习资料
web前端:技术提升必学的HTML用法相关推荐
- 想转行做web前端工程师,必学这6大技能!你都知道吗?
web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要 ...
- 什么是web前端技术?要学什么?
想要学习web前端,首先要知道什么是web前端.简单来说,前端就是我们所浏览的网页.APP.小程序等页面的内容展现技术.我们所看到的这些界面,从内容到效果,都是由前端技术来实现的. 随着互联网技术的发 ...
- 如何提升自己的Web前端技术
如何提升自己的Web前端技术?问这个问题的一般都是有一些web基础的同学,还有一部分是自学的web前端技术,对自己目前的能力还比较模糊,下面小编就这个问题为大家做下详细的介绍. 如何提升自己的Web前 ...
- web前端技术有哪些,小白必看
随着互联网的高速发展以及技术的不断革新,Web前端工程师需要掌握的技术也有所变更.很多人想知道当前常用的Web前端技术有哪些?如何快速掌握这些技术?接下来千锋重庆Web前端的小编就给大家介绍下.常用的 ...
- 常用的Web前端技术有哪些,小白必看
随着互联网的高速发展以及技术的不断革新,Web前端工程师需要掌握的技术也有所变更.很多人想知道当前常用的Web前端技术有哪些?如何快速掌握这些技术?接下来千锋哈尔滨Web前端小编就给大家介绍下.常用的 ...
- Web前端技术历经的洗礼和蜕变
随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变.尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力.尽管Web前端技术诞生至 ...
- 为什么很多人转行学习Web前端技术?
今天小编要跟大家分享的文章是关于为什么很多人转行学习web前端技术?不管你是工人阶层还是服务行业,是否想过转行IT,转行IT后肯定会选择一门编程语言进行深入学习,很多转行的人基础都不是太好,不是科班出 ...
- 25个Web前端开发工程师必看的国外大牛和酷站
逛了一周国外大牛们的博客与酷站,真是满满的钦佩.震撼.羡慕.惊喜---- Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要.无论是学习新技术,还是寻找免费资源与工具 ...
- Web前端技术分享:学习HTML和CSS的5大理由
人们学习HTML和CSS最常见的原因是开始从事Web开发.但并不是只有Web开发人员才要学习HTML和CSS的核心技术.作为一个网络用户,你需要你掌握的相关技术很多,但下面小千总结了5个你无法拒绝学习 ...
最新文章
- STL中基本容器有: string、vector、list、deque、set、map
- Squid 代理服务器 编译源码 伪造HTTP_X_FORWARDED_FOR 请求头
- mysql实时增量备份
- c++ 返回 char*
- css 跳动的心_如何用纯CSS为您的情人打造一颗跳动的心
- 全面解码美妆消费者心智
- 黄聪:wordpress向mysql字段中保存html代码(使用add_option()方法),然后无法显示出问题...
- mysql取分组最新的一条_基于mysql实现group by取各分组最新一条数据
- Linux下安装Solr7.2.1以及配置Solr(CentOS7)
- 兆骑科创平台创新创业赛事路演,投融资服务
- 智能选择:单位转换(unit conversion)
- H5标签 marquee 滚动字幕
- 苹果电脑QQ邮件服务器,苹果邮件设置qq邮箱的步骤_苹果电脑自带邮件怎么设置qq邮箱-win7之家...
- 【案例】某市规范性文件合法性审核信息管理系统和行政执法监督平台建设案例
- 初学三分法之考研路茫茫——早起看书
- 新宝综述拉升大阳包阴沪指收复3600点
- Opencv-python滤镜系列(3): 凹透镜滤镜效果实现
- 电脑我的计算机硬盘刷新慢,事实:如果计算机硬盘的读取速度变得很慢该怎么办?...
- 浅谈密码学——加密者与破译者的博弈
- Cosmos IBC
热门文章
- [转载] python numpy.random.randn()与numpy.random.rand()的区别 (正态分布公式)(标准正态分布 standard normal distribution
- [转载] 使用Python在Pandas Dataframe中建立索引
- poi报表导出4.1.0版本工具类 导出并下载
- 项目Beta冲刺Day4
- Python学习路程day9
- JavaScript模拟实现“实例成员”和“静态成员”
- POJ 1887 (DP)
- 超炫JS拖拽翻页效果(左右拖拽html源码)
- Ubuntu学习日记--Lesson2:创建、重命名、删除文件及文件夹,强制清空回收站方法
- 利用PCL做点云的平面拟合