21天精通HTML5与CSS3网页制作 第一天
2016-04-18 19:42
489 查看
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页面中的相关信息，例如文档关键字、描述以及作者信息等。
<META NAME=" " CONTENT=" ">
EG:
<META http-eruiv="Content-Type" content="text/html;charset=gb2312"/>
4.6图像标记<IMG>
4.7框架容器标记<FRAMESET>
<frameset>...</frameset>标签取代了<body>...</body>的位置，紧接<HEAD>标签之后。
<frameset rows="60,*">
<frameset cols="20%,*">
4.8子框架标记<FRAME>
4.9表格标记<TABLE>
一般处于<BODY>标记中。简单的HTML表格由<table>标记由一个或多个<tr>,<th>,<td>标记组成
4.10浮动帧标记<Iframe>
就像“画中画”
4.11滚动标记<marquee>
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页面中的相关信息，例如文档关键字、描述以及作者信息等。
<META NAME=" " CONTENT=" ">
EG:
<META http-eruiv="Content-Type" content="text/html;charset=gb2312"/>
4.6图像标记<IMG>
4.7框架容器标记<FRAMESET>
<frameset>...</frameset>标签取代了<body>...</body>的位置，紧接<HEAD>标签之后。
<frameset rows="60,*">
<frameset cols="20%,*">
4.8子框架标记<FRAME>
4.9表格标记<TABLE>
一般处于<BODY>标记中。简单的HTML表格由<table>标记由一个或多个<tr>,<th>,<td>标记组成
4.10浮动帧标记<Iframe>
就像“画中画”
4.11滚动标记<marquee>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- HTML5中在客户端验证文件上传的大小
- 氪周刊：关注互联网创业
- 据说程序员才会看懂的趣图……
- html5 web数据存储
- 页面元素查找之Selectors API
- 数据中心和云未来的十二大趋势
- 《互联网运营智慧》十一月进展
- Canvas 在高清屏下绘制图片变模糊的解决方法