Web开发 第一部分 HTML教程基础(七) 文本样式标签
1、标题文本
输入如下源码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
</body>
</html>
在浏览器中查看结果如下:
标题1
标题2
标题3
标题4
标题5
标题6
由运行结果可知:
h1-h6标签用于显示“标题”元素,默认情况下,h1标签字体最大,h6最小;
标题元素默认显示为“粗体”,独立成行。
h1-h6标签其它属性:
输入如下源码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<h1 align="center">标题1</h1>
<h2 align="right">标题2</h2>
<h3 align="left">标题3</h3>
</body>
</html>
在浏览器中查看结果:
标题1
标题2
标题3
通过代码可以发现:
align属性可以设置标题在页面中的对齐属性;具有三个属性值left、center和right
--------
2、字体标签
输入如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<font face="华文行楷, 微软雅黑, 宋体">中文字体测试</font><br />
<font face="Comic Sans MS, cursive">English font test</font><br />
<font size="2">字<font size="3">号<font size="
相关文档:
<script language="javascript">
var o = document.body;
//创建表格
function createTable(w,h,r,c)
{
var table = document.createElement("table");
var tbody = document.createElement("tbody");
table.width = w;
table.height = h;
table.border = 1;
for(var i=1;i<=r; ......
大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是word-break,当把这项设为break-all时大家 ......
HTML accesskey 属性
accesskey 属性 -- 代表链接的快捷键访问方式
定义了accesskey的链接可以使用快捷键(ALT+字母)访问.
主菜单与导航菜单使用accesskey,通常是不错的选择.
取值:
字母
引用网址:http://www.dreamdu.com/xhtml/attribute_accesskey/
示例
<a href="http://www.dreamdu.com/xhtml/" acces ......
首先,我们试着在html文档中输入回车:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ut ......
从我们第一天建设网站网页开始就一直用着html,html伴随着我们从FrontPage开始到Dreamweaver等等开发工具建设简单的网页网站。HTML也是经过了各路诸侯奋战才达到今天的标准和地位。随着网站建设技术的日益增长,特别在网站优化上也需要html 的改进,所以就诞生了HTML5,不 ......