前端语言 | HTML CSS 4-6

86 阅读2分钟

From Head First HTML CSS

4 Web页面连接

  • 托管公司

主要就是解决web服务器和域名。
注:starcoffee.com是域名;www.starcoffee.com 是网站

  • 转移

将网站的根文件夹里的内容转移到服务器上的根文件夹下。(假设我们的根目录为blog)
转移方式:基于FTP文件传输协议的应用

  1. 使用FTP连接到你的服务器。ftp 你的域名
    > 一般由托管公司提供一个用户名和口令
  2. 把当前目录切换到文件传输的标准目录。
    > 确保当前目录是服务器上的blog文件夹
  3. put <filename>命令将文件上传到服务器
  4. mkdir命令在服务器上创建一个新目录
  5. 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属性。