HTML学习笔记（1）

上一篇 / 下一篇 2008-01-04 21:18:42 / 个人分类：HTML

   不久前去TX面试，被问到懂不懂HTML语言，我很尴尬，做了测试有2年了，确实没有接触过WEB方面的测试，更别提开发语言了。于是决定用1周的时间掌握HTML，然后是学习JSP、PHP。为了能够坚持下去，也为了学习的更有趣，我决定一边学习，一边做个笔记。2008年，我要自己每周都学习一门技能！今天就是个开始。
   目前我的学习资料是硅谷动力学院的新手入门级HTML教程，网址http://www.enet.com.cn/eschool/zhuanti/easyhtml/

下面是资料的摘要

概念：HTML（Hyper Text Markup Language 超文本标识语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档。

HTML文档的编写方法：
手工直接编写
记事本等，存成.htm .html格式
使用可视化HTML编辑器
Frontpage、Dreamweaver等
由Web 服务器（或称HTTP 服务器）一方实时动态地生成。

网页文件命名:
*.htm或*.html
无空格
无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字
区分大小写
首页文件名默认为：index.htm 或 index.html

HTML文件结构:
<html>...</html>
<head>...</head>
<body>...</body>
元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如<body>），也有一个结束的标记（如</body>）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。

HTML文件结构(Document Structures):
<HTML>
<HEAD>
<title></title>
<meta>
</HEAD>
<BODY>
HTML 文件的正文
</BODY>
</HTML>

好了，我来写一个简单的html文件
<HTML>
<HEAD>
<title>泡酸的角落</title>
<meta>
</HEAD>
<BODY>
泡酸又名灯笼草，生长在野外的某个角落，有着红艳的果实，包裹在泡状的花萼里，味道冽酸微甜，故名泡酸。虽是普通的小野花，却有着红色的外衣，泡酸的生活是寂寞的，心里却一直向往着天空..
</BODY>
</HTML>
以上文本复制到记事本中，并修改文件名为：paosuan.htm，打开看看效果，呵呵，一个简单的网页就出来了！

基本组成部分——HTML元素属性:
HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性值用“”引起来。

HTML基本结构的有关元素和元素属性:
HEAD元素——1 <head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。----这个没搞懂啥意思：）
<title>
<title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。---如上面的<title>泡酸的角落</title>
HEAD元素——2
<meta>元素
<meta>元素下面可以插入很多很有用的元素属性。下面介绍四种：
<meta name="keywords" content="study,computer">
用来标记搜索引擎在搜索你的页面时所取出的关键词。
HEAD元素——3
<meta>元素
<meta name="author" content=“wutao">
用来标记文档的作者。
HEAD元素——4
<meta>元素
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
用来标记你的页面的解码方式。
HEAD元素——5
<meta>元素
<meta http-equiv=“refresh” content=“5;URL=http://www.enet.com.cn/eschool”>
用来自动刷新网页

通过上面元素属性的学习，我发现<head></head>先说是元素，后面又说是元素属性，有点混乱。而<meta>更符合元素属性的定义，只是一个<>包括起来，有元素名，和属性值。下面写一个<meta>元素和其属性的例子。
<HTML>
<HEAD>
<title>泡酸的角落</title>
<meta name="keywords" content="blog,html">
<meta name="author" content="paosuan">
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
</HEAD>
<BODY>
泡酸又名灯笼草，生长在野外的某个角落，有着红艳的果实，包裹在泡状的花萼里，味道冽酸微甜，故名泡酸。虽是普通的小野花，却有着红色的外衣，泡酸的生活是寂寞的，心里却一直向往着天空..
</BODY>
</HTML>

幻灯片 1幻灯片 1

HTML学习笔记（1）

相关阅读:

用户菜单

我的栏目

标题搜索

日历

我的存档

数据统计

RSS订阅