From Head First HTML CSS
4 Web页面连接
- 托管公司
主要就是解决web服务器和域名。
注:starcoffee.com是域名;www.starcoffee.com 是网站
- 转移
将网站的根文件夹里的内容转移到服务器上的根文件夹下。(假设我们的根目录为blog)
转移方式:基于FTP文件传输协议的应用
- 使用FTP连接到你的服务器。
ftp 你的域名
> 一般由托管公司提供一个用户名和口令- 把当前目录切换到文件传输的标准目录。
> 确保当前目录是服务器上的blog文件夹put <filename>命令将文件上传到服务器mkdir命令在服务器上创建一个新目录get <filename>命令获取文件
- 发布
发布成功后,注意url访问时
http://www.starbuzz.com/默认访问根目录下的index.html或者default.htm或者一些默认的脚本文件。
- 链接其他网站
<a>元素还有一个title属性,可以对连接的网址增加描述,通常这个title属性的值和要链接的网站的title元素值一样。
id属性:链接到页面中的某一个元素。<a herf="index.html#chai" > see chai tea </a>
链接到一个新窗口:<a target="_blank">为a元素增加新属性,使目标链接在新窗口打开。_blank是告诉浏览器在新窗口中打开,也可以改用其他值如coffee,这样其实就是对新窗口进行命名,所有设为coffee值的都会在一个窗口中打开。
注:
> 现在浏览器通常是在一个新的标签页中打开,而不是一个全新的窗口。
> href属性中路径可以使用相对路径和URL来链接其它页面,通常对于外部链接使用URL。
5 页面增加图像
- JPEG,PNG,GIF
- JPEG适合照片和复杂图像;有损格式;不支持透明
- PNG和GIF适合单色图像,logo,几何图形;无损格式;支持透明
<img>元素
src属性不仅可以用相对路径还可以使用web链接来引用
alt属性可以描述图像信息,当图片没有加载出来时就会用alt文本来代替
width,height指定宽度和高度像素数
透明图像放入Web中要将图像的蒙版色设置为web页面的背景色
6 标准及其它
- HTML简史
HTML1.0~2.0
HTML3
HTML4:W3C提出,将HTML的表现和结构分开。
HTML4.01
XHTML1.0
HTML5 <!doctype html>
告诉浏览器使用的HTML版本。HTML不会再有6,7,8等,制定标准的人把这个规范制定为“活标准”--向后兼容。
<meta>指定字符编码
meta标记放在head元素中,eg:<meta charset="utf-8">
<html lang="en">- HTML验证网站:validator.w3.org
- 有些元素属性是必须的,如img的alt属性。