HTML标签简单说明 手写简单的HTML页面 生成最简单的报表

<HTML> 文件宣告 让浏览器知道这是 HTML 文件

<HEAD>  开头 提供文件整体信息  
<TITLE>  标题 定义文件标题,将显示于浏览器顶端  
<BODY>  主体 设计文件格式及内容所在

<!--注解-->  说明标记 为文件加上说明,但不被显示  
<P>  段落标记 为字、图、表格等之间留下一空白行  
<BR>  换行标记 令字、图、表格显示于下一行  
<HR>  水平线 插入一水平线  
<CENTER>  居中 令字、图、表格等显示于中间 反对
<PRE> 预设格式 令文件按原代码的排列方式显示  
<DIV> 定位标记 设定字、图、表格等的摆放位置  
<NOBR>  不换行 令文字不因太长而换行  
<WBR>  建议换行 预设换行部位  

字体标记
<STRONG> 加重语气 产生字体加粗 Bold 的效果  
<B> 粗体标记 产生字体加粗的效果  
<EM> 强调标记 字体出现斜体效果  
<I> 斜体标记 字体出现斜体效果  
<TT> 等宽字体 Courier字体,字母宽度相同  
<U> 加下划线 加下划线 反对
<H1>  一级标题标记 将字体变大,级数越高越小  
<H2>  二级标题标记 将字体变大  
<H3>  三级标题标记 将字体变大  
<H4>  四级标题标记 将字体变大  
<H5>  五级标题标记 将字体变大  
<H6>  六级标题标记 将字体变大  
<FONT>  字体标记 设定字体、大小、颜色 反对
<BASEFONT>  基准字体标记 设定所有字体、大小、颜色 反对
<BIG>  字体加大 令字体稍微变大  
<SMALL>  字体缩小 令字体稍微缩小  
<STRIKE>  加删除线 为文字加删除线 反对
<CODE>  程式码 字体稍微加宽如<TT>  
<KBD>  键盘字 字体稍微加宽,单一空白  
<SAMP>  范例 字w稍榧如<TT>  
<VAR>  变量 斜体效果  
<CITE>  斜体标记 斜体效果  
<BLOCKQUOTE>  向右缩排 文字向右缩排  
<DFN>  述语定义 斜体效果  
<ADDRESS>  地址标记 斜体效果  
<SUB>  下标字 文字下标  
<SUP>  上标字 文字上标  
清单标记
<OL>  顺序清单 清单项目将以数字、字母顺序排列  
<UL>  无序清单 清单项目将以实心圆点作为符号排列  
<LI>  清单项目 清单中的项目,一个标记一行  
<MENU>  选项清单 可用type参数指定项目符号。 反对
<DIR>  目录清单 与<menu>相同 反对
<DL>  定义清单 清单分两层出现  
<DT>  定义条目 清单项标题  
<DD>  定义内容 清单项内容  
表格标记
<TABLE>  表格标记 设定该表格的各项参数  
<CAPTION>  表格标题 做成一打通列以填入表格标题  
<TR>  表格列 设定该表格的列  
<TD>  表格栏 设定该表格的栏  
<TH>  表格标头 相等于<TD>,但其内文字字体会变粗  
表单标记
<FORM>  表单标记 决定该表单的运作模式  
<TEXTAREA>  文字框 提供文字输入栏  
<INPUT>  输入标记 决定输入形式  
<SELECT>  选择标记 建立弹出卷动清单  
<OPTION>  选项 每一个清单选项  
图形标记
<IMG>  图形标记 用来插入图形及设定图形属性  
链接标记
<A>  链接标记 加入链接  
<BASE>  基准标记 可将相对 URL 转绝对及指定链接  
框架标记
<FRAMESET>  框架设定 设定框架  
<FRAME>  窗口设定 设定框架中的窗口  
<IFRAME>  页内框架 于网页中插入框架 IE
<NOFRAMES>  不支持框架 设定浏览器不支持框架时的提示  
影像地图
<MAP>  影像地图名称 设定影像地图名称  
<AREA>  链接区域 设定各链接区域  
多媒体
<BGSOUND>  背景声音 令背景播放音乐或声音 IE
<EMBED>  多媒体 加入声音、音乐或影像  
其他标记
<MARQUEE>  走马灯 令文字走动 IE
<BLINK>  闪烁文字 令文字闪烁 NC
<ISINDEX>  页内寻找器 可输入关键字寻找该页 反对
<META>  开头说明 提供关于此页的信息给浏览器  
<LINK>  关系定义 定义该文件与其他 URL 的关系  
StyleSheet
<STYLE>  式样表 控制网页版面  
<span>  自订标记 独立使用或与样式表一起用

 

简单手写举例:

<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td>学号</td><td>姓名</td>
</tr>
<tr>
<td>001</td><td>宋飞</td>
</tr>
<tr>
<td>002</td><td>李阳</td>
</tr>
</body>
</html>

 

 

页面运行效果如下:

HTML标签简单说明 手写简单的HTML页面 生成最简单的报表

HTML标签简单说明 手写简单的HTML页面 生成最简单的报表,布布扣,bubuko.com

HTML标签简单说明 手写简单的HTML页面 生成最简单的报表

上一篇:HTML5-学习-导航


下一篇:ASP.NET中如何实现负载均衡