HTML(Hyper Text Mark-up Language )即超文本标记语言,是用于描述网页文档的一种标记语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。
HTML最基本的语法是<标记符>内容
<html>
<head>
<title>
helloHtml
title>
head>
<body>
write something、、、、
body>
html>
Html5是Html的最新一代(第5次重大修改)的版本。 其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。Html5相比之前的版本有着明显的改进,大致来说有这几个方面:
(1)更多的标记,适应移动设备中的地理标记,摄像头,原生视频播放,以及更好的html语义的需要
(2)画布跟原生2d作图,这个使得网页游戏编写更简单,性能更高。
(3)RIA的支持,websocket,实现服务器主动推送数据到客户端,触摸的支持等等,这些使得客户端应用更丰富、更像本地程序
(4)更完善的css标准和js标准。
Html5虽然是指HtmL语言的最新版本,但是从广义上人们已经将Html5看成是Html+css+JavaScript的组合模式。因为一个Html5网页的组成离不开这三样东西,Html控制着一个网页的框架结构,css控制着网页的样式,JavaScript控制着网页的交互逻辑
html
html
html
html
html
something
html
……
此外Html5还可以执行SVG(矢量图)的显示,地理定位,Web客户端数据存储,应用缓存等新特性。
CSS 即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3 是CSS技术的升级版本,相比之前的版本多了一些样式设置(比如动画特效)。
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
示例:
p {
text-align: center;
color: black;
margin: 0;
font-family: arial;
}
提示:背景应用于由内容和内边距、边框组成的区域。
标签选择器: 就是针对HTML文档中的标签
p {
margin: 0;
}
div {
background:#FFFFFF
}
类选择器: 类选择器可以自己自定义样式名称,在html的标签中使用class=”“引用,该种样式可以重复引用。
.myclass {
margin: 0;
color:black;
}
.myclass .innerclass{
margin: 10px;
color:black;
}
id选择器: 与类选择器基本相似,但是ID具有唯一性,在网页中只能出现一次,用于定义只出现一次的样式。
#myclass {
margin: 0;
color:black;
}
属性选择器: 可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
font-family: Verdana, Arial;
}
html元素分类
html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。
块级元素: 在html中
、