简单的htm的编写过程如下：
先新建一个文本文件，可以自己命名，如下图，我命名为测试。
编译文本，以最简单的代码格式为例<html> <head> <title> </title> </head> <body> </body></html>
在<body></body>写入你要写的内容,下面以hello world为例。
修改文件后缀名，将txt改为html。
测试是否成功，双击 测试.html，如果出现了下面的内容，恭喜你，你已经学会了最简单的html编写。
html语言很简单！你可以在先在dreamweaver中学习，可视化编辑，点代码后你就可以看到html语言了其主要标记为
标记 类型 译名或意义 作 用 备注
文件标记
<HTML>● 文件声明 让浏览器知道这是 HTML 文件
<HEAD>● 开头 提供文件整体资讯
<TITLE>● 标题 定义文件标题，将显示于浏览顶端
<BODY>● 本文 设计文件格式及内文所在
排版标记
<!--注解-->○ 说明标记 为文件加上说明，但不被显示
<P>○ 段落标记 为字、画、表格等之间留一空白行
<BR>○ 换行标记 令字、画、表格等显示于下一行
<HR>○ 水平线 插入一条水平线
<CENTER>● 居中 令字、画、表格等显示于中间 反对
<PRE>● 预设格式 令文件按照原始码的排列方式显示
<DIV>● 区隔标记 设定字、画、表格等的摆放位置
<NOBR>● 不折行 令文字不因太长而绕行
<WBR>● 建议折行 预设折行部位
字体标记
● 加重语气 产生字体加粗 Bold 的效果
<B>● 粗体标记 产生字体加粗的效果
<EM>● 强调标记 字体出现斜体效果
<I>● 斜体标记 字体出现斜体效果
<TT>● 打字字体 Courier字体，字母宽度相同
<U>● 加上底线 加上底线 反对
<H1>● 一级标题标记 变粗变大加宽，程度与级数反比
<H2>● 二级标题标记 将字体变粗变大加宽
<H3>● 三级标题标记 将字体变粗变大加宽
<H4>● 四级标题标记 将字体变粗变大加宽
<H5>● 五级标题标记 将字体变粗变大加宽
<H6>● 六级标题标记 将字体变粗变大加宽
<FONT>● 字形标记 设定字形、大小、颜色 反对
<BASEFONT>○ 基准字形标记 设定所有字形、大小、颜色 反对
<BIG>● 字体加大 令字体稍为加大
<SMALL>● 字体缩细 令字体稍为缩细
<STRIKE>● 画线删除 为字体加一删除线 反对
<CODE>● 程式码 字体稍为加宽如<TT>
<KBD>● 键盘字 字体稍为加宽，单一空白
<SAMP>● 范例 字体稍为加宽如<TT>
<VAR>● 变数 斜体效果
<CITE>● 传记引述 斜体效果
<BLOCKQUOTE>● 引述文字区块 缩排字体
<DFN>● 述语定义 斜体效果
<ADDRESS>● 地址标记 斜体效果
<SUB>● 下标字 下标字
<SUP>● 上标字 指数（平方、立方等）
清单标记
<OL>● 顺序清单 清单项目将以数字、字母顺序排列
<UL>● 无序清单 清单项目将以圆点排列
<LI>○ 清单项目 每一标记标示一项清单项目
<MENU>● 选单清单 清单项目将以圆点排列，如<UL>反对
<DIR>● 目录清单 清单项目将以圆点排列，如<UL>反对
<DL>● 定义清单 清单分两层出现
<DT>○ 定义条目 标示该项定义的标题
<DD>○ 定义内容 标示定义内容
表格标记
<TABLE>● 表格标记 设定该表格的各项参数
<CAPTION>● 表格标题 做成一打通列以填入表格标题
<TR>● 表格列 设定该表格的列
<TD>● 表格栏 设定该表格的栏
<TH>● 表格标头 相等于<TD>，但其内之字体会变粗
表单标记
<FORM>● 表单标记 决定单一表单的运作模式
<TEXTAREA>● 文字区块 提供文字方盒以输入较大量文字
<INPUT>○ 输入标记 决定输入形式
<SELECT>● 选择标记 建立 pop-up 卷动清单
<OPTION>○ 选项 每一标记标示一个选项
图形标记
<IMG>○ 图形标记 用以插入图形及设定图形属性
连结标记
<A>● 连结标记 加入连结
<BASE>○ 基准标记 可将相对 URL 转绝对及指定连结目标
框架标记
<FRAMESET>● 框架设定 设定框架
<FRAME>○ 框窗设定 设定框窗
<IFRAME>○ 页内框架 于网页中间插入框架 IE
<NOFRAMES>● 不支援框架 设定当浏览器不支援框架时的提示
影像地图
<MAP>● 影像地图名称 设定影像地图名称
<AREA>○ 连结区域 设定各连结区域
多媒体
<BGSOUND>○ 背景声音 于背景播放声音或音乐 IE
<EMBED>○ 多媒体 加入声音、音乐或影像
其他标记
<MARQUEE>● 走动文字 令文字左右走动 IE
<BLINK>● 闪烁文字 闪烁文字 NC
<ISINDEX>○ 页内寻找器 可输入关键字寻找于该一页 反对
<META>○ 开头定义 让浏览器知道这是 HTML 文件
<LINK>○ 关系定义 定义该文件与其他 URL 的关系
StyleSheet
<STYLE>● 样式表 控制网页版面
<span>● 自订标记 独立使用或与样式表同用
注：
● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
○ 表示该标记属空标记，即不需要关闭标记。
IE 表示该标记只适用于 Internet Explorer。
NC 表示该标记只适用于 Netscape Communicator。
反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。
弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）