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>

 

posted @ 2017-07-07 21:46  licy_python  阅读(161)  评论(0编辑  收藏  举报