H5学习入门

【块级标签与行级标签的区别】

1.块级标签: 默认宽度100%(独占一行)

自动换行(右边不能有任何东西)

可以使用css设置宽度高度

2.行级标签: 内容宽度,由内容撑开(内容多宽,宽度就占多宽)

不会自动换行(从左往右依次排列)

【常见的行级标签】

span(文本)

img(图片)

em(强调)

strong(强调)

q(短引用)

a(超链接)

i(倾斜)

b(加粗)

small(缩小字体)

【em/strong i/b】区别

①em和i都能倾斜,strong和b都能加粗,但是,i和b仅仅是单纯的倾斜,em与strong多了强调的语义

②em和strong都表示强调,但是strong强调的级别更高

注意: 强调的目的,让1搜索引擎知道网页的重点内容,但与搜索引擎检索

strong和em都可以多层嵌套,表示强调程度的递增

三大引用标签

<q cite="http://www.baidu.com">百度</q>

q标签:表示短引用

cite属性:用于声明引用的来源

<blockquote cite="http://www.baidu.com">用于引用一段内容</blockquote>

<cite cite="">引用作品名,书画名</cite>

相同点:三大引用标签,都用cite声明引用来源

不同点:1.引用的内容不同

q->一句话 blockquote->一段话 cite->作品名

2.显示的默认效果不同

blockquote->默认整段向右缩进

q->默认加引号

cite->默认倾斜

img

相对路径:

1.图片与当前文档在同一层文件夹,直接写图片名

<img src="icon.jpg">

2.图片在当前文档的下一层文件夹,文件夹名/图片名

<img src="img/icon.jpg">

3.图片在当前文档的上一层文件夹,../图片名(../表示后退一层)

<img src="../icon.jpg">

图片必须包含在项目里面,不能访问项目外的图片

align:

top->图片顶部,center->图片居中,bottom->图片底部

时间: 2024-10-23 22:57:58

H5学习入门的相关文章

H5学习路线图(留存)

转载于:http://blog.csdn.net/soindy/article/details/52387451 H5学习路线图 前端入门: 页面布局与重构, HTML CSS 移动前端开发: 响应式布局, HTML5 CSS Web交互开发: JavaScript, jQuery Ajax 前端高级开发: 原生开发, 移动端开发 HTML5基础 H5结构标签,标签类型 H5新标签语义,属性语法 H5新功能标签 H5表单元素 H5视频,音频 CSS CSS盒子模型,CSS浮动,定位,CSS结构布

移动H5开发入门知识,CSS的单位汇总与用法

说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem.vw和vh.vmin和vmax.ch和ex等等,那现在对这些单位分别做一下详细的介绍吧. 1.em 做前端的应该对em不陌生,不是什么罕见的单位,是相对单位,参考物是父元素的font-size,具有继承的特点.如果字体大小是16

OPEN(SAP) UI5 学习入门系列之一:扫盲与热身(下)

1 UI5代码结构 上一次我们一起用了20秒的时间完成一个UI5版的Hello World.应用打开后有一个按钮,按钮的文字是Hello World,点击这个按钮之后,按钮会慢慢的消失掉(Fade out). 那我们这次就来看一看为了实现这么一个简单的功能,OpenUI5框架至少需要提供哪些内容,或者说我们通过这么一个简单的应用来看一下一个最简单的UI5的应用程序的结构. HTML部分应该不用多说,我们只看和UI5相关的代码,第一部分我们称为Bootstrap,包含以下代码段: <!-- 1.)

模拟电路学习入门的建议(综合整理)

转载自:http://bbs.eetop.cn/viewthread.php?tid=170164 ”模拟电路学习入门“ "如何才算学好模电,数电"一帖引来大家的关注.这里把各位DX的意见整理了一下,便于大家参考.真正掌握一门技术不容易,大家从不同的侧面和经验谈谈自己的体会,对从事这行业的工程师会有点启迪. 找些實用線路集錦或電子製作書看看,有感興趣的就找找理論資料,然後動手練練,很快就是門內漢(or女)了! 先看基本书,再动手练习练习 Razav 如果有耐心看大头英文最好,翻译也很不

OPEN(SAP) UI5 学习入门系列之四:更好的入门系列-官方Walkthrough

好久没有更新了,实在不知道应该写一些什么内容,因为作为入门系列,实际上应该更多的是操作而不是理论,而在UI5 SDK中的EXPLORER里面有着各种控件的用法,所以在这里也没有必要再来一遍,还是看官方的用法更地道. 看一下基于最新的库所推荐的项目结构. 另外,我觉得对于初学者来说是一个非常好的消息,就是UI5版本从1.28更新到1.30以及更高之后,Tutorial系列有了重大更新,之前的Get Started->Tutorials->Application Best Practice现在改为

JSON--JSON学习入门(了解什么是JSON)

JSON格式化工具:tool.oschina.net/codeformat/json JSON定义 JSON(JavaScript Object Notation)一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性.可在不同平台之间进行数据交换.JSON采用兼容性很高的.完全独立于语言文本格式,同时也具备类似于C语言的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)体系的行为.这些特性使JSON成为理想的数据交换语言. JSON基于Ja

MySQL快速学习入门

#MySQL快速学习入门 #MySQL选择数据库(USE) USE test; #MySQL表字段类型 #INT - 正常大小的整数,可以带符号.如果是有符号的,它允许的范围是从-2147483648到2147483647.如果是无符号,允许的范围是从0到4294967295.可以指定多达11位的宽度. #TINYINT - 非常小的整数,可以带符号.如果是有符号,它允许的范围是从-128到127.如果是无符号,允许的范围是从0到255,可以指定多达4位数的宽度. #SMALLINT - 小的整

oracle学习入门系列之二 数据库基础知识

oracle学习入门系列之二 数据库基础知识 本篇蛤蟆要梳理下那些被淡忘的数据库基础知识,也许根本就没被人记住过.不管是哪种情况,该记住的必须记住,记不住就把他记下来吧. 首先问几个问题如下: 数据库基础知识是什么? 好吧,蛤蟆直接吐后而不亡,看目录开始吧. 本人邮箱:[email protected] 微信公众号:HopToad 欢迎各界交流 1      基本概念 概念就是概念,大伙对这些名词不要死磕,但是对定义一定要理解,理解方能领悟,领悟方能运用自如后创新. 1.1      数据 数据

oracle学习入门系列之一 数据库发展与历史

oracle学习入门系列之一 数据库发展与历史 这个oracle学习入门系列是根据本人工作中的一些笔记.项目进行回忆.整理.一方面是自己知识积累,便于技能提升:另一方面是和小伙伴们共进退互通有无,做一个爱分享的好公民.当然最后也夹杂着自己的一个小心愿,改掉自己重理不重文的臭毛病.想想读书考试的时候,当时如果语文英语多个几分,现在可能就不会落到如此...(咳咳~~),做IT也挺好.那就这样开场白切入吧. 既然学习数据库,就不能不抛几个问题了. 1.        为什么需要数据库,什么是数据库 2