H5初体验
来源:互联网 发布:如何在mac上玩dota2 编辑:程序博客网 时间:2024/05/21 09:38
1.H5的规范
H5的结构大致分为三个部分:总体(html、head、body)
<DOCTYPE html>版本规范,整个文件,只出现一次,写在文档的最上面
<meta charset="utf-8" />写在文件的head中,设置文档的编码格式
2.标签的分类及运用
a.<div></div>
I.块标签可以设置宽度 高度,行标签不能设置宽高,块标签是独占一行,display block(默认),行标签 display inline
II.父子关系(嵌套标签)
如果是父子关系的标签结构,子标签会继承父标签的宽度,高度是由内容支 撑起来
b.<span></span>
c.<p></p>
段落标签,让内容以段落的方式展示出来,通常用来显示一段文字
3.超链接
链接标签,http:访问外网链接,需要加上协议http/https,target 访问的方 式,_blank打开新的网页,title 描述这个链接
4.图片的插入
图片访问路径:
绝对路径 电脑磁盘上的位置路径
相对路径 img/CW~J30MXBBTOWC@2ASGAY07.jpg
<img src="img/CW~J30MXBBTOWC@2ASGAY07.jpg" alt="这是一张图片"/>
5.列表分类
a.无序列表
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
b.有序列表
<ol start="2" type="I">
<li>4</li>
<li>5</li>
<li>6</li>
</ol>
type、start:让展示的内容是以I.II.III的格式从II开始作为列表的序号
c.自定义列表
< dl>
<dt>7</dt>
<dt>8</dt>
<dt>9</dt>
</dl>
6.样式的对比
css的样式分为三种,即行间样式(好处:简单暴力 少量代码 查找比较清晰)
内部样式
外部样式(需要要外部创建一个css的文件,让所有的 样式 全部写在里面,可读性比较高; <link rel="stylesheet" href="" />)
如果你即设置了行间样式、内部样式、外部样式,最终使用的将会是行间样式,因为最后执行的是行间样式,每一次样式的设置都会被执行,只不过会被覆盖掉,最好选择外部样式
阅读全文
2 0
- H5初体验
- H5初体验
- H5新标签体验
- 绘制六芒星战斗力属性图 —— h5 canvas 初体验
- H5游戏用户体验与游戏传播
- 使用h5的history改善ajax列表请求体验
- 如何让 H5 体验接近 APP:(一)触摸反馈
- 使用h5的history改善ajax列表请求体验
- H5游戏的开发特性及用户体验
- 将H5网站转换成原生体验的App
- 初入H5
- h5
- h5
- h5
- H5
- H5
- h5
- h5
- ORA-28040: No matching authentication protocol
- MYSQL FIND_IN_SET函数
- LeetCode 121: Best Time to Buy and Sell Stock 解题与思考
- Linux常用性能调优工具索引
- NSMapTable
- H5初体验
- 大数据学习第二课:CDH安装
- 安卓开发日记--2017.10.31
- vue学习第13天,状态过渡
- Linked List相关的题
- MyBatis的一个小程序(购物系统)
- 条件判断字符串(队列实现)
- Unity手游引擎安全解析及实践
- 第九周——项目三—用二叉树遍历思想解决问题