入门:
位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。
<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。
<body> 标签中的文本是将被浏览器显示出来的文本。
如果您希望为使用下一代 HTML 而做好准备,您就应该使用小写标签。万维网联盟 (W3C) 的标准是:建议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。
如果您使用新近的软件,我们认为使用 .html 是相当安全的做法。
您可以使用所见即所得的编辑器而不是纯文本编辑器,这样会更轻松的编辑 HTML 文件。比方说 FrontPage, Claris Home Page, 或者 Adobe PageMill。
但是,如果您希望成为一名熟练的开发人员,我们强烈推荐您使用纯文本编辑器来学习我们的《HTML 基础教程》。
一般编写的html用的都是过渡型的——新旧版本兼容。for example:Transitional(过渡)、strict(严格)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
1.color可以用英语和十六进制表示。十六进制如:#FFFFFF表示白色,#OOOOOO表示黑色。
2.网站开发的主要原则是:
用标签元素HTML描述网页的内容结构;
用CSS描述网页的排版布局;
用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序
3.在元素的起始标签中,可以包含“属性”来表示元素的其他特性,想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择 。
格式:<标签名 属性名='属性值'> 数据内容 </标签名>
<标签名 属性名='属性值' />
属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。多个属性之间以空格分隔,不区分先后顺序。
<hr size=“3” align=“left” width=”75%”>
4.注意:
? 文件的扩展名要以.html或.html结束。
? 文件名中只可由英文字母、数字或下划线组成。
? 文件名中不要包含特殊符号,比如空格、$等。
? 文件名是区分大小写的,在Unix和Windows主机中有大小写的不同。
? 网站首页文件名默认是index.htm或index.html。
在代码中,不区分大小写,比如,将<head>写成<HEAD>或<Head>都可以。
任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是 、<br>。因此,不同的标记间用回车键换行再编写是个不错的习惯。
5.head元素中可以包含下述一些元素:
title元素:文件标题声明
link元素和style元素常用于CSS
script元素用于脚本
meta元素 元信息
<base> 超链接网址基准参考点
<base href="http://www. sina.com.cn" target="_self">
<base href=”文件路径” target=“目标窗口”>
6.<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta name=”” content=””>
<meta http-equiv=”” content=””>
name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性:模拟HTTP协议的响应消息头。
<META http-equiv="refresh" content=“2">
表示每隔2秒,自动刷新网页。
example:(对比)
A..<META http-equiv="refresh" content=“2;url=http://www.sina.com.cn">
表示打开此页面2秒后自动跳转到新浪
B..<META http-equiv="refresh" content="3">
<base target="_blank"></base>
<base href="http://www.hao123.com/"></base>
7.设置页面边距:topmargin、leftmargin、
rightmargin、bottomnargin
设置显示内容与浏览器的距离
<body leftmargin= ” 像素 ” topmargin= ” 像素 ” >
8.添加注释<!-- -->
给代码添加注释语句时,可以放在HTML文件的任何地方,都不会在网页中被显示出来。
在HTML文件中,添加空格需要使用代码“ ;”控制,需要多少个空格就需要添加多少个“ ;”。
9. <b> … </b> 粗
<i> … </i> 斜
<s> … </s> 删
<u> … </u> 下划
<sub> … </sub> 下标 X<sub>2</sub>
<sup> … </sup> 上标 O<sup>2</sup>
<tt> … </tt> 电报
<code>…</code> 源代码
<samp>…</ samp >示例
<kdb>…</ kdb >键盘输入
<address> … </address> 地址 自动倾斜
<big> … </big> 大字
<del> … </del> 删除
<ins>...</ins> 修改
<samll> … </small> 小字
<strong> … </strong> 加强语气 ( 加粗 )
<em>...</em> 加强语气 ( 倾斜 )
默认斜体
cite。引文
dfn。定义
var。程序变量
缩写与缩略
abbr。缩写。
acronym。缩略。不变
内容
del。删除内容。默认删除线
ins。插入内容。默认下划线
q。引用。有效果
10.<bdo> 元素可覆盖默认的文本方向。
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
属性dir: 值ltr rtl 定义文字的方向
11.特殊字符插入特殊符号 字符实体
大于号 (>) >
小于号 (<) <
引号 (“) "
空格
元 ¥ ¥
? ®
? ©
& 号 &
12.属性名称 属性值 说明
size 0-7 字体大小
color 英文或十六 超过改值的无法表示用css来补充
face 字体 字体 最好不要用,防止别人没有该字体
例如:<font size=”7” color=”#ff6600” face=“楷体”>hello</font>
<P align="left">左对齐显示<P>
<P align="center">居中显示<P>
<P align="right">右对齐显示<P>
<p><blockquote cite="http://www.baidu.com">文字<blockquote><p>
13.属性 说明
width 设置水平线宽度,可以是像素也可以是百分比
size 设置水平线高度
noshade 。。。。。无阴影
color 。。。。。颜色
align 。。。。。居中对齐
向中对齐 <center> ( 被废弃的标签 )
。。。。。。
格式: <center> … </center>