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)
用于在页面建立一条水平线,将页面的不同部分分隔开