前端大概三大块.

HTML
CSS
Java
基本上每个概念在iOS开发中都有对应的.
HTML请想象成只能拉Autolayout或者设置Frame的ViewController.
好比你在网页上放了一个Button,如果用HTML你就可以设置他的摆放位置,在哪哪个控件里.但是你不可以设置大小,颜色,圆角之类的属性.
CSS专门负责HTML管不了的这些颜色啊,大小啊之类的属性.
Java主要负责响应事件,你把它想象成iOS里面的处理Event就行了.
废话不多说.第一篇,我们做个导航条.
如图
展开你的想象力,在iOS做这样的一个导航条你会用哪个控件?
无非就是ScrollView或者TableView或者Collectionview.
其实HTML这种东西也叫作列表.对应的HTML标签叫做
.
来看下面一段代码.
我上面已经说过了,ul你可以看作是iOS中的UITableView.那么相应的,ul标签所包含的li标签你当然可以看做是一个个UITableViewCell. 所以,整个body标签包含的就是一个拥有6列的列表.(等同于一个拥有六个Cell的UITableView)
保存为index.html之后用chrome打开之后的效果是这样的.
效果和我们想要的还有一定差距.
每一列之前有个黑点,我们不想要,应该去掉.
导航栏应该是横的而非竖的.
当然还有很多细节不一样,但是这两个最明显,所以我们先改掉这两个问题.
CSS
既然涉及到样式的问题,那么这已经超出HTML力所能及的范围了.我们这时候就要引入CSS了.
怎么引入?
在index.html的同一个文件夹内创建style.css文件.

然后在我们的index.html的
中软卓越培训专注于Java、UI、iOS、Android、php、软件测试、.net、嵌入式、C语言、大数据、HTML5开发,师资力量强大,教学经验丰富,环境优美,交通便利,始终坚持让教育回归本质的教学理念,学习IOS开发,就来中软卓越!
文章来源:https://ios.whzrgj.com/wt/3412.html
中软卓越官网:www.whzrgj.com
刘老师:400-680-9778
联系QQ:2993348707
QQ交流群:114982018
地址:
武汉市洪山区关山大道光谷软件园F3栋4楼
郑州市金水区花园路与农业路交叉口兰德中心8楼
西安市高新区科技二路西安软件园零壹广场六楼
本文来自作者[盖和玉]投稿,不代表调研号立场,如若转载,请注明出处:https://kydy.org.cn/miao/4914.html
评论列表(4条)
我是调研号的签约作者“盖和玉”!
希望本篇文章《【html网页成品代码,html网页作品代码】》能对你有所帮助!
本站[调研号]内容主要涵盖:调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览: 前端大概三大块. HTML CSS Java 基本上每个概念在iOS开发中都有对应的. HTML请想象成只能拉Autol...