H5培训第一天基础知识总结







p{
margin: 20px 100px;
}


html的基本概念

什么是h5开发



1.前端开发

ios

安卓

网页:pc端,移动端(浏览器,app内置页面)

2.基于平台的开发 <br />
比如:hbuilder平台的流应用,5+应用 mui打包的app<br />
比如:(要学的)微信平台的:微信开发<br />

3.混合开发 <br />
开发出ios端和安卓端都能用的界面(一套代码,多端使用)(工资高) <br />

4后端开发 <br />
node.js的开发: <br />
效率快,节约资源,所以很受欢迎(工资也高)  <br />


5全栈开发 <br />
什么都做 ,但是工资不是很高(创业公司:搏一搏单车变摩托:我叫TM,摩拜单车,美团外卖,阿里巴巴,京东)

<h2>认识HTML:Hyper Text Markup Language</h2>
<p>超文本标记(标签)语言</p>
<p>W3C: World Wide Web Consortium,万维网联盟指定的一系列标准,其中就包括HTML标签的规则</p>

<h2>Html文件后缀</h2>
<p>文件有哪些文件:看后缀(打开显示文件拓展名)  .png  .html .htm</p>
<p>文件没有后缀:'空白'文件,文件类型还是以前的类型:内容决定</p>



<h2>标签</h2>
<p>

用尖括号括起来的指令,整个HTML代码是用标签组合起来的;

有开始标签和结束标签的称为闭合标签;( 开始尖括号+标签名)(尖括号+斜杠+结尾标签)

没有结束标签的称为非闭合标签;(尖括号+结尾标签+斜杠)

<!DOCTYPE html>

告诉浏览器这个标签下面的代码,是按照那种标准去翻译(执行)的
不写也没有关系:h5环境下,标签写错了也不会报错(不按照标准来写代码,也没有关系)
不按照标准来写代码:向下兼容。不能再低版本标准下 写高版本的技术代码

锚点

    <p>跳转页面:服务器网址,本地的html页面:<a href="http://www.baidu.com/index.html">百度(公司首页标准网址要加index.html)</a></p>
    <p>跳转到当前页面内部的某一个标签去(锚):a标签的href属性指向想跳转到的标签的id去(href='#xxxx'   id="xxx")  </p>
    <p>
        下载功能:
        图片(浏览器能够读懂的文件的编码,直接展示)
      压缩包(浏览器能够读不懂的文件的编码,下载功能)  
    </p>
    <p>锚点的target:1当前页面打开新的页面 2用新的窗口打开新的页面</p>

相对路径和绝对路径

当前敲代码这份html文件的旁边:能够看到的文件或者文件夹的名字(直接写名字就叫相对路径)
1 ‘./’ 2 不写 1和2都表示当前文件夹下
../ 表示上一级文件夹 上上上: ../../../ 多少级就用多少次 例子:通过代码找到当前这份文件的 爸爸的兄弟叫 (1) 堂哥叫(test.html) ../1/test.html

属性



就是标签的附加信息,属性必须加在开始标签里面;
属性格式:属性名=”属性值

内容

开始标签 和 结束标签之间的东西就叫内容;

元素

从标签的开始位置到结束位置的所有内容一起称为元素; 他们的关系:元素==标签 + 属性 + 内容;

img

图片标签,是非闭合标签; src:source,指定要显示的图片地址,可以是相对或绝对路径或者网址; Width属性定义图片的宽度; Height属性定义图片的高度

alt属性:设置当图片加载失败时显示的文字 title属性 :给用户提示,预见性

标签是可以相互嵌套的

具体的下周一讲:了解一点==》

a里面可以放所有标签,但是它自己的宽高会被内容撑开

style属性

color:文字的颜色 font-size:文字的大小:14px 17px 默认是16px px代表像素值 font-weight:线条粗度 width:宽度(一横排放着的元素设置不起,img设的起) height:高度规则同width background-color:背景颜色 text-align:元素内部的内容(包括元素和文字)对齐方式 text-decoration:线(下划线,删除线,上划线)

<h1 style="color: red;"> <h1>

</p>
</body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值