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>