初识html5

原创 2016年08月29日 18:18:33

这几天刚刚学习html5,正在学习一些基本语法。今天就先把之前学习的一些知识点复习一下把,一开始学习什么语言,总是感觉很枯燥的。

1               
<li>表示列表项目
body 以上的东西都是为搜索引擎和浏览器准备的
标签的组成 元素(element)、属性(attribute)、值(value)

2
<img/>这是一个空元素
<label 元素>(关联文本标签和表单字段)

3
<属性总是位于元素的开始标签内 属性的值通常放在一对引号中
<label for="email">Email Address</label>

4
<a href="" rel="external"  title=" " >Beautiful girl</a>
href,rel,title 都是a的属性 有的元素可以有多个属性

5
html 会把文本中的多个空格和制表符压缩成单个空格
或者将它们一起忽略

6
直接在head后面指定文档的编码是utf-8

7
html5提供了audio 和video元素缓解了flash运行会耗费太多的资源
无需使用插件就可以播放视频和音频
falsh 已经快要被淘汰了 哈哈、

8
文件名都是用小写必须保持一致
busin-student.htm 短横线是搜索引擎更容易接受的方式

9
URL 的第一个部分称为模式(Scheme)
告诉浏览器如何处理需要打开的文件 最常见的模式是http模式
https是从http衍生下来的 用于电子商务网站等安全网页
http://www.baidu.com /tofu/index.html
模式   主机名              目录   文件名
10
根相对url
返回到根的url 直接使用一个/ 但是这种做法只能试用于web
服务器,如果是网站托管服务供应商的web服务器 以及本地计算机
的服务器就不可以了

11
如果不是在服务器而是在本地开发网站就应该使用相对路径

12
html 描述的是Html的内容的含义,就是语义
<em>表示强调 通常会用斜体表示文本,没有多大的用处</em>

13
block 和inline  在html5之前大多数元素都可以被划入块级
(block-level)从新行开始显示 或者行内(inline-level)
和其他内容在同一行显示html5废弃了这些术语
因为这些术语把元素和表现关联起来 而html5并不负责表现
                                                                                              

以上都是周六看书的时候觉得很重要的知识点。

周六的时候跟着书上做了一个简单的例子,发现了一个问题,如果有大牛希望能够指点一下以下是代码

<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>页面结构</title>
<style type="text/css">
header,nav,article,footer
{border:solid 1px #666;padding:5px}
header{width:600px}
nav{float:left;width:60px;height:100px}
article{display:inline;float:left;width:528px;height:100px}
footer{clear:both;width:600px}
</style>
</head>
 
<body>
<header>导航</header>
<nav>菜单</nav>
<article>
<p style="border:solid 1px">shabi</p>
<p>nihao</p>
</article>
<footer>底部说明</footer>
</body>
 
</html>

可以看到 header 和footer 的底部都是600px  nav是和article一起的因为它们都是左对齐的,那么nav.width+article.width=60+528=588 那么剩下的12px被吃了看吗?

 

效果图看见没有还是对齐的,所以我推测那12px是被 那个对齐方式给吃了,试了以下把float:left去了每个都直接换到下一行出现了。那个时候都需要600px。应该就是对齐方式的原因把,本人还是个菜鸟,过来人指点指点啦!

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

html5第一课——初识html5

一、html5的历史背景和特点 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTM...
  • penghk1986
  • penghk1986
  • 2013年07月17日 12:44
  • 318

Html5系列(一)初识Html5

标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web ...
  • dhdhxgx
  • dhdhxgx
  • 2016年11月15日 23:26
  • 281

HTML5——初识html5

一.新增标签 用在页面的头部或者版块的头部用在页面的头部或者版块的头部用来划分区域主体     和主体相关的附属信息 侧边栏 内容区域 时间选项列表。与input元素配合使用,来定义...
  • wzg31796
  • wzg31796
  • 2016年04月16日 18:33
  • 134

初识HTML5(一)

初识html4计算机语言第一次h5的课,老师讲了这个计算机语言由简单的2进制到汇编再到现在的高级语言。包括C 、 C++、 PHP、 Java、 C#等 那我们现在使用的编程语言基本上都是基于Java...
  • caoPengFlying
  • caoPengFlying
  • 2017年07月07日 11:30
  • 5400

JAVA学习第一课(初识JAVA)

PS:退ACM集训队了,自己也疯玩了两天,后天就开学了,就正式大二了,该收收心好好学习啦                                                        ...
  • u013497151
  • u013497151
  • 2014年08月30日 14:51
  • 2210

初识神经网络(1)

神经网络是由简单处理单元构成的大规模并行分布式处理器,天然的具有存储经验知识和使之可用的特性。神经网络在两个方面与大脑相似: 神经网络是通过学习过程从外界环境中获取知识的;互连神经元的连接强度,即突...
  • universe_ant
  • universe_ant
  • 2016年10月02日 12:33
  • 1428

第一章 初识Java

什么是Java语言 Java是于 1995年 由Sun公司推出的 极富创造力的 面向对象程序设计语言 它由Java之父——Sun研究院院士 詹姆斯·高斯林(James Gosling)博士...
  • zsg6221827
  • zsg6221827
  • 2017年03月07日 12:11
  • 192

【redis 基础篇一】redis初识

在JDB来了差不多一个月的时间了,在了解公司业务和框架的过程中,看到了在通过上游调用接口的过程中,使用到了redis来调用值,上游将一个参数传过来,我们通过这个参数去redis中读取部分参数,然后将所...
  • huo065000
  • huo065000
  • 2016年02月28日 18:57
  • 599

iOS开发之OC篇(1)——初识iOS开发

简单介绍编译器Xcode以及开发语言OC。建立一个最简单的工程,打印出“Hello world!”。...
  • u012078168
  • u012078168
  • 2016年07月07日 18:48
  • 178

【docker】初识docker

docker经过这么几年的发展,到如今更是火热到即使你没吃过猪也见过猪跑的地步,本节会给大家介绍docker的一些含义,让大家了解docker什么是DockerDocker是一个开放源代码软件项目,让...
  • qq_28602957
  • qq_28602957
  • 2016年12月21日 17:41
  • 1756
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:初识html5
举报原因:
原因补充:

(最多只允许输入30个字)