Day1:HTML基本标签介绍
注:html4是目前使用最多的html版本,那么xhtml其实是html的一个规范版本,html5是w3c的又一新的html版本,增加了许多新的标签,同时他兼容html4所有的页面
一、前端人员
1、策划人员:方案
2、美工人员:设计图.psd .rp
3、前端人员:将.psd写成静态网页
4、后台程序员:获取数据
二、web的组成部分(基本三要素)
1、web服务器:监听客户端连接请求、接收请求、返回响应内容
2、web客户端:浏览器、移动设备
3、HTTP协议:定义web服务器和客户端的通讯细节
三、安装Httpd Web服务器
1、下载:http://httpd.apache.org
2、安装
3、启动Httpd服务器
(1)可以使用控制程序
(2)services.msc
(3)ctrl+r,输入net start Apache2.2
(4)查看系统打开的端口号,确认httpd是否已经启动,cmd->netstat -anb
(5)使用浏览器访问服务器,使用127.0.0.1
四、Web服务器
服务器端技术和客户端技术
常见的服务器端技术(运行在服务器上):JSP/JAVA/PHP/PYTHON
常见的客户端技术(运行在浏览器上):HTML/CSS/JS/SWF
五、HTML技术-重点
html(Hyper Text Markup Language)定义:超文本(纯字符中嵌入样式、图片、音频、视频、超链接等内容)标记语言
注意:作为一门计算机语言,HTML与Java、C、PHP不同,没有循环、分支等基本语言结构,只有纯文本和52个左右的标签
1、语法:
(1)一篇html文档就是一个文本文档,其中包含纯文本+标签
(2)html中的标签分为两种:
双标记标签:<标签名>......</标签名>
单标记标签:<标签名/>单标记标签不能包含内容
(3)标签可以嵌套,但是不能交叉
(4)标签名不区分大小写,但有个版本的html要求全小写,推荐全部使用小写
(5)标签可以声明属性,属性有属性名和属性值,属性值需要单引号或者双引号括起来
<font color="red" size="1">例如此处</font>//不同的标签具有不同的属性
(6)html注释标记 <!-- -->
(7)所有的标签都具备下面四个属性
id:整个文档每个标签可以声明唯一的id号
style:为元素制定css样式
class:指定元素所属的类型
title:指定标签的弹出式提示语
2、html常用标签
标签名 | 说明 | 常用属性 | 区块/内联 |
<html></html> | 声明一篇文档开始和结束 | xmlns:Namespace名称空间 | |
<head></head> | |||
<title></title> | |||
<meta/> | 定义网页的元数据 | ||
<body></body> |
meta data:元数据-描述数据的数据
BookName Price AuthorPhone 元数据
tom 38 9909 数据
3、html文件的基本结构
(1)文档类型声明:html有不同的版本,如html1.0 html2.0 html3.0 html4.0(strict/transitional) xhtml(strict/transitional/frameset) html5,不同版本的html中可以使用标签的数量以及标签的属性是不同的,而且会影响到浏览器对css和javascript的解释执行。
(2)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>