认识与入门HTML5
2016-09-28 本文已影响310人
不住海边也喜欢浪
HTML5基础
1.1 web基础知识
- 1.1.1 web与internet
- internet是把各个客户端连接起来的网络，它主要提供的服务有Telent、Email、WWW、BBS、FTP等。
- web是运行在internet上的应用之一，internet为web提供了网络环境。
- 1.1.2 web简介
- web又称万维网WWW（World Wide Web）。
- web其实就是无数文档的集合，这些文档驻留在因特网的某个地方。
- 1.1.3 web的工作原理
- web是基于internet的一个多媒体信息服务系统，由web服务器、浏览器、http协议组成。
- web服务器主要以网页形式发布信息，网页采用HTML编写。
- 浏览器嵌有解释器，可以解释HTML文档。
- 1.1.4 web的相关技术
- 服务器端提供数据库访问功能，即PHP/JSP/ASP。
- 客户端由浏览器来解释执行，即HTML/CSS/JS。
1.2 HTML入门
-
1.2.1 HTML概述
-
HTML指的是超文本标记语言（Hyper Text Markup Language）。
-
HTML使用标签来形容网页,HTML文档也被称为网页。
-
1.2.2 HTML基础语法
-
标记语法分为单标记（空标记）、双标记。
-
元素是两对尖括号之间的内容
<p>这是一个段落</p>
其中“这是一个段落”就是p的元素。 -
常用的元素有
<html> <head> <body> <h1> <p> <meta> -
属性是用来修饰元素的，一个元素可以有多个属性，多个属性不分先后。每个属性都有值，属性的值包含在引号中。
<h1 align="center">daily</h1>
其中“align”是属性，“center”是属性的值。 -
注释是为了方便查看程序，在浏览器中不会展示出来。
`` -
1.2.3文档结构
-
下面是一个HTML的骨架
这是注释的使用方法 `<!DOCTYPE html>`
<html>
`<head>`
<title>文档的标题</title>
`<meta charset="utf-8"> <meta name="author" content="阿凉"> <meta name="keywords"content="关键字"> <meta name="description" content="对网页的描述"> </head>`
<body>
` <h1 align="center">这是标题</h1>`
<p>这是段落</p>
</body>
</html>
1.3 文本
- 1.3.1 文本和特殊字符
- 文本是显示在浏览器的内容，直接书写的文本会用浏览器默认的样式显示。包含在标记中的文本会用标记的样式显示出来。
- 许多字符并不能直接使用需要使用它们的转义字符，比如空格、<、>。
- 1.3.2 文本标记
- 元素分为标题元素、段落元素、换行元素、分区元素等。
- 标题元素可分为标题1到标题6
<h#>...</h#>
#=1，2，3，4，5，6
标题元素常用的属性是align="center"
- 段落元素（p）中的文本会用单独的段落显示。
- 使用换行元素（br）可以在任何地方换行
- 分区元素（div和span）
div是块分区元素，span是行内分区元素。 - 分割线元素（hr）
用于在页面建立一条水平线，将页面的不同部分分隔开
