您的位置：首页 > Web前端 > HTML

Html 初探

2014-09-17 00:00 176 查看
摘要: 电类工程学导论C的第一次实验课。
今天的实验课安装了py2.7， ez_installer， BeautifulSoup，了解了一下Html语言，在此做一下记录。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>WuXueyang's Lab1</title>
</head>
<body>
<h1>这是一个文本实验</h1>
<em>文本强调</em>
<strong>着重的文本</strong>
<b>粗体</b><!--区别在于着中的文本看起来字小一点，看起来更清瘦不过还是黑。-->
<i>斜体</i>
<big>大字体</big>
<p>This is <sub>Up</sub> while this is <sup>Sub</sup></p>
<hr />
<h2>Tag Experiment</h2>
<p>
fdaasdfdfs

前面是一个回车
<br /><!--回车和<br / >的区别在于回车只相当于一个空格，并不能真正做到换行-->
</p>
<p>    (space)      () ()  123                    213</p><!--开头的空格没有用，文中的空格无论多少都只算一个-->
</body>
</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>●自订标记独立使用或与样式表一起用
备 注：

1、● 表示该标记属于围堵标记，即需要结束标记</标记>。

2、○ 表示该标记属空标记，即不需要结束标记。

3、IE 表示该标记只适应于 Internet Explorer。

4、NC 表示该标记只适用于 Netscape Communicator。

5、反对 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。

6、弃用 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。

7、新 表示该标记是 HTML 4.0 中新增的。

如果感觉不是很详细可以参考下下面的文章 HTML元素(标签)大全及使用介绍 都可以参考下
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航