21天精通HTML5与CSS3网页制作第一天

来源：互联网发布：英文说明书翻译软件编辑：程序博客网时间：2024/04/20 18:06

1.网页一般由站标、导航栏、广告栏、信息栏和版权区等部分组成，按照内容形式的不同可以分为门户网站、职能网站、专业网站和个人网站四大类

2.URL、域名、与IP地址

URL（Uniform Resourse Locator）即统一资源定位器，也就是网络地址，是在Internet上用来描述信息资源，并将Internet提供的服务统一编址的系统

域名类似于Internet上的门牌号，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的因特网协议（IP）地址相对应

IP即因特网协议，是为计算机网络相互连接进行通信而设计的协议，是计算机在因特网上进行相互通信应当遵守的规则。IP地址是给因特网上的每台计算机和其他设备分配的一个唯一的地址

PS：URL和域名是两个不同的概念，如http：//www.sohu.com/是URL，而www.sohu.com是域名

3.网站上传和下载

上传（upload）是从本地计算机（一般指客户端）向远程服务器（一般指服务器端）传送数据的行为和过程，下载（Download）是从远程服务器取回数据到本地计算机的过程

TIPS:FTP（File Transfer Protocol）即文本传输协议，是一种快速、高效和可靠的信息传输方式，通过该协议可把文件从一个地方传输到另一个地方，从而真正地实现资源共享。制作好的网页要上传到服务器上，就要用到FTP

4.HTML常用标记

4.1链接标记<LINK>

4.2段落标记<p>

TIPS：通用属性使用与大多数的标记，其中有ID属性，CLASS属性，STYLE属性，TITLE属性，LANG属性和DIR属性。

4.2.1 ID属性

<HTML>
<HEAD>
<style>
p#F1{
color:navy;
background:lime;
}
p#F2{
color:white;
background:black;
}
</style>
<TITLE>简单页面</TITLE>
</HEAD>
<BODY>
<p ID=F1>第一个段落</p>
<p ID=F2>第二个段落</p>
</BODY>
</HTML>

4.2.2LANG属性

LANG属性指定了内容所使用的语言，其属性值不区分大小写，使用格式如下：

<p LANG=en>This paragraph is in english.</p>

4.3通用块标记<DIV>

<HTML>
<HEAD>
<style>
.n1{
color:navy;
background:lime;
}
.n2{
color:white;
background:black;
}
</style>
<TITLE>简单页面</TITLE>
</HEAD>
<BODY>
<DIV class="n1">
<p>第一个段落</p>
</DIV>
<DIV class="n2">
<p>第二个段落</p>
</DIV>
</BODY>
</HTML>

4.4行内标记<SPAN>

4.5元数据标记<META>

元数据标记<META>的作用是定义HTML页面中的相关信息，例如文档关键字、描述以及作者信息等。

EG:

4.6图像标记<IMG>

4.7框架容器标记<FRAMESET>

<frameset>...</frameset>标签取代了<body>...</body>的位置，紧接<HEAD>标签之后。

4.8子框架标记<FRAME>

4.9表格标记<TABLE>

一般处于<BODY>标记中。简单的HTML表格由<table>标记由一个或多个<tr>,<th>,<td>标记组成

4.10浮动帧标记<Iframe>

就像“画中画”

4.11滚动标记<marquee>

0 0

21天精通HTML5与CSS3网页制作 第一天

21天精通HTML5与CSS3网页制作第一天