1、Html --- hypertext markup language 的缩写 --- 超文本 标记 语言.
这个技术是什么
这个技术可以干什么
怎么用好技术
2、 Html 就是 用来 做网页的 .
3、html一些规范
Html 文件 是有 自己的 特定 扩展名的: .html, .htm
Html 的标签 分为如下 这两种 :
单标签: 单标签一般 用于特殊的含义, 例如 :
表示换行,
双标签: 双标签一般用来 封装数据 , 展示特定的样式 , 例如 : 欢迎
标签的书写规则
在html 中 不管是单标签还是双标签, 都必须要 正确 关闭,
对于任何一个 html页面来说 , 都会有 一个 固定的 内容 :
Html 必须是以 html 做为 根标签, 然后 下面有 head 和 body 标签, 一般 head中 去写 标签 title 标签以及 meta 标签, 其中title 设置
Html页面的 标题内容. Meta 用于指定 html页面的 特定的属性 信息.
Html中的注释 :
4、常用标签
HTML 标记一览标记 | 类型 | 译名或意义 | 作 用 | 备注 | ||||||||||||||||||||||||||||||||||||
文件标记 | ||||||||||||||||||||||||||||||||||||||||
● | 文件声明 | 让浏览器知道这是 HTML 文件 | ||||||||||||||||||||||||||||||||||||||
● | 开头 | 提供文件整体资讯 | ||||||||||||||||||||||||||||||||||||||
● | 标题 | 定义文件标题,将显示于浏览顶端 | ||||||||||||||||||||||||||||||||||||||
● | 本文 | 设计文件格式及内文所在 | ||||||||||||||||||||||||||||||||||||||
排版标记 | ||||||||||||||||||||||||||||||||||||||||
○ | 说明标记 | 为文件加上说明,但不被显示 | ||||||||||||||||||||||||||||||||||||||
○ | 段落标记 | 为字、画、表格等之间留一空白行 | ||||||||||||||||||||||||||||||||||||||
○ | 换行标记 | 令字、画、表格等显示于下一行 | ||||||||||||||||||||||||||||||||||||||
○ | 水平线 | 插入一条水平线 | ||||||||||||||||||||||||||||||||||||||
● | 居中 | 令字、画、表格等显示于中间 | 反对 | |||||||||||||||||||||||||||||||||||||
● | 预设格式 | 令文件按照原始码的排列方式显示 | ||||||||||||||||||||||||||||||||||||||
● | 区隔标记 | 设定字、画、表格等的摆放位置 | ||||||||||||||||||||||||||||||||||||||
● | 不折行 | 令文字不因太长而绕行 | ||||||||||||||||||||||||||||||||||||||
● | 建议折行 | 预设折行部位 | ||||||||||||||||||||||||||||||||||||||
字体标记 | ||||||||||||||||||||||||||||||||||||||||
● | 加重语气 | 产生字体加粗 Bold 的效果 | ||||||||||||||||||||||||||||||||||||||
● | 粗体标记 | 产生字体加粗的效果 | ||||||||||||||||||||||||||||||||||||||
● | 强调标记 | 字体出现斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 斜体标记 | 字体出现斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 打字字体 | Courier字体,字母宽度相同 | ||||||||||||||||||||||||||||||||||||||
● | 加上底线 | 加上底线 | 反对 | |||||||||||||||||||||||||||||||||||||
● | 一级标题标记 | 变粗变大加宽,程度与级数反比 | ||||||||||||||||||||||||||||||||||||||
● | 二级标题标记 | 将字体变粗变大加宽 | ||||||||||||||||||||||||||||||||||||||
● | 三级标题标记 | 将字体变粗变大加宽 | ||||||||||||||||||||||||||||||||||||||
● | 四级标题标记 | 将字体变粗变大加宽 | ||||||||||||||||||||||||||||||||||||||
● | 五级标题标记 | 将字体变粗变大加宽 | ||||||||||||||||||||||||||||||||||||||
● | 六级标题标记 | 将字体变粗变大加宽 | ||||||||||||||||||||||||||||||||||||||
● | 字形标记 | 设定字形、大小、颜色 | 反对 | |||||||||||||||||||||||||||||||||||||
○ | 基准字形标记 | 设定所有字形、大小、颜色 | 反对 | |||||||||||||||||||||||||||||||||||||
● | 字体加大 | 令字体稍为加大 | ||||||||||||||||||||||||||||||||||||||
● | 字体缩细 | 令字体稍为缩细 | ||||||||||||||||||||||||||||||||||||||
● | 画线删除 | 为字体加一删除线 | 反对 | |||||||||||||||||||||||||||||||||||||
| ● | 程式码 | 字体稍为加宽如 | |||||||||||||||||||||||||||||||||||||
● | 键盘字 | 字体稍为加宽,单一空白 | ||||||||||||||||||||||||||||||||||||||
● | 范例 | 字体稍为加宽如 | ||||||||||||||||||||||||||||||||||||||
● | 变数 | 斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 传记引述 | 斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 引述文字区块 | 缩排字体 | ||||||||||||||||||||||||||||||||||||||
● | 述语定义 | 斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 地址标记 | 斜体效果 | ||||||||||||||||||||||||||||||||||||||
● | 下标字 | 指数 | ||||||||||||||||||||||||||||||||||||||
● | 下标字 | 下标字 | ||||||||||||||||||||||||||||||||||||||
清单标记 | ||||||||||||||||||||||||||||||||||||||||
● | 顺序清单 | 清单项目将以数字、字母顺序排列 | ||||||||||||||||||||||||||||||||||||||
● | 无序清单 | 清单项目将以圆点排列 | ||||||||||||||||||||||||||||||||||||||
○ | 清单项目 | 每一标记标示一项清单项目 | ||||||||||||||||||||||||||||||||||||||
● | 选单清单 | 清单项目将以圆点排列,如 | 反对 | |||||||||||||||||||||||||||||||||||||
● | 目录清单 | 清单项目将以圆点排列,如 | 反对 | |||||||||||||||||||||||||||||||||||||
● | 定义清单 | 清单分两层出现 | ||||||||||||||||||||||||||||||||||||||
○ | 定义条目 | 标示该项定义的标题 | ||||||||||||||||||||||||||||||||||||||
○ | 定义内容 | 标示定义内容 | ||||||||||||||||||||||||||||||||||||||
表格标记 | ||||||||||||||||||||||||||||||||||||||||
注: 5、html的一些特殊符号
只要你认识了 HTML 标记,你便会知道特殊字符的用处。
6、常用的标签介绍 1)、font 标签: 是应用于文件的内文部分,即 与 之间的位置,只影响 所标示的字句,是一个围堵标记。 的参数设定: 例子: Creation of Webpage face="Arial" 设定文字的字形。Arial 是常用的一种,请不要使用 Window 内建字 形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页,Netscape Net vigator 不会显示此标记 所指明的任何中文字形。 size="+2" 设定文字的大小。其值可以是绝对或相对, 绝对的意思便是标记自己决定文字的大小,不受 如 size="5" 表示其大小便是 5, 而html内定值为 3,即 size="3"和没有设定是一样的。 相对的意思便是在内定值 3 的基础上增加或减少大小级数,如 size="+2" 便等同绝 对表示法的 size="5",但若已设定
2)、img标签 主要用以插入图片于网页中
的一般参数设定: 例如 图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行己久,后者由 96 年开始发展, 于未来取代前两者。若图片文件与该 html 文件同处一目录则只 写上文件案名称,否则 必须加上正确的途径,相对及绝对皆可。 设定图片大小,此宽度、及高度一般采用 pixels 作单位。通常只设为图片的真实 大小以免失真,若 要改变图片大小最好事先使用图像编辑工具。 设定图片边沿空白,以免文字或其它图片过于贴近。hspace 是设定图片左右的空 间,vspace 则是设定图片上下的空间,高度采用 pixels 作单位。 图片边框厚度。 调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底端、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom, texttop 表示图片和文字依顶线对 , baseline 表示图片对 到目前文字行底线值, absmiddle 表示图片对 到目前文字行绝对中央, absbottom 表示图片对 到目前文字行绝对底部,(绝对底部意指它考虑到比方 y 、g、q 等字的下缘)。 这是用以描述该图形的文字,若用者使用文字浏览器,由于不支持图片,这些文 字更会代替图片而被显示。若于支持图片显示的浏览器,当鼠标移至图片上该些 文字亦会显示。 设定先显示低解像图片,若所加入的是一张很大的图片,下载 时很长,这张低 解像图片会先被显示以免浏览失却兴趣,通当是原图片灰阶版本。 3)、表格标签
|